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

package/cjs/v2/Card.js

@@ -1,88 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var reactDesc = require('react-desc');
-var dsHeader = require('@elliemae/ds-header');
-var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var components = require('./components.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
-
-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__default["default"](DSTruncatedTooltipText.TooltipTextProvider, {}, void 0, /*#__PURE__*/_jsx__default["default"](components.CardContainer, {
-    hasBorder: hasBorder,
-    cols: getCol(rightAddon),
-    "data-testid": "em-ds-card"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](components.LeftSection, {}, void 0, leftAddon && /*#__PURE__*/_jsx__default["default"](components.LeftAddon, {}, void 0, leftAddon), /*#__PURE__*/_jsx__default["default"](components.MainSection, {
-    style: {
-      maxWidth: leftAddon ? 'calc(100% - 40px)' : '100%'
-    }
-  }, void 0, /*#__PURE__*/_jsx__default["default"](dsHeader.DSHeader, {
-    fontSize: "16px",
-    "data-testid": "em-ds-card-header",
-    fontWeight: "regular",
-    color: "neutral.800",
-    text: /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
-      value: title
-    })
-  }), description && /*#__PURE__*/_jsx__default["default"](components.Description, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
-    value: description
-  })))), rightAddon && /*#__PURE__*/_jsx__default["default"](components.RightAddonSection, {}, void 0, rightAddon[0] && /*#__PURE__*/_jsx__default["default"](components.RightAddon, {}, void 0, rightAddon[0]), rightAddon[1] && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [rightAddon.length > 1 && (_Separator || (_Separator = /*#__PURE__*/_jsx__default["default"](components.Separator, {}))), /*#__PURE__*/_jsx__default["default"](components.RightAddon, {}, void 0, rightAddon[1])]
-  }))));
-};
-
-const cardProps = {
-  /**
-   * Title of the card. requiered
-   */
-  title: reactDesc.PropTypes.string.isRequired.description('Title of the card. requiered'),
-
-  /**
-   * Description of the card. not requiered
-   */
-  description: reactDesc.PropTypes.string.description('Description of the card. not requiered'),
-
-  /**
-   * Left Addon
-   */
-  leftAddon: reactDesc.PropTypes.element.description('Left Addon'),
-
-  /**
-   * Right addon array, max elements: 2
-   */
-  rightAddon: reactDesc.PropTypes.array.description('Right addon array, max elements: 2'),
-
-  /**
-   * Wheter if the card has border or not
-   */
-  hasBorder: reactDesc.PropTypes.bool.description('Wheter if the card has border or not')
-};
-const DSCardCustomWithSchema = reactDesc.describe(CustomCard);
-DSCardCustomWithSchema.propTypes = cardProps;
-
-exports.CustomCard = CustomCard;
-exports.DSCardCustomWithSchema = DSCardCustomWithSchema;
-exports["default"] = CustomCard;

package/cjs/v2/Group.js

@@ -1,68 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var reactDesc = require('react-desc');
-var styled = require('styled-components');
-var dsSystem = require('@elliemae/ds-system');
-var Card = require('./Card.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const Group = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1y2lfoo-0"
-})(["display:flex;flex-direction:column;width:100%;max-width:100%;", "{border-top:none;}", ""], Card.CustomCard, _ref => {
-  let {
-    theme,
-    withTopBorder
-  } = _ref;
-  return withTopBorder ? "border-top: ".concat(theme.colors.neutral['100']) : '';
-});
-const GroupTitle = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-1y2lfoo-1"
-})(["", ""], dsSystem.truncate());
-const TitleWrapper = /*#__PURE__*/styled__default["default"].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, dsSystem.color('neutral', '700'), props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['080'], props => dsSystem.border(props.theme.colors.neutral['080']));
-const Items = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1y2lfoo-3"
-})(["display:flex;flex-direction:column;"]);
-
-const CardGroup = _ref2 => {
-  let {
-    children,
-    title,
-    action
-  } = _ref2;
-  return /*#__PURE__*/_jsx__default["default"](Group, {
-    withTopBorder: !title
-  }, void 0, !!title && /*#__PURE__*/_jsx__default["default"](TitleWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](GroupTitle, {}, void 0, title), action), /*#__PURE__*/_jsx__default["default"](Items, {}, void 0, children));
-};
-
-const cardgroupProps = {
-  /**
-   * Card items
-   */
-  children: reactDesc.PropTypes.element.isRequired.description('Card items'),
-
-  /**
-   * Title of the group
-   */
-  title: reactDesc.PropTypes.string.isRequired.description('Title of the group'),
-
-  /**
-   * Right addon action
-   */
-  action: reactDesc.PropTypes.element.description('Right addon action')
-};
-const DSCardGroupWithSchema = reactDesc.describe(CardGroup);
-DSCardGroupWithSchema.propTypes = cardgroupProps;
-
-exports.CardGroup = CardGroup;
-exports.DSCardGroupWithSchema = DSCardGroupWithSchema;
-exports["default"] = CardGroup;

