@elliemae/ds-card 2.2.0-alpha.5 → 2.2.0-beta.0

package/esm/v2/ActionAddon.js

@@ -1,44 +1,46 @@
-import * as React from "react";
-import React2 from "react";
-import { PropTypes, describe } from "react-desc";
-import styled from "styled-components";
-import { ChevronSmallDown } from "@elliemae/ds-icons";
-import Button from "@elliemae/ds-button";
-const Addon = styled(Button)`
-  background-color: transparent;
-  padding-right: 4px;
-  height: 100%;
-  border: none;
-  font-size: 12px;
-  font-weight: ${(props) => props.theme.fontWeights.semibold};
-  color: ${(props) => props.theme.colors.brand["700"]};
-  cursor: pointer;
-  &:focus,
-  &::after {
-    background-color: transparent;
-    box-shadow: none !important; /* needed */
-    border: none !important; /* needed */
-  }
-`;
-const ActionAddon = ({ label, onClick, icon }) => /* @__PURE__ */ React2.createElement(Addon, {
-  onClick,
-  labelText: label,
-  icon: icon || /* @__PURE__ */ React2.createElement(ChevronSmallDown, {
-    color: ["brand-primary", 700]
-  })
-});
+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 = {
-  label: PropTypes.string.description("Addon label"),
-  onClick: PropTypes.func.description("On click callback"),
-  icon: PropTypes.element.description("Icon to display after the label")
+  /**
+   * 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')
 };
-ActionAddon.propTypes = actionProps;
 const DSCardActionAddonWithSchema = describe(ActionAddon);
 DSCardActionAddonWithSchema.propTypes = actionProps;
-var ActionAddon_default = ActionAddon;
-export {
-  ActionAddon,
-  DSCardActionAddonWithSchema,
-  ActionAddon_default as default
-};
-//# sourceMappingURL=ActionAddon.js.map
+
+export { ActionAddon, DSCardActionAddonWithSchema, ActionAddon as default };

package/esm/v2/Card.js

@@ -1,64 +1,77 @@
-import * as React from "react";
-import React2 from "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,
-  RightAddonSection,
-  RightAddon,
-  Separator,
-  MainSection,
-  Description
-} from "./components";
-const getCol = (rightAddon) => {
-  if (!rightAddon)
-    return [1];
-  return [1, "auto"];
+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 = ({
-  title,
-  description,
-  leftAddon,
-  rightAddon,
-  hasBorder = false
-}) => /* @__PURE__ */ React2.createElement(TooltipTextProvider, null, /* @__PURE__ */ React2.createElement(CardContainer, {
-  hasBorder,
-  cols: getCol(rightAddon),
-  "data-testid": "em-ds-card"
-}, /* @__PURE__ */ React2.createElement(LeftSection, null, leftAddon && /* @__PURE__ */ React2.createElement(LeftAddon, null, leftAddon), /* @__PURE__ */ React2.createElement(MainSection, {
-  style: {
-    maxWidth: leftAddon ? "calc(100% - 40px)" : "100%"
-  }
-}, /* @__PURE__ */ React2.createElement(DSHeader, {
-  fontSize: "16px",
-  "data-testid": "em-ds-card-header",
-  fontWeight: "regular",
-  color: "neutral.800",
-  text: /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
-    value: title
-  })
-}), description && /* @__PURE__ */ React2.createElement(Description, null, /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
-  value: description
-})))), rightAddon && /* @__PURE__ */ React2.createElement(RightAddonSection, null, rightAddon[0] && /* @__PURE__ */ React2.createElement(RightAddon, null, rightAddon[0]), rightAddon[1] && /* @__PURE__ */ React2.createElement(React2.Fragment, null, rightAddon.length > 1 && /* @__PURE__ */ React2.createElement(Separator, null), /* @__PURE__ */ React2.createElement(RightAddon, null, rightAddon[1])))));
+
+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: PropTypes.string.isRequired.description("Title of the card. requiered"),
-  description: PropTypes.string.description("Description of the card. not requiered"),
-  leftAddon: PropTypes.element.description("Left Addon"),
-  rightAddon: PropTypes.array.description("Right addon array, max elements: 2"),
-  hasBorder: PropTypes.bool.description("Wheter if the card has border or not")
+  /**
+   * 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')
 };
-CustomCard.propTypes = cardProps;
 const DSCardCustomWithSchema = describe(CustomCard);
 DSCardCustomWithSchema.propTypes = cardProps;
-var Card_default = CustomCard;
-export {
-  CustomCard,
-  DSCardCustomWithSchema,
-  Card_default as default
-};
-//# sourceMappingURL=Card.js.map
+
+export { CustomCard, DSCardCustomWithSchema, CustomCard as default };

package/esm/v2/Group.js

@@ -1,52 +1,57 @@
-import * as React from "react";
-import React2 from "react";
-import { PropTypes, describe } from "react-desc";
-import styled from "styled-components";
-import { color, border, truncate } from "@elliemae/ds-system";
-import Card from "./Card";
-const Group = styled.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  max-width: 100%;
-  ${Card} {
-    border-top: none;
-  }
-  ${({ theme, withTopBorder }) => withTopBorder ? `border-top: ${theme.colors.neutral["100"]}` : ""}
-`;
-const GroupTitle = styled.span`
-  ${truncate()}
-`;
-const TitleWrapper = styled.div`
-  display: flex;
-  justify-content: space-between;
-  padding: 0 ${(props) => props.theme.space.xs};
-  font-size: 12px;
-  ${color("neutral", "700")};
-  font-weight: ${(props) => props.theme.fontWeights.semibold};
-  background-color: ${(props) => props.theme.colors.neutral["080"]};
-  border-top: ${(props) => border(props.theme.colors.neutral["080"])};
-  line-height: 24px;
-`;
-const Items = styled.div`
-  display: flex;
-  flex-direction: column;
-`;
-const CardGroup = ({ children, title, action }) => /* @__PURE__ */ React2.createElement(Group, {
-  withTopBorder: !title
-}, !!title && /* @__PURE__ */ React2.createElement(TitleWrapper, null, /* @__PURE__ */ React2.createElement(GroupTitle, null, title), action), /* @__PURE__ */ React2.createElement(Items, null, children));
+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 = {
-  children: PropTypes.element.isRequired.description("Card items"),
-  title: PropTypes.string.isRequired.description("Title of the group"),
-  action: PropTypes.element.description("Right addon action")
+  /**
+   * 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')
 };
-CardGroup.propTypes = cardgroupProps;
 const DSCardGroupWithSchema = describe(CardGroup);
 DSCardGroupWithSchema.propTypes = cardgroupProps;
-var Group_default = CardGroup;
-export {
-  CardGroup,
-  DSCardGroupWithSchema,
-  Group_default as default
-};
-//# sourceMappingURL=Group.js.map
+
+export { CardGroup, DSCardGroupWithSchema, CardGroup as default };

package/esm/v2/components.js

@@ -1,75 +1,38 @@
-import * as React from "react";
-import styled from "styled-components";
-import { Grid } from "@elliemae/ds-grid";
-const CardContainer = styled(Grid)`
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  height: 56px;
-  padding: 8px 16px;
-  position: relative;
-  border: ${({ theme, hasBorder }) => hasBorder ? `1px solid ${theme.colors.neutral["100"]}` : ""};
-  &:before {
-    content: '';
-    border-bottom: 1px solid ${(props) => props.theme.colors.neutral["100"]};
-    position: absolute;
-    margin: 0 auto;
-    width: 90%;
-    bottom: 0;
-  }
-  &:last-child::before {
-    content: none;
-  }
-`;
-const LeftSection = styled.div`
-  display: flex;
-  align-items: center;
-`;
-const LeftAddon = styled.div`
-  height: fit-content;
-  width: fit-content;
-  margin-right: 16px;
-  cursor: pointer;
-`;
-const RightAddonSection = styled.div`
-  display: flex;
-  align-items: center;
-  width: fit-content;
-`;
-const RightAddon = styled.div`
-  height: fit-content;
-  width: fit-content;
-  cursor: pointer;
-`;
-const Separator = styled.div`
-  width: 0px;
-  height: 24px;
-  border-right: 1px solid ${(props) => props.theme.colors.neutral["300"]};
-  margin: 0 8px;
-`;
-const MainSection = styled.div`
-  display: flex;
-  flex-direction: column;
-`;
-const Title = styled.h3`
-  margin: 0;
-  font-size: 16px;
-  font-weight: ${(props) => props.theme.fontWeights.regular};
-  color: ${(props) => props.theme.colors.neutral["800"]};
-`;
-const Description = styled.p`
-  margin: 0;
-  color: ${(props) => props.theme.colors.neutral["600"]};
-`;
-export {
-  CardContainer,
-  Description,
-  LeftAddon,
-  LeftSection,
-  MainSection,
-  RightAddon,
-  RightAddonSection,
-  Separator,
-  Title
-};
-//# sourceMappingURL=components.js.map
+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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-card",
-  "version": "2.2.0-alpha.5",
+  "version": "2.2.0-beta.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Card",
   "module": "./esm/index.js",
@@ -68,15 +68,15 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.2.0-alpha.5",
-    "@elliemae/ds-classnames": "2.2.0-alpha.5",
-    "@elliemae/ds-form": "2.2.0-alpha.5",
-    "@elliemae/ds-grid": "2.2.0-alpha.5",
-    "@elliemae/ds-header": "2.2.0-alpha.5",
-    "@elliemae/ds-icons": "2.2.0-alpha.5",
-    "@elliemae/ds-separator": "2.2.0-alpha.5",
-    "@elliemae/ds-system": "2.2.0-alpha.5",
-    "@elliemae/ds-truncated-tooltip-text": "2.2.0-alpha.5",
+    "@elliemae/ds-button": "2.2.0-beta.0",
+    "@elliemae/ds-classnames": "2.2.0-beta.0",
+    "@elliemae/ds-form": "2.2.0-beta.0",
+    "@elliemae/ds-grid": "2.2.0-beta.0",
+    "@elliemae/ds-header": "2.2.0-beta.0",
+    "@elliemae/ds-icons": "2.2.0-beta.0",
+    "@elliemae/ds-separator": "2.2.0-beta.0",
+    "@elliemae/ds-system": "2.2.0-beta.0",
+    "@elliemae/ds-truncated-tooltip-text": "2.2.0-beta.0",
     "react-desc": "~4.1.3"
   },
   "devDependencies": {

package/types/DSCard.d.ts

@@ -36,12 +36,7 @@ declare const DSCard: {
     };
 };
 declare const DSCardWithSchema: {
-    (props?: {
-        [x: string]: any;
-        innerRef?: undefined;
-        children?: null | undefined;
-        containerProps?: {} | undefined;
-    } | undefined): JSX.Element;
+    (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };

package/types/DSCardBody.d.ts

@@ -15,9 +15,7 @@ declare const DSCardBody: {
     };
 };
 declare const DSCardBodyWithSchema: {
-    (props?: {
-        children: any;
-    } | undefined): JSX.Element;
+    (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };

package/types/DSCardHeader.d.ts

@@ -23,10 +23,7 @@ declare const DSCardHeader: {
     };
 };
 declare const DSCardHeaderWithSchema: {
-    (props?: {
-        title: any;
-        action: any;
-    } | undefined): JSX.Element;
+    (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };

package/types/detail/DetailCard.d.ts

@@ -152,23 +152,7 @@ declare const DetailCard: {
     };
 };
 declare const DSCardDetailWithSchema: {
-    (props?: {
-        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;
-    } | undefined): JSX.Element;
+    (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };

package/types/v2/ActionAddon.d.ts

@@ -37,11 +37,7 @@ declare const ActionAddon: {
     };
 };
 declare const DSCardActionAddonWithSchema: {
-    (props?: {
-        label: any;
-        onClick: any;
-        icon: any;
-    } | undefined): JSX.Element;
+    (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };

package/types/v2/Card.d.ts

@@ -52,13 +52,7 @@ declare const CustomCard: {
     };
 };
 declare const DSCardCustomWithSchema: {
-    (props?: {
-        title: any;
-        description: any;
-        leftAddon: any;
-        rightAddon: any;
-        hasBorder?: boolean | undefined;
-    } | undefined): JSX.Element;
+    (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };

package/types/v2/Group.d.ts

@@ -27,11 +27,7 @@ declare const CardGroup: {
     };
 };
 declare const DSCardGroupWithSchema: {
-    (props?: {
-        children: any;
-        title: any;
-        action: any;
-    } | undefined): JSX.Element;
+    (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };

package/cjs/DSCard.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSCard.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSCardBody from './DSCardBody';\nimport DSCardHeader from './DSCardHeader';\n\nconst DSCard = ({\n  innerRef = undefined,\n  children = null,\n  containerProps = {},\n  ...otherProps\n}) => {\n  const { cssClassName } = convertPropToCssClassName('card');\n\n  return (\n    <div\n      data-testid=\"card\"\n      {...containerProps}\n      ref={innerRef}\n      className={cssClassName}\n      {...otherProps}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst cardProps = {\n  /** inject props to component wrapper */\n  containerProps: PropTypes.object.description(\n    'inject props to component wrapper',\n  ),\n  /**\n   * Get reference for the button\n   */\n  innerRef: PropTypes.string.description('Get reference for the button'),\n  /**\n   * DSCardBody and DSCardHeader\n   */\n  children: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf([DSCardHeader, DSCardBody]),\n    }),\n  ).description('DSCardBody and DSCardHeader'),\n};\n\nDSCard.propTypes = cardProps;\nconst DSCardWithSchema = describe(DSCard);\nDSCardWithSchema.propTypes = cardProps;\n\nexport { DSCard, DSCardWithSchema };\nexport default DSCard;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,2BAA0C;AAC1C,wBAAuB;AACvB,0BAAyB;AAEzB,MAAM,SAAS,CAAC;AAAA,EACd,WAAW;AAAA,EACX,WAAW;AAAA,EACX,iBAAiB;AAAA,KACd;AAAA,MACC;AACJ,QAAM,EAAE,iBAAiB,oDAA0B;AAEnD,SACE,mDAAC,OAAD;AAAA,IACE,eAAY;AAAA,OACR;AAAA,IACJ,KAAK;AAAA,IACL,WAAW;AAAA,OACP;AAAA,KAEH;AAAA;AAKP,MAAM,YAAY;AAAA,EAEhB,gBAAgB,4BAAU,OAAO,YAC/B;AAAA,EAKF,UAAU,4BAAU,OAAO,YAAY;AAAA,EAIvC,UAAU,4BAAU,QAClB,4BAAU,MAAM;AAAA,IACd,MAAM,4BAAU,MAAM,CAAC,6BAAc;AAAA,MAEvC,YAAY;AAAA;AAGhB,OAAO,YAAY;AACnB,MAAM,mBAAmB,gCAAS;AAClC,iBAAiB,YAAY;AAG7B,IAAO,iBAAQ;",
-  "names": []
-}