package/cjs/v2/components.js

@@ -1,54 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-var dsGrid = require('@elliemae/ds-grid');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const CardContainer = /*#__PURE__*/styled__default["default"](dsGrid.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__default["default"].div.withConfig({
-  componentId: "sc-1cjakml-1"
-})(["display:flex;align-items:center;"]);
-const LeftAddon = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1cjakml-2"
-})(["height:fit-content;width:fit-content;margin-right:16px;cursor:pointer;"]);
-const RightAddonSection = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1cjakml-3"
-})(["display:flex;align-items:center;width:fit-content;"]);
-const RightAddon = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1cjakml-4"
-})(["height:fit-content;width:fit-content;cursor:pointer;"]);
-const Separator = /*#__PURE__*/styled__default["default"].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__default["default"].div.withConfig({
-  componentId: "sc-1cjakml-6"
-})(["display:flex;flex-direction:column;"]);
-const Title = /*#__PURE__*/styled__default["default"].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__default["default"].p.withConfig({
-  componentId: "sc-1cjakml-8"
-})(["margin:0;color:", ";"], props => props.theme.colors.neutral['600']);
-
-exports.CardContainer = CardContainer;
-exports.Description = Description;
-exports.LeftAddon = LeftAddon;
-exports.LeftSection = LeftSection;
-exports.MainSection = MainSection;
-exports.RightAddon = RightAddon;
-exports.RightAddonSection = RightAddonSection;
-exports.Separator = Separator;
-exports.Title = Title;

package/esm/DSCard.js

@@ -1,61 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import { DSCardBody } from './DSCardBody.js';
-import { DSCardHeader } from './DSCardHeader.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["innerRef", "children", "containerProps"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const DSCard = _ref => {
-  let {
-    innerRef = undefined,
-    children = null,
-    containerProps = {}
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  const {
-    cssClassName
-  } = convertPropToCssClassName('card');
-  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread(_objectSpread({
-    "data-testid": "card"
-  }, containerProps), {}, {
-    ref: innerRef,
-    className: cssClassName
-  }, otherProps), {}, {
-    children: children
-  }));
-};
-
-const cardProps = {
-  /** inject props to component wrapper */
-  containerProps: PropTypes.object.description('inject props to component wrapper'),
-
-  /**
-   * Get reference for the button
-   */
-  innerRef: PropTypes.string.description('Get reference for the button'),
-
-  /**
-   * DSCardBody and DSCardHeader
-   */
-  children: PropTypes.arrayOf(PropTypes.shape({
-    type: PropTypes.oneOf([DSCardHeader, DSCardBody])
-  })).description('DSCardBody and DSCardHeader')
-};
-const DSCardWithSchema = describe(DSCard);
-DSCardWithSchema.propTypes = cardProps;
-
-export { DSCard, DSCardWithSchema, DSCard as default };

package/esm/DSCardBody.js

@@ -1,22 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-
-const DSCardBody = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx("div", {
-    className: "em-ds-card-body",
-    "data-testid": "card-body"
-  }, void 0, children);
-};
-
-const bodyProps = {
-  /** children */
-  children: PropTypes.element.description('children')
-};
-const DSCardBodyWithSchema = describe(DSCardBody);
-DSCardBodyWithSchema.propTypes = bodyProps;
-
-export { DSCardBody, DSCardBodyWithSchema, DSCardBody as default };

package/esm/DSCardHeader.js

@@ -1,36 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-
-const DSCardHeader = _ref => {
-  let {
-    title,
-    action
-  } = _ref;
-  const {
-    cssClassName,
-    classNameElement
-  } = convertPropToCssClassName('card-header');
-  return /*#__PURE__*/_jsx("div", {
-    className: cssClassName,
-    "data-testid": "card-header"
-  }, void 0, /*#__PURE__*/_jsx("span", {
-    className: classNameElement('heading')
-  }, void 0, title), /*#__PURE__*/_jsx("div", {
-    className: classNameElement('pull-right'),
-    "data-testid": "ds-card_header-action"
-  }, void 0, action));
-};
-
-const cardHeader = {
-  /** card header title */
-  title: PropTypes.string.description('card header title'),
-
-  /** action */
-  action: PropTypes.node.description('action')
-};
-const DSCardHeaderWithSchema = describe(DSCardHeader);
-DSCardHeaderWithSchema.propTypes = cardHeader;
-
-export { DSCardHeader, DSCardHeaderWithSchema, DSCardHeader as default };

package/esm/detail/DetailCard.js

@@ -1,188 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { compact, noop } from 'lodash';
-import { PropTypes, describe } from 'react-desc';
-import { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';
-import { useTheme } from '@elliemae/ds-system';
-import DSButton from '@elliemae/ds-button';
-import DSSeparator from '@elliemae/ds-separator';
-import { Grid } from '@elliemae/ds-grid';
-import { DSCheckbox } from '@elliemae/ds-form';
-import { Container, Title, Description, RightDescription, RightValue, RightAddon } from './styled.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
-
-var _Grid, _DSSeparator;
-
-const DetailCard = _ref => {
-  let {
-    title,
-    description,
-    descriptionColor = 'neutral',
-    rightValue,
-    rightDescription,
-    rightAddon,
-    // select props
-    selectable = false,
-    isSelected = false,
-    onSelect = noop,
-    // expand props
-    expandable = false,
-    isExpanded = false,
-    onExpand = noop,
-    expandContent,
-    // state props
-    readOnly = false,
-    disabled = false
-  } = _ref;
-  const theme = useTheme();
-  const hasRightLegend = rightValue && rightDescription;
-  const hasRightPosition = hasRightLegend || rightAddon;
-  const topWrapperCols = ['1fr'];
-  if (hasRightPosition) topWrapperCols.push('auto');
-  if (expandable) topWrapperCols.unshift('20px');
-  if (selectable) topWrapperCols.unshift(theme.space.s);
-  return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/_jsx(Container, {
-      disabled: disabled || readOnly,
-      active: selectable && isSelected,
-      "data-testid": "card-detail-container"
-    }, void 0, /*#__PURE__*/_jsx(Grid, {
-      cols: topWrapperCols,
-      alignItems: !description && 'center'
-    }, void 0, selectable && /*#__PURE__*/_jsx(Grid, {
-      pt: description && '9px'
-    }, void 0, /*#__PURE__*/_jsx(DSCheckbox, {
-      checked: isSelected,
-      onChange: onSelect,
-      readOnly: readOnly,
-      disabled: disabled,
-      "data-testid": "card-checkbox"
-    })), expandable && /*#__PURE__*/_jsx(Grid, {
-      height: "16px",
-      pt: description && 'xxs',
-      mt: !description && '-5px'
-    }, void 0, /*#__PURE__*/_jsx(DSButton, {
-      size: "s",
-      buttonType: "text",
-      containerProps: {
-        'data-testid': 'expand-button'
-      },
-      onClick: onExpand,
-      icon: isExpanded ? /*#__PURE__*/_jsx(ArrowheadDown, {
-        color: ['neutral', 500],
-        size: "s"
-      }) : /*#__PURE__*/_jsx(ArrowheadRight, {
-        color: ['neutral', 500],
-        size: "s"
-      }),
-      disabled: disabled
-    })), /*#__PURE__*/_jsx(Grid, {
-      pr: "24px"
-    }, void 0, /*#__PURE__*/_jsx(Title, {}, void 0, title), description && /*#__PURE__*/_jsx(Description, {
-      descriptionColor: descriptionColor
-    }, void 0, description)), hasRightPosition && /*#__PURE__*/_jsx(Grid, {
-      cols: compact([hasRightPosition && 'auto', rightAddon && 'auto'])
-    }, void 0, hasRightLegend && /*#__PURE__*/_jsx(Grid, {
-      pr: "24px",
-      rows: ['auto', 'auto', 1]
-    }, void 0, /*#__PURE__*/_jsx(RightDescription, {
-      justifyContent: "flex-end"
-    }, void 0, rightDescription), /*#__PURE__*/_jsx(RightValue, {
-      justifyContent: "flex-end"
-    }, void 0, rightValue), _Grid || (_Grid = /*#__PURE__*/_jsx(Grid, {}))), rightAddon && /*#__PURE__*/_jsx(RightAddon, {
-      cols: ['auto', 'auto'],
-      gutter: "2px"
-    }, void 0, rightAddon))), expandContent && isExpanded && /*#__PURE__*/_jsx(Grid, {
-      ml: selectable && 's',
-      mr: rightAddon && 'xs'
-    }, void 0, _DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx(DSSeparator, {
-      dashed: true,
-      position: "initial",
-      margin: "none"
-    })), /*#__PURE__*/_jsx(Grid, {
-      pt: "xxs",
-      "data-testid": "detail-card-expanded-content"
-    }, void 0, expandContent)))
-  });
-};
-
-const detailProps = {
-  /**
-   * Title of the card.
-   */
-  title: PropTypes.string.isRequired.description('Title of the card.'),
-
-  /**
-   * Description of the card.
-   */
-  description: PropTypes.string.description('Description of the card.'),
-
-  /**
-   * Description color.
-   */
-  descriptionColor: PropTypes.oneOf(['primary', 'neutral']).description('Description color.'),
-
-  /**
-   * Right value (should be used with `rightDescription`)
-   */
-  rightValue: PropTypes.string.description('Right value (should be used with `rightDescription`)'),
-
-  /**
-   * Right description (should be used with `rightValue`)
-   */
-  rightDescription: PropTypes.string.description('Right description (should be used with `rightValue`)'),
-
-  /**
-   * Right addon array, max elements: 2
-   */
-  rightAddon: PropTypes.element.description('Right addon array, max elements: 2'),
-
-  /**
-   * Whether if the card is selectable or not
-   */
-  selectable: PropTypes.bool.description('Whether if the card is selectable or not'),
-
-  /**
-   * Whether if the card is selected or not
-   */
-  isSelected: PropTypes.bool.description('Whether if the card is selected or not'),
-
-  /**
-   * Callback on selection
-   */
-  onSelect: PropTypes.func.description('Callback on selection'),
-
-  /**
-   * Whether if the card is expandable or not
-   */
-  expandable: PropTypes.bool.description('Whether if the card is expandable or not'),
-
-  /**
-   * Whether if the card is expanded or not
-   */
-  isExpanded: PropTypes.bool.description('Whether if the card is expanded or not'),
-
-  /**
-   * Callback on expand
-   */
-  onExpand: PropTypes.func.description('Callback on expand'),
-
-  /**
-   * Content
-   */
-  expandContent: PropTypes.element.description('Content'),
-
-  /**
-   * Read only
-   */
-  readOnly: PropTypes.bool.description('Read only'),
-
-  /**
-   * Disabled
-   */
-  disabled: PropTypes.bool.description('Disabled')
-};
-const DSCardDetailWithSchema = describe(DetailCard);
-DSCardDetailWithSchema.propTypes = detailProps;
-
-export { DSCardDetailWithSchema, DetailCard, DetailCard as default };