package/cjs/DSCardBody.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSCardBody.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\n\nconst DSCardBody = ({ children }) => (\n  <div className=\"em-ds-card-body\" data-testid=\"card-body\">\n    {children}\n  </div>\n);\n\nconst bodyProps = {\n  /** children */\n  children: PropTypes.element.description('children'),\n};\n\nDSCardBody.propTypes = bodyProps;\nconst DSCardBodyWithSchema = describe(DSCardBody);\nDSCardBodyWithSchema.propTypes = bodyProps;\n\nexport { DSCardBody, DSCardBodyWithSchema };\nexport default DSCardBody;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AAEpC,MAAM,aAAa,CAAC,EAAE,eACpB,mDAAC,OAAD;AAAA,EAAK,WAAU;AAAA,EAAkB,eAAY;AAAA,GAC1C;AAIL,MAAM,YAAY;AAAA,EAEhB,UAAU,4BAAU,QAAQ,YAAY;AAAA;AAG1C,WAAW,YAAY;AACvB,MAAM,uBAAuB,gCAAS;AACtC,qBAAqB,YAAY;AAGjC,IAAO,qBAAQ;",
-  "names": []
-}

package/cjs/DSCardHeader.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSCardHeader.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\n\nconst DSCardHeader = ({ title, action }) => {\n  const { cssClassName, classNameElement } = convertPropToCssClassName(\n    'card-header',\n  );\n  return (\n    <div className={cssClassName} data-testid=\"card-header\">\n      <span className={classNameElement('heading')}>{title}</span>\n      <div\n        className={classNameElement('pull-right')}\n        data-testid=\"ds-card_header-action\"\n      >\n        {action}\n      </div>\n    </div>\n  );\n};\n\nconst cardHeader = {\n  /** card header title */\n  title: PropTypes.string.description('card header title'),\n  /** action */\n  action: PropTypes.node.description('action'),\n};\n\nDSCardHeader.propTypes = cardHeader;\nconst DSCardHeaderWithSchema = describe(DSCardHeader);\nDSCardHeaderWithSchema.propTypes = cardHeader;\n\nexport { DSCardHeader, DSCardHeaderWithSchema };\nexport default DSCardHeader;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,2BAA0C;AAE1C,MAAM,eAAe,CAAC,EAAE,OAAO,aAAa;AAC1C,QAAM,EAAE,cAAc,qBAAqB,oDACzC;AAEF,SACE,mDAAC,OAAD;AAAA,IAAK,WAAW;AAAA,IAAc,eAAY;AAAA,KACxC,mDAAC,QAAD;AAAA,IAAM,WAAW,iBAAiB;AAAA,KAAa,QAC/C,mDAAC,OAAD;AAAA,IACE,WAAW,iBAAiB;AAAA,IAC5B,eAAY;AAAA,KAEX;AAAA;AAMT,MAAM,aAAa;AAAA,EAEjB,OAAO,4BAAU,OAAO,YAAY;AAAA,EAEpC,QAAQ,4BAAU,KAAK,YAAY;AAAA;AAGrC,aAAa,YAAY;AACzB,MAAM,yBAAyB,gCAAS;AACxC,uBAAuB,YAAY;AAGnC,IAAO,uBAAQ;",
-  "names": []
-}