package/esm/detail/styled.js

@@ -1,46 +0,0 @@
-import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-grid';
-
-const Separator = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-nx8lwv-0"
-})(["width:100%;height:24px;border-right:1px solid ", ";margin:0 8px;"], props => props.theme.colors.neutral['300']);
-const Title = /*#__PURE__*/styled.h3.withConfig({
-  componentId: "sc-nx8lwv-1"
-})(["margin:0;font-size:16px;min-height:20px;font-weight:", ";color:", ";"], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['700']);
-const Description = /*#__PURE__*/styled.p.withConfig({
-  componentId: "sc-nx8lwv-2"
-})(["margin:0;font-size:12px;min-height:18px;display:flex;align-items:center;color:", ";"], props => props.descriptionColor === 'neutral' ? props.theme.colors.neutral['600'] : props.theme.colors.brand['600']);
-const RightAddon = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-nx8lwv-3"
-})(["margin:0;white-space:nowrap;"]);
-const RightDescription = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-nx8lwv-4"
-})(["margin:0;white-space:nowrap;font-size:12px;color:", ";"], props => props.theme.colors.neutral['600']);
-const RightValue = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-nx8lwv-5"
-})(["margin:0;white-space:nowrap;font-size:14px;color:", ";"], props => props.theme.colors.neutral['800']);
-const ExpandContent = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-nx8lwv-6"
-})(["font-size:12px;"]);
-
-const border = _ref => {
-  let {
-    active,
-    theme
-  } = _ref;
-  return active ? theme.colors.brand['600'] : theme.colors.neutral['200'];
-};
-
-const background = _ref2 => {
-  let {
-    active,
-    theme
-  } = _ref2;
-  return active ? theme.colors.brand['100'] : theme.colors.neutral['000'];
-};
-
-const Container = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-nx8lwv-7"
-})(["width:100%;min-height:52px;min-width:244px;padding:6px 8px 6px 12px;position:relative;border-top:1px solid ", ";border-bottom:1px solid ", ";background:", ";", " &:hover{box-shadow:0 2px 4px 0 rgba(53,60,70,0.5);z-index:1;}"], border, border, background, props => props.disabled ? "\n    ".concat(Title, ", ").concat(Description, ", ").concat(RightDescription, ", ").concat(RightValue, " {\n      color: ").concat(props.theme.colors.neutral['500'], ";\n    }\n  ") : '');
-
-export { Container, Description, ExpandContent, RightAddon, RightDescription, RightValue, Separator, Title };

package/esm/index.js

@@ -1,7 +0,0 @@
-export { DSCard, DSCardWithSchema, DSCard as default } from './DSCard.js';
-export { DSCardHeader, DSCardHeaderWithSchema } from './DSCardHeader.js';
-export { DSCardBody, DSCardBodyWithSchema } from './DSCardBody.js';
-export { CustomCard, DSCardCustomWithSchema } from './v2/Card.js';
-export { CardGroup, DSCardGroupWithSchema } from './v2/Group.js';
-export { ActionAddon, DSCardActionAddonWithSchema } from './v2/ActionAddon.js';
-export { DSCardDetailWithSchema, DetailCard } from './detail/DetailCard.js';

package/esm/v2/ActionAddon.js

@@ -1,46 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import styled from 'styled-components';
-import { ChevronSmallDown } from '@elliemae/ds-icons';
-import DSButton from '@elliemae/ds-button';
-
-const Addon = /*#__PURE__*/styled(DSButton).withConfig({
-  componentId: "sc-1pazs35-0"
-})(["background-color:transparent;padding-right:4px;height:100%;border:none;font-size:12px;font-weight:", ";color:", ";cursor:pointer;&:focus,&::after{background-color:transparent;box-shadow:none !important;border:none !important;}"], props => props.theme.fontWeights.semibold, props => props.theme.colors.brand['700']);
-
-const ActionAddon = _ref => {
-  let {
-    label,
-    onClick,
-    icon
-  } = _ref;
-  return /*#__PURE__*/_jsx(Addon, {
-    onClick: onClick,
-    labelText: label,
-    icon: icon || /*#__PURE__*/_jsx(ChevronSmallDown, {
-      color: ['brand-primary', 700]
-    })
-  });
-};
-
-const actionProps = {
-  /**
-   * Addon label
-   */
-  label: PropTypes.string.description('Addon label'),
-
-  /**
-   * On click callback
-   */
-  onClick: PropTypes.func.description('On click callback'),
-
-  /**
-   * Icon to display after the label
-   */
-  icon: PropTypes.element.description('Icon to display after the label')
-};
-const DSCardActionAddonWithSchema = describe(ActionAddon);
-DSCardActionAddonWithSchema.propTypes = actionProps;
-
-export { ActionAddon, DSCardActionAddonWithSchema, ActionAddon as default };