@elliemae/ds-card 3.0.0-next.7 → 3.0.0-next.70

package/dist/cjs/DSCard.js

@@ -21,7 +21,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -38,28 +37,23 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+  return to;
 };
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSCard_exports = {};
 __export(DSCard_exports, {
   DSCard: () => DSCard,
   DSCardWithSchema: () => DSCardWithSchema,
   default: () => DSCard_default
 });
+module.exports = __toCommonJS(DSCard_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_react_desc = require("react-desc");
@@ -92,8 +86,8 @@ const cardProps = {
   })).description("DSCardBody and DSCardHeader")
 };
 DSCard.propTypes = cardProps;
+DSCard.displayName = "DSCard";
 const DSCardWithSchema = (0, import_react_desc.describe)(DSCard);
 DSCardWithSchema.propTypes = cardProps;
 var DSCard_default = DSCard;
-module.exports = __toCommonJS(DSCard_exports);
 //# sourceMappingURL=DSCard.js.map

package/dist/cjs/DSCard.js.map

@@ -1,7 +1,7 @@
 {
   "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,OAKV;AALU,eACd;AAAA,eAAW;AAAA,IACX,WAAW;AAAA,IACX,iBAAiB;AAAA,MAHH,IAIX,uBAJW,IAIX;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,EAAE,iBAAiB,oDAA0B;AAEnD,SACE,mDAAC,OAAD;AAAA,IACE,eAAY;AAAA,KACR,iBAFN;AAAA,IAGE,KAAK;AAAA,IACL,WAAW;AAAA,MACP,aAEH;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;",
+  "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;\nDSCard.displayName = 'DSCard';\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;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,2BAA0C;AAC1C,wBAAuB;AACvB,0BAAyB;AAEzB,MAAM,SAAS,CAAC,OAKV;AALU,eACd;AAAA,eAAW;AAAA,IACX,WAAW;AAAA,IACX,iBAAiB,CAAC;AAAA,MAHJ,IAIX,uBAJW,IAIX;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,EAAE,iBAAiB,oDAA0B,MAAM;AAEzD,SACE,mDAAC;AAAA,IACC,eAAY;AAAA,KACR,iBAFL;AAAA,IAGC,KAAK;AAAA,IACL,WAAW;AAAA,MACP,aAEH,QACH;AAEJ;AAEA,MAAM,YAAY;AAAA,EAEhB,gBAAgB,4BAAU,OAAO,YAC/B,mCACF;AAAA,EAIA,UAAU,4BAAU,OAAO,YAAY,8BAA8B;AAAA,EAIrE,UAAU,4BAAU,QAClB,4BAAU,MAAM;AAAA,IACd,MAAM,4BAAU,MAAM,CAAC,6BAAc,yBAAU,CAAC;AAAA,EAClD,CAAC,CACH,EAAE,YAAY,6BAA6B;AAC7C;AAEA,OAAO,YAAY;AACnB,OAAO,cAAc;AACrB,MAAM,mBAAmB,gCAAS,MAAM;AACxC,iBAAiB,YAAY;AAG7B,IAAO,iBAAQ;",
   "names": []
 }

package/dist/cjs/DSCardBody.js

@@ -4,33 +4,27 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSCardBody_exports = {};
 __export(DSCardBody_exports, {
   DSCardBody: () => DSCardBody,
   DSCardBodyWithSchema: () => DSCardBodyWithSchema,
   default: () => DSCardBody_default
 });
+module.exports = __toCommonJS(DSCardBody_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_react_desc = require("react-desc");
@@ -42,8 +36,8 @@ const bodyProps = {
   children: import_react_desc.PropTypes.element.description("children")
 };
 DSCardBody.propTypes = bodyProps;
+DSCardBody.displayName = "DSCardBody";
 const DSCardBodyWithSchema = (0, import_react_desc.describe)(DSCardBody);
 DSCardBodyWithSchema.propTypes = bodyProps;
 var DSCardBody_default = DSCardBody;
-module.exports = __toCommonJS(DSCardBody_exports);
 //# sourceMappingURL=DSCardBody.js.map

package/dist/cjs/DSCardBody.js.map

@@ -1,7 +1,7 @@
 {
   "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;",
+  "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;\nDSCardBody.displayName = 'DSCardBody';\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;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AAEpC,MAAM,aAAa,CAAC,EAAE,eACpB,mDAAC;AAAA,EAAI,WAAU;AAAA,EAAkB,eAAY;AAAA,GAC1C,QACH;AAGF,MAAM,YAAY;AAAA,EAEhB,UAAU,4BAAU,QAAQ,YAAY,UAAU;AACpD;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,uBAAuB,gCAAS,UAAU;AAChD,qBAAqB,YAAY;AAGjC,IAAO,qBAAQ;",
   "names": []
 }

package/dist/cjs/DSCardHeader.js

@@ -4,33 +4,27 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSCardHeader_exports = {};
 __export(DSCardHeader_exports, {
   DSCardHeader: () => DSCardHeader,
   DSCardHeaderWithSchema: () => DSCardHeaderWithSchema,
   default: () => DSCardHeader_default
 });
+module.exports = __toCommonJS(DSCardHeader_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_react_desc = require("react-desc");
@@ -52,8 +46,8 @@ const cardHeader = {
   action: import_react_desc.PropTypes.node.description("action")
 };
 DSCardHeader.propTypes = cardHeader;
+DSCardHeader.displayName = "DSCardHeader";
 const DSCardHeaderWithSchema = (0, import_react_desc.describe)(DSCardHeader);
 DSCardHeaderWithSchema.propTypes = cardHeader;
 var DSCardHeader_default = DSCardHeader;
-module.exports = __toCommonJS(DSCardHeader_exports);
 //# sourceMappingURL=DSCardHeader.js.map

package/dist/cjs/DSCardHeader.js.map

@@ -1,7 +1,7 @@
 {
   "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;",
+  "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;\nDSCardHeader.displayName = 'DSCardHeader';\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;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,2BAA0C;AAE1C,MAAM,eAAe,CAAC,EAAE,OAAO,aAAa;AAC1C,QAAM,EAAE,cAAc,qBAAqB,oDACzC,aACF;AACA,SACE,mDAAC;AAAA,IAAI,WAAW;AAAA,IAAc,eAAY;AAAA,KACxC,mDAAC;AAAA,IAAK,WAAW,iBAAiB,SAAS;AAAA,KAAI,KAAM,GACrD,mDAAC;AAAA,IACC,WAAW,iBAAiB,YAAY;AAAA,IACxC,eAAY;AAAA,KAEX,MACH,CACF;AAEJ;AAEA,MAAM,aAAa;AAAA,EAEjB,OAAO,4BAAU,OAAO,YAAY,mBAAmB;AAAA,EAEvD,QAAQ,4BAAU,KAAK,YAAY,QAAQ;AAC7C;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,gCAAS,YAAY;AACpD,uBAAuB,YAAY;AAGnC,IAAO,uBAAQ;",
   "names": []
 }

package/dist/cjs/detail/DetailCard.js

@@ -4,33 +4,27 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DetailCard_exports = {};
 __export(DetailCard_exports, {
   DSCardDetailWithSchema: () => DSCardDetailWithSchema,
   DetailCard: () => DetailCard,
   default: () => DetailCard_default
 });
+module.exports = __toCommonJS(DetailCard_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_lodash = require("lodash");
@@ -149,8 +143,8 @@ const detailProps = {
   disabled: import_react_desc.PropTypes.bool.description("Disabled")
 };
 DetailCard.propTypes = detailProps;
+DetailCard.displayName = "DetailCard";
 const DSCardDetailWithSchema = (0, import_react_desc.describe)(DetailCard);
 DSCardDetailWithSchema.propTypes = detailProps;
 var DetailCard_default = DetailCard;
-module.exports = __toCommonJS(DetailCard_exports);
 //# sourceMappingURL=DetailCard.js.map

package/dist/cjs/detail/DetailCard.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/detail/DetailCard.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable complexity */\nimport React from 'react';\nimport { compact, noop } from 'lodash';\nimport { PropTypes, describe } from 'react-desc';\nimport { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';\nimport { useTheme } from '@elliemae/ds-system';\nimport DSButton from '@elliemae/ds-button';\nimport DSSeparator from '@elliemae/ds-separator';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { Container, Title, Description, RightAddon, RightDescription, RightValue } from './styled';\n\nconst DetailCard = ({\n  title,\n  description,\n  descriptionColor = 'neutral',\n  rightValue,\n  rightDescription,\n  rightAddon,\n  // select props\n  selectable = false,\n  isSelected = false,\n  onSelect = noop,\n  // expand props\n  expandable = false,\n  isExpanded = false,\n  onExpand = noop,\n  expandContent,\n  // state props\n  readOnly = false,\n  disabled = false,\n}) => {\n  const theme = useTheme();\n  const hasRightLegend = rightValue && rightDescription;\n  const hasRightPosition = hasRightLegend || rightAddon;\n  const topWrapperCols = ['1fr'];\n  if (hasRightPosition) topWrapperCols.push('auto');\n  if (expandable) topWrapperCols.unshift('20px');\n  if (selectable) topWrapperCols.unshift(theme.space.s);\n  return (\n    <>\n      <Container disabled={disabled || readOnly} active={selectable && isSelected} data-testid=\"card-detail-container\">\n        <Grid cols={topWrapperCols} alignItems={!description && 'center'}>\n          {selectable && (\n            <Grid pt={description && '9px'}>\n              <DSCheckbox\n                checked={isSelected}\n                onChange={onSelect}\n                readOnly={readOnly}\n                disabled={disabled}\n                data-testid=\"card-checkbox\"\n              />\n            </Grid>\n          )}\n          {expandable && (\n            <Grid height=\"16px\" pt={description && 'xxs'} mt={!description && '-5px'}>\n              <DSButton\n                size=\"s\"\n                buttonType=\"text\"\n                containerProps={{\n                  'data-testid': 'expand-button',\n                }}\n                onClick={onExpand}\n                icon={\n                  isExpanded ? (\n                    <ArrowheadDown color={['neutral', 500]} size=\"s\" />\n                  ) : (\n                    <ArrowheadRight color={['neutral', 500]} size=\"s\" />\n                  )\n                }\n                disabled={disabled}\n              />\n            </Grid>\n          )}\n          <Grid pr=\"24px\">\n            <Title>{title}</Title>\n            {description && <Description descriptionColor={descriptionColor}>{description}</Description>}\n          </Grid>\n          {hasRightPosition && (\n            <Grid cols={compact([hasRightPosition && 'auto', rightAddon && 'auto'])}>\n              {hasRightLegend && (\n                <Grid pr=\"24px\" rows={['auto', 'auto', 1]}>\n                  <RightDescription justifyContent=\"flex-end\">{rightDescription}</RightDescription>\n                  <RightValue justifyContent=\"flex-end\">{rightValue}</RightValue>\n                  <Grid />\n                </Grid>\n              )}\n              {rightAddon && (\n                <RightAddon cols={['auto', 'auto']} gutter=\"2px\">\n                  {rightAddon}\n                </RightAddon>\n              )}\n            </Grid>\n          )}\n        </Grid>\n        {expandContent && isExpanded && (\n          <Grid ml={selectable && 's'} mr={rightAddon && 'xs'}>\n            <DSSeparator dashed position=\"initial\" margin=\"none\" />\n            <Grid pt=\"xxs\" data-testid=\"detail-card-expanded-content\">\n              {expandContent}\n            </Grid>\n          </Grid>\n        )}\n      </Container>\n    </>\n  );\n};\n\nconst detailProps = {\n  /**\n   * Title of the card.\n   */\n  title: PropTypes.string.isRequired.description('Title of the card.'),\n  /**\n   * Description of the card.\n   */\n  description: PropTypes.string.description('Description of the card.'),\n  /**\n   * Description color.\n   */\n  descriptionColor: PropTypes.oneOf(['primary', 'neutral']).description('Description color.'),\n  /**\n   * Right value (should be used with `rightDescription`)\n   */\n  rightValue: PropTypes.string.description('Right value (should be used with `rightDescription`)'),\n  /**\n   * Right description (should be used with `rightValue`)\n   */\n  rightDescription: PropTypes.string.description('Right description (should be used with `rightValue`)'),\n  /**\n   * Right addon array, max elements: 2\n   */\n  rightAddon: PropTypes.element.description('Right addon array, max elements: 2'),\n  /**\n   * Whether if the card is selectable or not\n   */\n  selectable: PropTypes.bool.description('Whether if the card is selectable or not'),\n  /**\n   * Whether if the card is selected or not\n   */\n  isSelected: PropTypes.bool.description('Whether if the card is selected or not'),\n  /**\n   * Callback on selection\n   */\n  onSelect: PropTypes.func.description('Callback on selection'),\n  /**\n   * Whether if the card is expandable or not\n   */\n  expandable: PropTypes.bool.description('Whether if the card is expandable or not'),\n  /**\n   * Whether if the card is expanded or not\n   */\n  isExpanded: PropTypes.bool.description('Whether if the card is expanded or not'),\n  /**\n   * Callback on expand\n   */\n  onExpand: PropTypes.func.description('Callback on expand'),\n  /**\n   * Content\n   */\n  expandContent: PropTypes.element.description('Content'),\n  /**\n   * Read only\n   */\n  readOnly: PropTypes.bool.description('Read only'),\n  /**\n   * Disabled\n   */\n  disabled: PropTypes.bool.description('Disabled'),\n};\n\nDetailCard.propTypes = detailProps;\nconst DSCardDetailWithSchema = describe(DetailCard);\nDSCardDetailWithSchema.propTypes = detailProps;\n\nexport { DetailCard, DSCardDetailWithSchema };\nexport default DetailCard;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable complexity */\nimport React from 'react';\nimport { compact, noop } from 'lodash';\nimport { PropTypes, describe } from 'react-desc';\nimport { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';\nimport { useTheme } from '@elliemae/ds-system';\nimport DSButton from '@elliemae/ds-button';\nimport DSSeparator from '@elliemae/ds-separator';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { Container, Title, Description, RightAddon, RightDescription, RightValue } from './styled';\n\nconst DetailCard = ({\n  title,\n  description,\n  descriptionColor = 'neutral',\n  rightValue,\n  rightDescription,\n  rightAddon,\n  // select props\n  selectable = false,\n  isSelected = false,\n  onSelect = noop,\n  // expand props\n  expandable = false,\n  isExpanded = false,\n  onExpand = noop,\n  expandContent,\n  // state props\n  readOnly = false,\n  disabled = false,\n}) => {\n  const theme = useTheme();\n  const hasRightLegend = rightValue && rightDescription;\n  const hasRightPosition = hasRightLegend || rightAddon;\n  const topWrapperCols = ['1fr'];\n  if (hasRightPosition) topWrapperCols.push('auto');\n  if (expandable) topWrapperCols.unshift('20px');\n  if (selectable) topWrapperCols.unshift(theme.space.s);\n  return (\n    <>\n      <Container disabled={disabled || readOnly} active={selectable && isSelected} data-testid=\"card-detail-container\">\n        <Grid cols={topWrapperCols} alignItems={!description && 'center'}>\n          {selectable && (\n            <Grid pt={description && '9px'}>\n              <DSCheckbox\n                checked={isSelected}\n                onChange={onSelect}\n                readOnly={readOnly}\n                disabled={disabled}\n                data-testid=\"card-checkbox\"\n              />\n            </Grid>\n          )}\n          {expandable && (\n            <Grid height=\"16px\" pt={description && 'xxs'} mt={!description && '-5px'}>\n              <DSButton\n                size=\"s\"\n                buttonType=\"text\"\n                containerProps={{\n                  'data-testid': 'expand-button',\n                }}\n                onClick={onExpand}\n                icon={\n                  isExpanded ? (\n                    <ArrowheadDown color={['neutral', 500]} size=\"s\" />\n                  ) : (\n                    <ArrowheadRight color={['neutral', 500]} size=\"s\" />\n                  )\n                }\n                disabled={disabled}\n              />\n            </Grid>\n          )}\n          <Grid pr=\"24px\">\n            <Title>{title}</Title>\n            {description && <Description descriptionColor={descriptionColor}>{description}</Description>}\n          </Grid>\n          {hasRightPosition && (\n            <Grid cols={compact([hasRightPosition && 'auto', rightAddon && 'auto'])}>\n              {hasRightLegend && (\n                <Grid pr=\"24px\" rows={['auto', 'auto', 1]}>\n                  <RightDescription justifyContent=\"flex-end\">{rightDescription}</RightDescription>\n                  <RightValue justifyContent=\"flex-end\">{rightValue}</RightValue>\n                  <Grid />\n                </Grid>\n              )}\n              {rightAddon && (\n                <RightAddon cols={['auto', 'auto']} gutter=\"2px\">\n                  {rightAddon}\n                </RightAddon>\n              )}\n            </Grid>\n          )}\n        </Grid>\n        {expandContent && isExpanded && (\n          <Grid ml={selectable && 's'} mr={rightAddon && 'xs'}>\n            <DSSeparator dashed position=\"initial\" margin=\"none\" />\n            <Grid pt=\"xxs\" data-testid=\"detail-card-expanded-content\">\n              {expandContent}\n            </Grid>\n          </Grid>\n        )}\n      </Container>\n    </>\n  );\n};\n\nconst detailProps = {\n  /**\n   * Title of the card.\n   */\n  title: PropTypes.string.isRequired.description('Title of the card.'),\n  /**\n   * Description of the card.\n   */\n  description: PropTypes.string.description('Description of the card.'),\n  /**\n   * Description color.\n   */\n  descriptionColor: PropTypes.oneOf(['primary', 'neutral']).description('Description color.'),\n  /**\n   * Right value (should be used with `rightDescription`)\n   */\n  rightValue: PropTypes.string.description('Right value (should be used with `rightDescription`)'),\n  /**\n   * Right description (should be used with `rightValue`)\n   */\n  rightDescription: PropTypes.string.description('Right description (should be used with `rightValue`)'),\n  /**\n   * Right addon array, max elements: 2\n   */\n  rightAddon: PropTypes.element.description('Right addon array, max elements: 2'),\n  /**\n   * Whether if the card is selectable or not\n   */\n  selectable: PropTypes.bool.description('Whether if the card is selectable or not'),\n  /**\n   * Whether if the card is selected or not\n   */\n  isSelected: PropTypes.bool.description('Whether if the card is selected or not'),\n  /**\n   * Callback on selection\n   */\n  onSelect: PropTypes.func.description('Callback on selection'),\n  /**\n   * Whether if the card is expandable or not\n   */\n  expandable: PropTypes.bool.description('Whether if the card is expandable or not'),\n  /**\n   * Whether if the card is expanded or not\n   */\n  isExpanded: PropTypes.bool.description('Whether if the card is expanded or not'),\n  /**\n   * Callback on expand\n   */\n  onExpand: PropTypes.func.description('Callback on expand'),\n  /**\n   * Content\n   */\n  expandContent: PropTypes.element.description('Content'),\n  /**\n   * Read only\n   */\n  readOnly: PropTypes.bool.description('Read only'),\n  /**\n   * Disabled\n   */\n  disabled: PropTypes.bool.description('Disabled'),\n};\n\nDetailCard.propTypes = detailProps;\nDetailCard.displayName = 'DetailCard';\nconst DSCardDetailWithSchema = describe(DetailCard);\nDSCardDetailWithSchema.propTypes = detailProps;\n\nexport { DetailCard, DSCardDetailWithSchema };\nexport default DetailCard;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/detail/styled.js

@@ -4,27 +4,20 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var styled_exports = {};
 __export(styled_exports, {
   Container: () => Container,
@@ -36,6 +29,7 @@ __export(styled_exports, {
   Separator: () => Separator,
   Title: () => Title
 });
+module.exports = __toCommonJS(styled_exports);
 var React = __toESM(require("react"));
 var import_styled_components = __toESM(require("styled-components"));
 var import_ds_grid = require("@elliemae/ds-grid");
@@ -100,5 +94,4 @@ const Container = (0, import_styled_components.default)(import_ds_grid.Grid)`
     z-index: 1;
   }
 `;
-module.exports = __toCommonJS(styled_exports);
 //# sourceMappingURL=styled.js.map

package/dist/cjs/detail/styled.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/detail/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const Separator = styled.div`\n  width: 100%;\n  height: 24px;\n  border-right: 1px solid ${(props) => props.theme.colors.neutral['300']};\n  margin: 0 8px;\n`;\n\nexport const Title = styled.h3`\n  margin: 0;\n  font-size: 16px;\n  min-height: 20px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.neutral['700']};\n`;\n\nexport const Description = styled.p`\n  margin: 0;\n  font-size: 12px;\n  min-height: 18px;\n  display: flex;\n  align-items: center;\n  color: ${(props) =>\n    props.descriptionColor === 'neutral'\n      ? props.theme.colors.neutral['600']\n      : props.theme.colors.brand['600']};\n`;\n\nexport const RightAddon = styled(Grid)`\n  margin: 0;\n  white-space: nowrap;\n`;\n\nexport const RightDescription = styled(Grid)`\n  margin: 0;\n  white-space: nowrap;\n  font-size: 12px;\n  color: ${(props) => props.theme.colors.neutral['600']};\n`;\nexport const RightValue = styled(Grid)`\n  margin: 0;\n  white-space: nowrap;\n  font-size: 14px;\n  color: ${(props) => props.theme.colors.neutral['800']};\n`;\n\nexport const ExpandContent = styled.div`\n  font-size: 12px;\n`;\n\nconst border = ({ active, theme }) =>\n  active ? theme.colors.brand['600'] : theme.colors.neutral['200'];\nconst background = ({ active, theme }) =>\n  active ? theme.colors.brand['100'] : theme.colors.neutral['000'];\n\nexport const Container = styled(Grid)`\n  width: 100%;\n  min-height: 52px;\n  min-width: 244px;\n  padding: 6px 8px 6px 12px;\n  position: relative;\n  border-top: 1px solid ${border};\n  border-bottom: 1px solid ${border};\n  background: ${background};\n  ${(props) =>\n    props.disabled\n      ? `\n    ${Title}, ${Description}, ${RightDescription}, ${RightValue} {\n      color: ${props.theme.colors.neutral['500']};\n    }\n  `\n      : ''}\n  &:hover {\n    box-shadow: 0 2px 4px 0 rgba(53, 60, 70, 0.5);\n    z-index: 1;\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,qBAAqB;AAEd,MAAM,YAAY,iCAAO;AAAA;AAAA;AAAA,4BAGJ,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI3D,MAAM,QAAQ,iCAAO;AAAA;AAAA;AAAA;AAAA,iBAIX,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG1C,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMvB,CAAC,UACR,MAAM,qBAAqB,YACvB,MAAM,MAAM,OAAO,QAAQ,SAC3B,MAAM,MAAM,OAAO,MAAM;AAAA;AAG1B,MAAM,aAAa,sCAAO;AAAA;AAAA;AAAA;AAK1B,MAAM,mBAAmB,sCAAO;AAAA;AAAA;AAAA;AAAA,WAI5B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAE1C,MAAM,aAAa,sCAAO;AAAA;AAAA;AAAA;AAAA,WAItB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG1C,MAAM,gBAAgB,iCAAO;AAAA;AAAA;AAIpC,MAAM,SAAS,CAAC,EAAE,QAAQ,YACxB,SAAS,MAAM,OAAO,MAAM,SAAS,MAAM,OAAO,QAAQ;AAC5D,MAAM,aAAa,CAAC,EAAE,QAAQ,YAC5B,SAAS,MAAM,OAAO,MAAM,SAAS,MAAM,OAAO,QAAQ;AAErD,MAAM,YAAY,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAMN;AAAA,6BACG;AAAA,gBACb;AAAA,IACZ,CAAC,UACD,MAAM,WACF;AAAA,MACF,UAAU,gBAAgB,qBAAqB;AAAA,eACtC,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,MAGlC;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,qBAAqB;AAEd,MAAM,YAAY,iCAAO;AAAA;AAAA;AAAA,4BAGJ,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI3D,MAAM,QAAQ,iCAAO;AAAA;AAAA;AAAA;AAAA,iBAIX,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG1C,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMvB,CAAC,UACR,MAAM,qBAAqB,YACvB,MAAM,MAAM,OAAO,QAAQ,SAC3B,MAAM,MAAM,OAAO,MAAM;AAAA;AAG1B,MAAM,aAAa,sCAAO,mBAAI;AAAA;AAAA;AAAA;AAK9B,MAAM,mBAAmB,sCAAO,mBAAI;AAAA;AAAA;AAAA;AAAA,WAIhC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAE1C,MAAM,aAAa,sCAAO,mBAAI;AAAA;AAAA;AAAA;AAAA,WAI1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG1C,MAAM,gBAAgB,iCAAO;AAAA;AAAA;AAIpC,MAAM,SAAS,CAAC,EAAE,QAAQ,YACxB,SAAS,MAAM,OAAO,MAAM,SAAS,MAAM,OAAO,QAAQ;AAC5D,MAAM,aAAa,CAAC,EAAE,QAAQ,YAC5B,SAAS,MAAM,OAAO,MAAM,SAAS,MAAM,OAAO,QAAQ;AAErD,MAAM,YAAY,sCAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAMV;AAAA,6BACG;AAAA,gBACb;AAAA,IACZ,CAAC,UACD,MAAM,WACF;AAAA,MACF,UAAU,gBAAgB,qBAAqB;AAAA,eACtC,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,MAGlC;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/index.js

@@ -4,39 +4,33 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {
   default: () => import_DSCard.default
 });
+module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-__reExport(src_exports, require("./DSCard"));
-__reExport(src_exports, require("./DSCardHeader"));
-__reExport(src_exports, require("./DSCardBody"));
-__reExport(src_exports, require("./v2/Card"));
-__reExport(src_exports, require("./v2/Group"));
-__reExport(src_exports, require("./v2/ActionAddon"));
-__reExport(src_exports, require("./detail/DetailCard"));
+__reExport(src_exports, require("./DSCard"), module.exports);
+__reExport(src_exports, require("./DSCardHeader"), module.exports);
+__reExport(src_exports, require("./DSCardBody"), module.exports);
+__reExport(src_exports, require("./v2/Card"), module.exports);
+__reExport(src_exports, require("./v2/Group"), module.exports);
+__reExport(src_exports, require("./v2/ActionAddon"), module.exports);
+__reExport(src_exports, require("./detail/DetailCard"), module.exports);
 var import_DSCard = __toESM(require("./DSCard"));
-module.exports = __toCommonJS(src_exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export * from './DSCard';\nexport * from './DSCardHeader';\nexport * from './DSCardBody';\nexport * from './v2/Card';\nexport * from './v2/Group';\nexport * from './v2/ActionAddon';\nexport * from './detail/DetailCard';\n\nexport { default } from './DSCard';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AAEd,oBAAwB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,qBAAd;AACA,wBAAc,2BADd;AAEA,wBAAc,yBAFd;AAGA,wBAAc,sBAHd;AAIA,wBAAc,uBAJd;AAKA,wBAAc,6BALd;AAMA,wBAAc,gCANd;AAQA,oBAAwB;",
   "names": []
 }

package/dist/cjs/v2/ActionAddon.js

@@ -4,33 +4,27 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ActionAddon_exports = {};
 __export(ActionAddon_exports, {
   ActionAddon: () => ActionAddon,
   DSCardActionAddonWithSchema: () => DSCardActionAddonWithSchema,
   default: () => ActionAddon_default
 });
+module.exports = __toCommonJS(ActionAddon_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_react_desc = require("react-desc");
@@ -66,8 +60,8 @@ const actionProps = {
   icon: import_react_desc.PropTypes.element.description("Icon to display after the label")
 };
 ActionAddon.propTypes = actionProps;
+ActionAddon.displayName = "ActionAddon";
 const DSCardActionAddonWithSchema = (0, import_react_desc.describe)(ActionAddon);
 DSCardActionAddonWithSchema.propTypes = actionProps;
 var ActionAddon_default = ActionAddon;
-module.exports = __toCommonJS(ActionAddon_exports);
 //# sourceMappingURL=ActionAddon.js.map

package/dist/cjs/v2/ActionAddon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/v2/ActionAddon.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport Button from '@elliemae/ds-button';\n\nconst Addon = styled(Button)`\n  background-color: transparent;\n  padding-right: 4px;\n  height: 100%;\n  border: none;\n  font-size: 12px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.brand['700']};\n  cursor: pointer;\n  &:focus,\n  &::after {\n    background-color: transparent;\n    box-shadow: none !important; /* needed */\n    border: none !important; /* needed */\n  }\n`;\n\nconst ActionAddon = ({ label, onClick, icon }) => (\n  <Addon onClick={onClick} labelText={label} icon={icon || <ChevronSmallDown color={['brand-primary', 700]} />} />\n);\n\nconst actionProps = {\n  /**\n   * Addon label\n   */\n  label: PropTypes.string.description('Addon label'),\n  /**\n   * On click callback\n   */\n  onClick: PropTypes.func.description('On click callback'),\n  /**\n   * Icon to display after the label\n   */\n  icon: PropTypes.element.description('Icon to display after the label'),\n};\n\nActionAddon.propTypes = actionProps;\nconst DSCardActionAddonWithSchema = describe(ActionAddon);\nDSCardActionAddonWithSchema.propTypes = actionProps;\n\nexport { ActionAddon, DSCardActionAddonWithSchema };\nexport default ActionAddon;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,+BAAmB;AACnB,sBAAiC;AACjC,uBAAmB;AAEnB,MAAM,QAAQ,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMJ,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU/C,MAAM,cAAc,CAAC,EAAE,OAAO,SAAS,WACrC,mDAAC,OAAD;AAAA,EAAO;AAAA,EAAkB,WAAW;AAAA,EAAO,MAAM,QAAQ,mDAAC,kCAAD;AAAA,IAAkB,OAAO,CAAC,iBAAiB;AAAA;AAAA;AAGtG,MAAM,cAAc;AAAA,EAIlB,OAAO,4BAAU,OAAO,YAAY;AAAA,EAIpC,SAAS,4BAAU,KAAK,YAAY;AAAA,EAIpC,MAAM,4BAAU,QAAQ,YAAY;AAAA;AAGtC,YAAY,YAAY;AACxB,MAAM,8BAA8B,gCAAS;AAC7C,4BAA4B,YAAY;AAGxC,IAAO,sBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport Button from '@elliemae/ds-button';\n\nconst Addon = styled(Button)`\n  background-color: transparent;\n  padding-right: 4px;\n  height: 100%;\n  border: none;\n  font-size: 12px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.brand['700']};\n  cursor: pointer;\n  &:focus,\n  &::after {\n    background-color: transparent;\n    box-shadow: none !important; /* needed */\n    border: none !important; /* needed */\n  }\n`;\n\nconst ActionAddon = ({ label, onClick, icon }) => (\n  <Addon onClick={onClick} labelText={label} icon={icon || <ChevronSmallDown color={['brand-primary', 700]} />} />\n);\n\nconst actionProps = {\n  /**\n   * Addon label\n   */\n  label: PropTypes.string.description('Addon label'),\n  /**\n   * On click callback\n   */\n  onClick: PropTypes.func.description('On click callback'),\n  /**\n   * Icon to display after the label\n   */\n  icon: PropTypes.element.description('Icon to display after the label'),\n};\n\nActionAddon.propTypes = actionProps;\nActionAddon.displayName = 'ActionAddon';\nconst DSCardActionAddonWithSchema = describe(ActionAddon);\nDSCardActionAddonWithSchema.propTypes = actionProps;\n\nexport { ActionAddon, DSCardActionAddonWithSchema };\nexport default ActionAddon;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,+BAAmB;AACnB,sBAAiC;AACjC,uBAAmB;AAEnB,MAAM,QAAQ,sCAAO,wBAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMV,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU/C,MAAM,cAAc,CAAC,EAAE,OAAO,SAAS,WACrC,mDAAC;AAAA,EAAM;AAAA,EAAkB,WAAW;AAAA,EAAO,MAAM,QAAQ,mDAAC;AAAA,IAAiB,OAAO,CAAC,iBAAiB,GAAG;AAAA,GAAG;AAAA,CAAI;AAGhH,MAAM,cAAc;AAAA,EAIlB,OAAO,4BAAU,OAAO,YAAY,aAAa;AAAA,EAIjD,SAAS,4BAAU,KAAK,YAAY,mBAAmB;AAAA,EAIvD,MAAM,4BAAU,QAAQ,YAAY,iCAAiC;AACvE;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,8BAA8B,gCAAS,WAAW;AACxD,4BAA4B,YAAY;AAGxC,IAAO,sBAAQ;",
   "names": []
 }

package/dist/cjs/v2/Card.js

@@ -4,33 +4,27 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Card_exports = {};
 __export(Card_exports, {
   CustomCard: () => CustomCard,
   DSCardCustomWithSchema: () => DSCardCustomWithSchema,
   default: () => Card_default
 });
+module.exports = __toCommonJS(Card_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_react_desc = require("react-desc");
@@ -75,8 +69,8 @@ const cardProps = {
   hasBorder: import_react_desc.PropTypes.bool.description("Wheter if the card has border or not")
 };
 CustomCard.propTypes = cardProps;
+CustomCard.displayName = "CustomCard";
 const DSCardCustomWithSchema = (0, import_react_desc.describe)(CustomCard);
 DSCardCustomWithSchema.propTypes = cardProps;
 var Card_default = CustomCard;
-module.exports = __toCommonJS(Card_exports);
 //# sourceMappingURL=Card.js.map

package/dist/cjs/v2/Card.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/v2/Card.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSHeader } from '@elliemae/ds-header';\nimport DSTruncatedTooltipText, {\n  TooltipTextProvider,\n} from '@elliemae/ds-truncated-tooltip-text';\nimport {\n  CardContainer,\n  LeftSection,\n  LeftAddon,\n  RightAddonSection,\n  RightAddon,\n  Separator,\n  MainSection,\n  Description,\n} from './components';\n\nconst getCol = (rightAddon) => {\n  if (!rightAddon) return [1];\n  return [1, 'auto'];\n};\n\nconst CustomCard = ({\n  title,\n  description,\n  leftAddon,\n  rightAddon, // array. max 2 elements\n  hasBorder = false,\n}) => (\n  <TooltipTextProvider>\n    <CardContainer\n      hasBorder={hasBorder}\n      cols={getCol(rightAddon)}\n      data-testid=\"em-ds-card\"\n    >\n      <LeftSection>\n        {leftAddon && <LeftAddon>{leftAddon}</LeftAddon>}\n        <MainSection\n          style={{\n            maxWidth: leftAddon ? 'calc(100% - 40px)' : '100%',\n          }}\n        >\n          <DSHeader\n            fontSize=\"16px\"\n            data-testid=\"em-ds-card-header\"\n            fontWeight=\"regular\"\n            color=\"neutral.800\"\n            text={<DSTruncatedTooltipText value={title} />}\n          />\n          {description && (\n            <Description>\n              <DSTruncatedTooltipText value={description} />\n            </Description>\n          )}\n        </MainSection>\n      </LeftSection>\n      {rightAddon && (\n        <RightAddonSection>\n          {rightAddon[0] && <RightAddon>{rightAddon[0]}</RightAddon>}\n          {rightAddon[1] && (\n            <>\n              {rightAddon.length > 1 && <Separator />}\n              <RightAddon>{rightAddon[1]}</RightAddon>\n            </>\n          )}\n        </RightAddonSection>\n      )}\n    </CardContainer>\n  </TooltipTextProvider>\n);\n\nconst cardProps = {\n  /**\n   * Title of the card. requiered\n   */\n  title: PropTypes.string.isRequired.description(\n    'Title of the card. requiered',\n  ),\n  /**\n   * Description of the card. not requiered\n   */\n  description: PropTypes.string.description(\n    'Description of the card. not requiered',\n  ),\n  /**\n   * Left Addon\n   */\n  leftAddon: PropTypes.element.description('Left Addon'),\n  /**\n   * Right addon array, max elements: 2\n   */\n  rightAddon: PropTypes.array.description('Right addon array, max elements: 2'),\n  /**\n   * Wheter if the card has border or not\n   */\n  hasBorder: PropTypes.bool.description('Wheter if the card has border or not'),\n};\n\nCustomCard.propTypes = cardProps;\nconst DSCardCustomWithSchema = describe(CustomCard);\nDSCardCustomWithSchema.propTypes = cardProps;\n\nexport { CustomCard, DSCardCustomWithSchema };\nexport default CustomCard;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,uBAAyB;AACzB,uCAEO;AACP,wBASO;AAEP,MAAM,SAAS,CAAC,eAAe;AAC7B,MAAI,CAAC;AAAY,WAAO,CAAC;AACzB,SAAO,CAAC,GAAG;AAAA;AAGb,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,MAEZ,mDAAC,sDAAD,MACE,mDAAC,iCAAD;AAAA,EACE;AAAA,EACA,MAAM,OAAO;AAAA,EACb,eAAY;AAAA,GAEZ,mDAAC,+BAAD,MACG,aAAa,mDAAC,6BAAD,MAAY,YAC1B,mDAAC,+BAAD;AAAA,EACE,OAAO;AAAA,IACL,UAAU,YAAY,sBAAsB;AAAA;AAAA,GAG9C,mDAAC,2BAAD;AAAA,EACE,UAAS;AAAA,EACT,eAAY;AAAA,EACZ,YAAW;AAAA,EACX,OAAM;AAAA,EACN,MAAM,mDAAC,0CAAD;AAAA,IAAwB,OAAO;AAAA;AAAA,IAEtC,eACC,mDAAC,+BAAD,MACE,mDAAC,0CAAD;AAAA,EAAwB,OAAO;AAAA,OAKtC,cACC,mDAAC,qCAAD,MACG,WAAW,MAAM,mDAAC,8BAAD,MAAa,WAAW,KACzC,WAAW,MACV,wFACG,WAAW,SAAS,KAAK,mDAAC,6BAAD,OAC1B,mDAAC,8BAAD,MAAa,WAAW;AAStC,MAAM,YAAY;AAAA,EAIhB,OAAO,4BAAU,OAAO,WAAW,YACjC;AAAA,EAKF,aAAa,4BAAU,OAAO,YAC5B;AAAA,EAKF,WAAW,4BAAU,QAAQ,YAAY;AAAA,EAIzC,YAAY,4BAAU,MAAM,YAAY;AAAA,EAIxC,WAAW,4BAAU,KAAK,YAAY;AAAA;AAGxC,WAAW,YAAY;AACvB,MAAM,yBAAyB,gCAAS;AACxC,uBAAuB,YAAY;AAGnC,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSHeader } from '@elliemae/ds-header';\nimport DSTruncatedTooltipText, {\n  TooltipTextProvider,\n} from '@elliemae/ds-truncated-tooltip-text';\nimport {\n  CardContainer,\n  LeftSection,\n  LeftAddon,\n  RightAddonSection,\n  RightAddon,\n  Separator,\n  MainSection,\n  Description,\n} from './components';\n\nconst getCol = (rightAddon) => {\n  if (!rightAddon) return [1];\n  return [1, 'auto'];\n};\n\nconst CustomCard = ({\n  title,\n  description,\n  leftAddon,\n  rightAddon, // array. max 2 elements\n  hasBorder = false,\n}) => (\n  <TooltipTextProvider>\n    <CardContainer\n      hasBorder={hasBorder}\n      cols={getCol(rightAddon)}\n      data-testid=\"em-ds-card\"\n    >\n      <LeftSection>\n        {leftAddon && <LeftAddon>{leftAddon}</LeftAddon>}\n        <MainSection\n          style={{\n            maxWidth: leftAddon ? 'calc(100% - 40px)' : '100%',\n          }}\n        >\n          <DSHeader\n            fontSize=\"16px\"\n            data-testid=\"em-ds-card-header\"\n            fontWeight=\"regular\"\n            color=\"neutral.800\"\n            text={<DSTruncatedTooltipText value={title} />}\n          />\n          {description && (\n            <Description>\n              <DSTruncatedTooltipText value={description} />\n            </Description>\n          )}\n        </MainSection>\n      </LeftSection>\n      {rightAddon && (\n        <RightAddonSection>\n          {rightAddon[0] && <RightAddon>{rightAddon[0]}</RightAddon>}\n          {rightAddon[1] && (\n            <>\n              {rightAddon.length > 1 && <Separator />}\n              <RightAddon>{rightAddon[1]}</RightAddon>\n            </>\n          )}\n        </RightAddonSection>\n      )}\n    </CardContainer>\n  </TooltipTextProvider>\n);\n\nconst cardProps = {\n  /**\n   * Title of the card. requiered\n   */\n  title: PropTypes.string.isRequired.description(\n    'Title of the card. requiered',\n  ),\n  /**\n   * Description of the card. not requiered\n   */\n  description: PropTypes.string.description(\n    'Description of the card. not requiered',\n  ),\n  /**\n   * Left Addon\n   */\n  leftAddon: PropTypes.element.description('Left Addon'),\n  /**\n   * Right addon array, max elements: 2\n   */\n  rightAddon: PropTypes.array.description('Right addon array, max elements: 2'),\n  /**\n   * Wheter if the card has border or not\n   */\n  hasBorder: PropTypes.bool.description('Wheter if the card has border or not'),\n};\n\nCustomCard.propTypes = cardProps;\nCustomCard.displayName = 'CustomCard';\nconst DSCardCustomWithSchema = describe(CustomCard);\nDSCardCustomWithSchema.propTypes = cardProps;\n\nexport { CustomCard, DSCardCustomWithSchema };\nexport default CustomCard;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,uBAAyB;AACzB,uCAEO;AACP,wBASO;AAEP,MAAM,SAAS,CAAC,eAAe;AAC7B,MAAI,CAAC;AAAY,WAAO,CAAC,CAAC;AAC1B,SAAO,CAAC,GAAG,MAAM;AACnB;AAEA,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,MAEZ,mDAAC,4DACC,mDAAC;AAAA,EACC;AAAA,EACA,MAAM,OAAO,UAAU;AAAA,EACvB,eAAY;AAAA,GAEZ,mDAAC,qCACE,aAAa,mDAAC,mCAAW,SAAU,GACpC,mDAAC;AAAA,EACC,OAAO;AAAA,IACL,UAAU,YAAY,sBAAsB;AAAA,EAC9C;AAAA,GAEA,mDAAC;AAAA,EACC,UAAS;AAAA,EACT,eAAY;AAAA,EACZ,YAAW;AAAA,EACX,OAAM;AAAA,EACN,MAAM,mDAAC;AAAA,IAAuB,OAAO;AAAA,GAAO;AAAA,CAC9C,GACC,eACC,mDAAC,qCACC,mDAAC;AAAA,EAAuB,OAAO;AAAA,CAAa,CAC9C,CAEJ,CACF,GACC,cACC,mDAAC,2CACE,WAAW,MAAM,mDAAC,oCAAY,WAAW,EAAG,GAC5C,WAAW,MACV,wFACG,WAAW,SAAS,KAAK,mDAAC,iCAAU,GACrC,mDAAC,oCAAY,WAAW,EAAG,CAC7B,CAEJ,CAEJ,CACF;AAGF,MAAM,YAAY;AAAA,EAIhB,OAAO,4BAAU,OAAO,WAAW,YACjC,8BACF;AAAA,EAIA,aAAa,4BAAU,OAAO,YAC5B,wCACF;AAAA,EAIA,WAAW,4BAAU,QAAQ,YAAY,YAAY;AAAA,EAIrD,YAAY,4BAAU,MAAM,YAAY,oCAAoC;AAAA,EAI5E,WAAW,4BAAU,KAAK,YAAY,sCAAsC;AAC9E;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,yBAAyB,gCAAS,UAAU;AAClD,uBAAuB,YAAY;AAGnC,IAAO,eAAQ;",
   "names": []
 }

package/dist/cjs/v2/Group.js

@@ -4,33 +4,27 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Group_exports = {};
 __export(Group_exports, {
   CardGroup: () => CardGroup,
   DSCardGroupWithSchema: () => DSCardGroupWithSchema,
   default: () => Group_default
 });
+module.exports = __toCommonJS(Group_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_react_desc = require("react-desc");
@@ -74,8 +68,8 @@ const cardgroupProps = {
   action: import_react_desc.PropTypes.element.description("Right addon action")
 };
 CardGroup.propTypes = cardgroupProps;
+CardGroup.displayName = "CardGroup";
 const DSCardGroupWithSchema = (0, import_react_desc.describe)(CardGroup);
 DSCardGroupWithSchema.propTypes = cardgroupProps;
 var Group_default = CardGroup;
-module.exports = __toCommonJS(Group_exports);
 //# sourceMappingURL=Group.js.map

package/dist/cjs/v2/Group.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/v2/Group.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { color, border, truncate } from '@elliemae/ds-system';\nimport Card from './Card';\n\nconst Group = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  max-width: 100%;\n  ${Card} {\n    border-top: none;\n  }\n  ${({ theme, withTopBorder }) =>\n    withTopBorder ? `border-top: ${theme.colors.neutral['100']}` : ''}\n`;\n\nconst GroupTitle = styled.span`\n  ${truncate()}\n`;\n\nconst TitleWrapper = styled.div`\n  display: flex;\n  justify-content: space-between;\n  padding: 0 ${(props) => props.theme.space.xs};\n  font-size: 12px;\n  ${color('neutral', '700')};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  background-color: ${(props) => props.theme.colors.neutral['080']};\n  border-top: ${(props) => border(props.theme.colors.neutral['080'])};\n  line-height: 24px;\n`;\n\nconst Items = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\n\nconst CardGroup = ({ children, title, action }) => (\n  <Group withTopBorder={!title}>\n    {!!title && (\n      <TitleWrapper>\n        <GroupTitle>{title}</GroupTitle>\n        {action}\n      </TitleWrapper>\n    )}\n    <Items>{children}</Items>\n  </Group>\n);\n\nconst cardgroupProps = {\n  /**\n   * Card items\n   */\n  children: PropTypes.element.isRequired.description('Card items'),\n  /**\n   * Title of the group\n   */\n  title: PropTypes.string.isRequired.description('Title of the group'),\n  /**\n   * Right addon action\n   */\n  action: PropTypes.element.description('Right addon action'),\n};\n\nCardGroup.propTypes = cardgroupProps;\nconst DSCardGroupWithSchema = describe(CardGroup);\nDSCardGroupWithSchema.propTypes = cardgroupProps;\n\nexport { CardGroup, DSCardGroupWithSchema };\nexport default CardGroup;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,+BAAmB;AACnB,uBAAwC;AACxC,kBAAiB;AAEjB,MAAM,QAAQ,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjB;AAAA;AAAA;AAAA,IAGA,CAAC,EAAE,OAAO,oBACV,gBAAgB,eAAe,MAAM,OAAO,QAAQ,WAAW;AAAA;AAGnE,MAAM,aAAa,iCAAO;AAAA,IACtB;AAAA;AAGJ,MAAM,eAAe,iCAAO;AAAA;AAAA;AAAA,eAGb,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA,IAExC,4BAAM,WAAW;AAAA,iBACJ,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,sBAC9B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBAC5C,CAAC,UAAU,6BAAO,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI7D,MAAM,QAAQ,iCAAO;AAAA;AAAA;AAAA;AAKrB,MAAM,YAAY,CAAC,EAAE,UAAU,OAAO,aACpC,mDAAC,OAAD;AAAA,EAAO,eAAe,CAAC;AAAA,GACpB,CAAC,CAAC,SACD,mDAAC,cAAD,MACE,mDAAC,YAAD,MAAa,QACZ,SAGL,mDAAC,OAAD,MAAQ;AAIZ,MAAM,iBAAiB;AAAA,EAIrB,UAAU,4BAAU,QAAQ,WAAW,YAAY;AAAA,EAInD,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAI/C,QAAQ,4BAAU,QAAQ,YAAY;AAAA;AAGxC,UAAU,YAAY;AACtB,MAAM,wBAAwB,gCAAS;AACvC,sBAAsB,YAAY;AAGlC,IAAO,gBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { color, border, truncate } from '@elliemae/ds-system';\nimport Card from './Card';\n\nconst Group = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  max-width: 100%;\n  ${Card} {\n    border-top: none;\n  }\n  ${({ theme, withTopBorder }) =>\n    withTopBorder ? `border-top: ${theme.colors.neutral['100']}` : ''}\n`;\n\nconst GroupTitle = styled.span`\n  ${truncate()}\n`;\n\nconst TitleWrapper = styled.div`\n  display: flex;\n  justify-content: space-between;\n  padding: 0 ${(props) => props.theme.space.xs};\n  font-size: 12px;\n  ${color('neutral', '700')};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  background-color: ${(props) => props.theme.colors.neutral['080']};\n  border-top: ${(props) => border(props.theme.colors.neutral['080'])};\n  line-height: 24px;\n`;\n\nconst Items = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\n\nconst CardGroup = ({ children, title, action }) => (\n  <Group withTopBorder={!title}>\n    {!!title && (\n      <TitleWrapper>\n        <GroupTitle>{title}</GroupTitle>\n        {action}\n      </TitleWrapper>\n    )}\n    <Items>{children}</Items>\n  </Group>\n);\n\nconst cardgroupProps = {\n  /**\n   * Card items\n   */\n  children: PropTypes.element.isRequired.description('Card items'),\n  /**\n   * Title of the group\n   */\n  title: PropTypes.string.isRequired.description('Title of the group'),\n  /**\n   * Right addon action\n   */\n  action: PropTypes.element.description('Right addon action'),\n};\n\nCardGroup.propTypes = cardgroupProps;\nCardGroup.displayName = 'CardGroup';\nconst DSCardGroupWithSchema = describe(CardGroup);\nDSCardGroupWithSchema.propTypes = cardgroupProps;\n\nexport { CardGroup, DSCardGroupWithSchema };\nexport default CardGroup;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,+BAAmB;AACnB,uBAAwC;AACxC,kBAAiB;AAEjB,MAAM,QAAQ,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjB;AAAA;AAAA;AAAA,IAGA,CAAC,EAAE,OAAO,oBACV,gBAAgB,eAAe,MAAM,OAAO,QAAQ,WAAW;AAAA;AAGnE,MAAM,aAAa,iCAAO;AAAA,IACtB,+BAAS;AAAA;AAGb,MAAM,eAAe,iCAAO;AAAA;AAAA;AAAA,eAGb,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA,IAExC,4BAAM,WAAW,KAAK;AAAA,iBACT,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,sBAC9B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBAC5C,CAAC,UAAU,6BAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAAA;AAInE,MAAM,QAAQ,iCAAO;AAAA;AAAA;AAAA;AAKrB,MAAM,YAAY,CAAC,EAAE,UAAU,OAAO,aACpC,mDAAC;AAAA,EAAM,eAAe,CAAC;AAAA,GACpB,CAAC,CAAC,SACD,mDAAC,oBACC,mDAAC,kBAAY,KAAM,GAClB,MACH,GAEF,mDAAC,aAAO,QAAS,CACnB;AAGF,MAAM,iBAAiB;AAAA,EAIrB,UAAU,4BAAU,QAAQ,WAAW,YAAY,YAAY;AAAA,EAI/D,OAAO,4BAAU,OAAO,WAAW,YAAY,oBAAoB;AAAA,EAInE,QAAQ,4BAAU,QAAQ,YAAY,oBAAoB;AAC5D;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,wBAAwB,gCAAS,SAAS;AAChD,sBAAsB,YAAY;AAGlC,IAAO,gBAAQ;",
   "names": []
 }

package/dist/cjs/v2/components.js

@@ -4,27 +4,20 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var components_exports = {};
 __export(components_exports, {
   CardContainer: () => CardContainer,
@@ -37,6 +30,7 @@ __export(components_exports, {
   Separator: () => Separator,
   Title: () => Title
 });
+module.exports = __toCommonJS(components_exports);
 var React = __toESM(require("react"));
 var import_styled_components = __toESM(require("styled-components"));
 var import_ds_grid = require("@elliemae/ds-grid");
@@ -100,5 +94,4 @@ const Description = import_styled_components.default.p`
   margin: 0;
   color: ${(props) => props.theme.colors.neutral["600"]};
 `;
-module.exports = __toCommonJS(components_exports);
 //# sourceMappingURL=components.js.map

package/dist/cjs/v2/components.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/v2/components.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst CardContainer = styled(Grid)`\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 56px;\n  padding: 8px 16px;\n  position: relative;\n  border: ${({ theme, hasBorder }) =>\n    hasBorder ? `1px solid ${theme.colors.neutral['100']}` : ''};\n  &:before {\n    content: '';\n    border-bottom: 1px solid ${(props) => props.theme.colors.neutral['100']};\n    position: absolute;\n    margin: 0 auto;\n    width: 90%;\n    bottom: 0;\n  }\n  &:last-child::before {\n    content: none;\n  }\n`;\n\nconst LeftSection = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst LeftAddon = styled.div`\n  height: fit-content;\n  width: fit-content;\n  margin-right: 16px;\n  cursor: pointer;\n`;\n\nconst RightAddonSection = styled.div`\n  display: flex;\n  align-items: center;\n  width: fit-content;\n`;\n\nconst RightAddon = styled.div`\n  height: fit-content;\n  width: fit-content;\n  cursor: pointer;\n`;\n\nconst Separator = styled.div`\n  width: 0px;\n  height: 24px;\n  border-right: 1px solid ${(props) => props.theme.colors.neutral['300']};\n  margin: 0 8px;\n`;\n\nconst MainSection = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\n\nconst Title = styled.h3`\n  margin: 0;\n  font-size: 16px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['800']};\n`;\n\nconst Description = styled.p`\n  margin: 0;\n  color: ${(props) => props.theme.colors.neutral['600']};\n`;\n\nexport {\n  CardContainer,\n  LeftSection,\n  LeftAddon,\n  RightAddonSection,\n  RightAddon,\n  Separator,\n  MainSection,\n  Title,\n  Description,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,qBAAqB;AAErB,MAAM,gBAAgB,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOjB,CAAC,EAAE,OAAO,gBAClB,YAAY,aAAa,MAAM,OAAO,QAAQ,WAAW;AAAA;AAAA;AAAA,+BAG9B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWrE,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA;AAK3B,MAAM,YAAY,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,oBAAoB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAMjC,MAAM,aAAa,iCAAO;AAAA;AAAA;AAAA;AAAA;AAM1B,MAAM,YAAY,iCAAO;AAAA;AAAA;AAAA,4BAGG,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIlE,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA;AAK3B,MAAM,QAAQ,iCAAO;AAAA;AAAA;AAAA,iBAGJ,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGjD,MAAM,cAAc,iCAAO;AAAA;AAAA,WAEhB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,qBAAqB;AAErB,MAAM,gBAAgB,sCAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOrB,CAAC,EAAE,OAAO,gBAClB,YAAY,aAAa,MAAM,OAAO,QAAQ,WAAW;AAAA;AAAA;AAAA,+BAG9B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWrE,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA;AAK3B,MAAM,YAAY,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,oBAAoB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAMjC,MAAM,aAAa,iCAAO;AAAA;AAAA;AAAA;AAAA;AAM1B,MAAM,YAAY,iCAAO;AAAA;AAAA;AAAA,4BAGG,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIlE,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA;AAK3B,MAAM,QAAQ,iCAAO;AAAA;AAAA;AAAA,iBAGJ,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGjD,MAAM,cAAc,iCAAO;AAAA;AAAA,WAEhB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;",
   "names": []
 }

package/dist/esm/DSCard.js

@@ -61,6 +61,7 @@ const cardProps = {
   })).description("DSCardBody and DSCardHeader")
 };
 DSCard.propTypes = cardProps;
+DSCard.displayName = "DSCard";
 const DSCardWithSchema = describe(DSCard);
 DSCardWithSchema.propTypes = cardProps;
 var DSCard_default = DSCard;

package/dist/esm/DSCard.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSCard.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,SAAS,CAAC,OAKV;AALU,eACd;AAAA,eAAW;AAAA,IACX,WAAW;AAAA,IACX,iBAAiB;AAAA,MAHH,IAIX,uBAJW,IAIX;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,EAAE,iBAAiB,0BAA0B;AAEnD,SACE,qCAAC,OAAD;AAAA,IACE,eAAY;AAAA,KACR,iBAFN;AAAA,IAGE,KAAK;AAAA,IACL,WAAW;AAAA,MACP,aAEH;AAAA;AAKP,MAAM,YAAY;AAAA,EAEhB,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAKF,UAAU,UAAU,OAAO,YAAY;AAAA,EAIvC,UAAU,UAAU,QAClB,UAAU,MAAM;AAAA,IACd,MAAM,UAAU,MAAM,CAAC,cAAc;AAAA,MAEvC,YAAY;AAAA;AAGhB,OAAO,YAAY;AACnB,MAAM,mBAAmB,SAAS;AAClC,iBAAiB,YAAY;AAG7B,IAAO,iBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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;\nDSCard.displayName = 'DSCard';\nconst DSCardWithSchema = describe(DSCard);\nDSCardWithSchema.propTypes = cardProps;\n\nexport { DSCard, DSCardWithSchema };\nexport default DSCard;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,SAAS,CAAC,OAKV;AALU,eACd;AAAA,eAAW;AAAA,IACX,WAAW;AAAA,IACX,iBAAiB,CAAC;AAAA,MAHJ,IAIX,uBAJW,IAIX;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,EAAE,iBAAiB,0BAA0B,MAAM;AAEzD,SACE,qCAAC;AAAA,IACC,eAAY;AAAA,KACR,iBAFL;AAAA,IAGC,KAAK;AAAA,IACL,WAAW;AAAA,MACP,aAEH,QACH;AAEJ;AAEA,MAAM,YAAY;AAAA,EAEhB,gBAAgB,UAAU,OAAO,YAC/B,mCACF;AAAA,EAIA,UAAU,UAAU,OAAO,YAAY,8BAA8B;AAAA,EAIrE,UAAU,UAAU,QAClB,UAAU,MAAM;AAAA,IACd,MAAM,UAAU,MAAM,CAAC,cAAc,UAAU,CAAC;AAAA,EAClD,CAAC,CACH,EAAE,YAAY,6BAA6B;AAC7C;AAEA,OAAO,YAAY;AACnB,OAAO,cAAc;AACrB,MAAM,mBAAmB,SAAS,MAAM;AACxC,iBAAiB,YAAY;AAG7B,IAAO,iBAAQ;",
   "names": []
 }

package/dist/esm/DSCardBody.js

@@ -9,6 +9,7 @@ const bodyProps = {
   children: PropTypes.element.description("children")
 };
 DSCardBody.propTypes = bodyProps;
+DSCardBody.displayName = "DSCardBody";
 const DSCardBodyWithSchema = describe(DSCardBody);
 DSCardBodyWithSchema.propTypes = bodyProps;
 var DSCardBody_default = DSCardBody;

package/dist/esm/DSCardBody.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSCardBody.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,aAAa,CAAC,EAAE,eACpB,qCAAC,OAAD;AAAA,EAAK,WAAU;AAAA,EAAkB,eAAY;AAAA,GAC1C;AAIL,MAAM,YAAY;AAAA,EAEhB,UAAU,UAAU,QAAQ,YAAY;AAAA;AAG1C,WAAW,YAAY;AACvB,MAAM,uBAAuB,SAAS;AACtC,qBAAqB,YAAY;AAGjC,IAAO,qBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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;\nDSCardBody.displayName = 'DSCardBody';\nconst DSCardBodyWithSchema = describe(DSCardBody);\nDSCardBodyWithSchema.propTypes = bodyProps;\n\nexport { DSCardBody, DSCardBodyWithSchema };\nexport default DSCardBody;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,aAAa,CAAC,EAAE,eACpB,qCAAC;AAAA,EAAI,WAAU;AAAA,EAAkB,eAAY;AAAA,GAC1C,QACH;AAGF,MAAM,YAAY;AAAA,EAEhB,UAAU,UAAU,QAAQ,YAAY,UAAU;AACpD;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,uBAAuB,SAAS,UAAU;AAChD,qBAAqB,YAAY;AAGjC,IAAO,qBAAQ;",
   "names": []
 }

package/dist/esm/DSCardHeader.js

@@ -19,6 +19,7 @@ const cardHeader = {
   action: PropTypes.node.description("action")
 };
 DSCardHeader.propTypes = cardHeader;
+DSCardHeader.displayName = "DSCardHeader";
 const DSCardHeaderWithSchema = describe(DSCardHeader);
 DSCardHeaderWithSchema.propTypes = cardHeader;
 var DSCardHeader_default = DSCardHeader;

package/dist/esm/DSCardHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSCardHeader.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,eAAe,CAAC,EAAE,OAAO,aAAa;AAC1C,QAAM,EAAE,cAAc,qBAAqB,0BACzC;AAEF,SACE,qCAAC,OAAD;AAAA,IAAK,WAAW;AAAA,IAAc,eAAY;AAAA,KACxC,qCAAC,QAAD;AAAA,IAAM,WAAW,iBAAiB;AAAA,KAAa,QAC/C,qCAAC,OAAD;AAAA,IACE,WAAW,iBAAiB;AAAA,IAC5B,eAAY;AAAA,KAEX;AAAA;AAMT,MAAM,aAAa;AAAA,EAEjB,OAAO,UAAU,OAAO,YAAY;AAAA,EAEpC,QAAQ,UAAU,KAAK,YAAY;AAAA;AAGrC,aAAa,YAAY;AACzB,MAAM,yBAAyB,SAAS;AACxC,uBAAuB,YAAY;AAGnC,IAAO,uBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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;\nDSCardHeader.displayName = 'DSCardHeader';\nconst DSCardHeaderWithSchema = describe(DSCardHeader);\nDSCardHeaderWithSchema.propTypes = cardHeader;\n\nexport { DSCardHeader, DSCardHeaderWithSchema };\nexport default DSCardHeader;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,eAAe,CAAC,EAAE,OAAO,aAAa;AAC1C,QAAM,EAAE,cAAc,qBAAqB,0BACzC,aACF;AACA,SACE,qCAAC;AAAA,IAAI,WAAW;AAAA,IAAc,eAAY;AAAA,KACxC,qCAAC;AAAA,IAAK,WAAW,iBAAiB,SAAS;AAAA,KAAI,KAAM,GACrD,qCAAC;AAAA,IACC,WAAW,iBAAiB,YAAY;AAAA,IACxC,eAAY;AAAA,KAEX,MACH,CACF;AAEJ;AAEA,MAAM,aAAa;AAAA,EAEjB,OAAO,UAAU,OAAO,YAAY,mBAAmB;AAAA,EAEvD,QAAQ,UAAU,KAAK,YAAY,QAAQ;AAC7C;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;AAGnC,IAAO,uBAAQ;",
   "names": []
 }

package/dist/esm/detail/DetailCard.js

@@ -116,6 +116,7 @@ const detailProps = {
   disabled: PropTypes.bool.description("Disabled")
 };
 DetailCard.propTypes = detailProps;
+DetailCard.displayName = "DetailCard";
 const DSCardDetailWithSchema = describe(DetailCard);
 DSCardDetailWithSchema.propTypes = detailProps;
 var DetailCard_default = DetailCard;

package/dist/esm/detail/DetailCard.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/detail/DetailCard.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable complexity */\nimport React from 'react';\nimport { compact, noop } from 'lodash';\nimport { PropTypes, describe } from 'react-desc';\nimport { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';\nimport { useTheme } from '@elliemae/ds-system';\nimport DSButton from '@elliemae/ds-button';\nimport DSSeparator from '@elliemae/ds-separator';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { Container, Title, Description, RightAddon, RightDescription, RightValue } from './styled';\n\nconst DetailCard = ({\n  title,\n  description,\n  descriptionColor = 'neutral',\n  rightValue,\n  rightDescription,\n  rightAddon,\n  // select props\n  selectable = false,\n  isSelected = false,\n  onSelect = noop,\n  // expand props\n  expandable = false,\n  isExpanded = false,\n  onExpand = noop,\n  expandContent,\n  // state props\n  readOnly = false,\n  disabled = false,\n}) => {\n  const theme = useTheme();\n  const hasRightLegend = rightValue && rightDescription;\n  const hasRightPosition = hasRightLegend || rightAddon;\n  const topWrapperCols = ['1fr'];\n  if (hasRightPosition) topWrapperCols.push('auto');\n  if (expandable) topWrapperCols.unshift('20px');\n  if (selectable) topWrapperCols.unshift(theme.space.s);\n  return (\n    <>\n      <Container disabled={disabled || readOnly} active={selectable && isSelected} data-testid=\"card-detail-container\">\n        <Grid cols={topWrapperCols} alignItems={!description && 'center'}>\n          {selectable && (\n            <Grid pt={description && '9px'}>\n              <DSCheckbox\n                checked={isSelected}\n                onChange={onSelect}\n                readOnly={readOnly}\n                disabled={disabled}\n                data-testid=\"card-checkbox\"\n              />\n            </Grid>\n          )}\n          {expandable && (\n            <Grid height=\"16px\" pt={description && 'xxs'} mt={!description && '-5px'}>\n              <DSButton\n                size=\"s\"\n                buttonType=\"text\"\n                containerProps={{\n                  'data-testid': 'expand-button',\n                }}\n                onClick={onExpand}\n                icon={\n                  isExpanded ? (\n                    <ArrowheadDown color={['neutral', 500]} size=\"s\" />\n                  ) : (\n                    <ArrowheadRight color={['neutral', 500]} size=\"s\" />\n                  )\n                }\n                disabled={disabled}\n              />\n            </Grid>\n          )}\n          <Grid pr=\"24px\">\n            <Title>{title}</Title>\n            {description && <Description descriptionColor={descriptionColor}>{description}</Description>}\n          </Grid>\n          {hasRightPosition && (\n            <Grid cols={compact([hasRightPosition && 'auto', rightAddon && 'auto'])}>\n              {hasRightLegend && (\n                <Grid pr=\"24px\" rows={['auto', 'auto', 1]}>\n                  <RightDescription justifyContent=\"flex-end\">{rightDescription}</RightDescription>\n                  <RightValue justifyContent=\"flex-end\">{rightValue}</RightValue>\n                  <Grid />\n                </Grid>\n              )}\n              {rightAddon && (\n                <RightAddon cols={['auto', 'auto']} gutter=\"2px\">\n                  {rightAddon}\n                </RightAddon>\n              )}\n            </Grid>\n          )}\n        </Grid>\n        {expandContent && isExpanded && (\n          <Grid ml={selectable && 's'} mr={rightAddon && 'xs'}>\n            <DSSeparator dashed position=\"initial\" margin=\"none\" />\n            <Grid pt=\"xxs\" data-testid=\"detail-card-expanded-content\">\n              {expandContent}\n            </Grid>\n          </Grid>\n        )}\n      </Container>\n    </>\n  );\n};\n\nconst detailProps = {\n  /**\n   * Title of the card.\n   */\n  title: PropTypes.string.isRequired.description('Title of the card.'),\n  /**\n   * Description of the card.\n   */\n  description: PropTypes.string.description('Description of the card.'),\n  /**\n   * Description color.\n   */\n  descriptionColor: PropTypes.oneOf(['primary', 'neutral']).description('Description color.'),\n  /**\n   * Right value (should be used with `rightDescription`)\n   */\n  rightValue: PropTypes.string.description('Right value (should be used with `rightDescription`)'),\n  /**\n   * Right description (should be used with `rightValue`)\n   */\n  rightDescription: PropTypes.string.description('Right description (should be used with `rightValue`)'),\n  /**\n   * Right addon array, max elements: 2\n   */\n  rightAddon: PropTypes.element.description('Right addon array, max elements: 2'),\n  /**\n   * Whether if the card is selectable or not\n   */\n  selectable: PropTypes.bool.description('Whether if the card is selectable or not'),\n  /**\n   * Whether if the card is selected or not\n   */\n  isSelected: PropTypes.bool.description('Whether if the card is selected or not'),\n  /**\n   * Callback on selection\n   */\n  onSelect: PropTypes.func.description('Callback on selection'),\n  /**\n   * Whether if the card is expandable or not\n   */\n  expandable: PropTypes.bool.description('Whether if the card is expandable or not'),\n  /**\n   * Whether if the card is expanded or not\n   */\n  isExpanded: PropTypes.bool.description('Whether if the card is expanded or not'),\n  /**\n   * Callback on expand\n   */\n  onExpand: PropTypes.func.description('Callback on expand'),\n  /**\n   * Content\n   */\n  expandContent: PropTypes.element.description('Content'),\n  /**\n   * Read only\n   */\n  readOnly: PropTypes.bool.description('Read only'),\n  /**\n   * Disabled\n   */\n  disabled: PropTypes.bool.description('Disabled'),\n};\n\nDetailCard.propTypes = detailProps;\nconst DSCardDetailWithSchema = describe(DetailCard);\nDSCardDetailWithSchema.propTypes = detailProps;\n\nexport { DetailCard, DSCardDetailWithSchema };\nexport default DetailCard;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable complexity */\nimport React from 'react';\nimport { compact, noop } from 'lodash';\nimport { PropTypes, describe } from 'react-desc';\nimport { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';\nimport { useTheme } from '@elliemae/ds-system';\nimport DSButton from '@elliemae/ds-button';\nimport DSSeparator from '@elliemae/ds-separator';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { Container, Title, Description, RightAddon, RightDescription, RightValue } from './styled';\n\nconst DetailCard = ({\n  title,\n  description,\n  descriptionColor = 'neutral',\n  rightValue,\n  rightDescription,\n  rightAddon,\n  // select props\n  selectable = false,\n  isSelected = false,\n  onSelect = noop,\n  // expand props\n  expandable = false,\n  isExpanded = false,\n  onExpand = noop,\n  expandContent,\n  // state props\n  readOnly = false,\n  disabled = false,\n}) => {\n  const theme = useTheme();\n  const hasRightLegend = rightValue && rightDescription;\n  const hasRightPosition = hasRightLegend || rightAddon;\n  const topWrapperCols = ['1fr'];\n  if (hasRightPosition) topWrapperCols.push('auto');\n  if (expandable) topWrapperCols.unshift('20px');\n  if (selectable) topWrapperCols.unshift(theme.space.s);\n  return (\n    <>\n      <Container disabled={disabled || readOnly} active={selectable && isSelected} data-testid=\"card-detail-container\">\n        <Grid cols={topWrapperCols} alignItems={!description && 'center'}>\n          {selectable && (\n            <Grid pt={description && '9px'}>\n              <DSCheckbox\n                checked={isSelected}\n                onChange={onSelect}\n                readOnly={readOnly}\n                disabled={disabled}\n                data-testid=\"card-checkbox\"\n              />\n            </Grid>\n          )}\n          {expandable && (\n            <Grid height=\"16px\" pt={description && 'xxs'} mt={!description && '-5px'}>\n              <DSButton\n                size=\"s\"\n                buttonType=\"text\"\n                containerProps={{\n                  'data-testid': 'expand-button',\n                }}\n                onClick={onExpand}\n                icon={\n                  isExpanded ? (\n                    <ArrowheadDown color={['neutral', 500]} size=\"s\" />\n                  ) : (\n                    <ArrowheadRight color={['neutral', 500]} size=\"s\" />\n                  )\n                }\n                disabled={disabled}\n              />\n            </Grid>\n          )}\n          <Grid pr=\"24px\">\n            <Title>{title}</Title>\n            {description && <Description descriptionColor={descriptionColor}>{description}</Description>}\n          </Grid>\n          {hasRightPosition && (\n            <Grid cols={compact([hasRightPosition && 'auto', rightAddon && 'auto'])}>\n              {hasRightLegend && (\n                <Grid pr=\"24px\" rows={['auto', 'auto', 1]}>\n                  <RightDescription justifyContent=\"flex-end\">{rightDescription}</RightDescription>\n                  <RightValue justifyContent=\"flex-end\">{rightValue}</RightValue>\n                  <Grid />\n                </Grid>\n              )}\n              {rightAddon && (\n                <RightAddon cols={['auto', 'auto']} gutter=\"2px\">\n                  {rightAddon}\n                </RightAddon>\n              )}\n            </Grid>\n          )}\n        </Grid>\n        {expandContent && isExpanded && (\n          <Grid ml={selectable && 's'} mr={rightAddon && 'xs'}>\n            <DSSeparator dashed position=\"initial\" margin=\"none\" />\n            <Grid pt=\"xxs\" data-testid=\"detail-card-expanded-content\">\n              {expandContent}\n            </Grid>\n          </Grid>\n        )}\n      </Container>\n    </>\n  );\n};\n\nconst detailProps = {\n  /**\n   * Title of the card.\n   */\n  title: PropTypes.string.isRequired.description('Title of the card.'),\n  /**\n   * Description of the card.\n   */\n  description: PropTypes.string.description('Description of the card.'),\n  /**\n   * Description color.\n   */\n  descriptionColor: PropTypes.oneOf(['primary', 'neutral']).description('Description color.'),\n  /**\n   * Right value (should be used with `rightDescription`)\n   */\n  rightValue: PropTypes.string.description('Right value (should be used with `rightDescription`)'),\n  /**\n   * Right description (should be used with `rightValue`)\n   */\n  rightDescription: PropTypes.string.description('Right description (should be used with `rightValue`)'),\n  /**\n   * Right addon array, max elements: 2\n   */\n  rightAddon: PropTypes.element.description('Right addon array, max elements: 2'),\n  /**\n   * Whether if the card is selectable or not\n   */\n  selectable: PropTypes.bool.description('Whether if the card is selectable or not'),\n  /**\n   * Whether if the card is selected or not\n   */\n  isSelected: PropTypes.bool.description('Whether if the card is selected or not'),\n  /**\n   * Callback on selection\n   */\n  onSelect: PropTypes.func.description('Callback on selection'),\n  /**\n   * Whether if the card is expandable or not\n   */\n  expandable: PropTypes.bool.description('Whether if the card is expandable or not'),\n  /**\n   * Whether if the card is expanded or not\n   */\n  isExpanded: PropTypes.bool.description('Whether if the card is expanded or not'),\n  /**\n   * Callback on expand\n   */\n  onExpand: PropTypes.func.description('Callback on expand'),\n  /**\n   * Content\n   */\n  expandContent: PropTypes.element.description('Content'),\n  /**\n   * Read only\n   */\n  readOnly: PropTypes.bool.description('Read only'),\n  /**\n   * Disabled\n   */\n  disabled: PropTypes.bool.description('Disabled'),\n};\n\nDetailCard.propTypes = detailProps;\nDetailCard.displayName = 'DetailCard';\nconst DSCardDetailWithSchema = describe(DetailCard);\nDSCardDetailWithSchema.propTypes = detailProps;\n\nexport { DetailCard, DSCardDetailWithSchema };\nexport default DetailCard;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/detail/styled.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/detail/styled.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const Separator = styled.div`\n  width: 100%;\n  height: 24px;\n  border-right: 1px solid ${(props) => props.theme.colors.neutral['300']};\n  margin: 0 8px;\n`;\n\nexport const Title = styled.h3`\n  margin: 0;\n  font-size: 16px;\n  min-height: 20px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.neutral['700']};\n`;\n\nexport const Description = styled.p`\n  margin: 0;\n  font-size: 12px;\n  min-height: 18px;\n  display: flex;\n  align-items: center;\n  color: ${(props) =>\n    props.descriptionColor === 'neutral'\n      ? props.theme.colors.neutral['600']\n      : props.theme.colors.brand['600']};\n`;\n\nexport const RightAddon = styled(Grid)`\n  margin: 0;\n  white-space: nowrap;\n`;\n\nexport const RightDescription = styled(Grid)`\n  margin: 0;\n  white-space: nowrap;\n  font-size: 12px;\n  color: ${(props) => props.theme.colors.neutral['600']};\n`;\nexport const RightValue = styled(Grid)`\n  margin: 0;\n  white-space: nowrap;\n  font-size: 14px;\n  color: ${(props) => props.theme.colors.neutral['800']};\n`;\n\nexport const ExpandContent = styled.div`\n  font-size: 12px;\n`;\n\nconst border = ({ active, theme }) =>\n  active ? theme.colors.brand['600'] : theme.colors.neutral['200'];\nconst background = ({ active, theme }) =>\n  active ? theme.colors.brand['100'] : theme.colors.neutral['000'];\n\nexport const Container = styled(Grid)`\n  width: 100%;\n  min-height: 52px;\n  min-width: 244px;\n  padding: 6px 8px 6px 12px;\n  position: relative;\n  border-top: 1px solid ${border};\n  border-bottom: 1px solid ${border};\n  background: ${background};\n  ${(props) =>\n    props.disabled\n      ? `\n    ${Title}, ${Description}, ${RightDescription}, ${RightValue} {\n      color: ${props.theme.colors.neutral['500']};\n    }\n  `\n      : ''}\n  &:hover {\n    box-shadow: 0 2px 4px 0 rgba(53, 60, 70, 0.5);\n    z-index: 1;\n  }\n`;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA,4BAGJ,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI3D,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA,iBAIX,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG1C,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMvB,CAAC,UACR,MAAM,qBAAqB,YACvB,MAAM,MAAM,OAAO,QAAQ,SAC3B,MAAM,MAAM,OAAO,MAAM;AAAA;AAG1B,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAK1B,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA,WAI5B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAE1C,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA,WAItB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG1C,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAIpC,MAAM,SAAS,CAAC,EAAE,QAAQ,YACxB,SAAS,MAAM,OAAO,MAAM,SAAS,MAAM,OAAO,QAAQ;AAC5D,MAAM,aAAa,CAAC,EAAE,QAAQ,YAC5B,SAAS,MAAM,OAAO,MAAM,SAAS,MAAM,OAAO,QAAQ;AAErD,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAMN;AAAA,6BACG;AAAA,gBACb;AAAA,IACZ,CAAC,UACD,MAAM,WACF;AAAA,MACF,UAAU,gBAAgB,qBAAqB;AAAA,eACtC,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,MAGlC;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA,4BAGJ,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI3D,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA,iBAIX,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG1C,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMvB,CAAC,UACR,MAAM,qBAAqB,YACvB,MAAM,MAAM,OAAO,QAAQ,SAC3B,MAAM,MAAM,OAAO,MAAM;AAAA;AAG1B,MAAM,aAAa,OAAO,IAAI;AAAA;AAAA;AAAA;AAK9B,MAAM,mBAAmB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA,WAIhC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAE1C,MAAM,aAAa,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA,WAI1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG1C,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAIpC,MAAM,SAAS,CAAC,EAAE,QAAQ,YACxB,SAAS,MAAM,OAAO,MAAM,SAAS,MAAM,OAAO,QAAQ;AAC5D,MAAM,aAAa,CAAC,EAAE,QAAQ,YAC5B,SAAS,MAAM,OAAO,MAAM,SAAS,MAAM,OAAO,QAAQ;AAErD,MAAM,YAAY,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAMV;AAAA,6BACG;AAAA,gBACb;AAAA,IACZ,CAAC,UACD,MAAM,WACF;AAAA,MACF,UAAU,gBAAgB,qBAAqB;AAAA,eACtC,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,MAGlC;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/esm/v2/ActionAddon.js

@@ -33,6 +33,7 @@ const actionProps = {
   icon: PropTypes.element.description("Icon to display after the label")
 };
 ActionAddon.propTypes = actionProps;
+ActionAddon.displayName = "ActionAddon";
 const DSCardActionAddonWithSchema = describe(ActionAddon);
 DSCardActionAddonWithSchema.propTypes = actionProps;
 var ActionAddon_default = ActionAddon;

package/dist/esm/v2/ActionAddon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/ActionAddon.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport Button from '@elliemae/ds-button';\n\nconst Addon = styled(Button)`\n  background-color: transparent;\n  padding-right: 4px;\n  height: 100%;\n  border: none;\n  font-size: 12px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.brand['700']};\n  cursor: pointer;\n  &:focus,\n  &::after {\n    background-color: transparent;\n    box-shadow: none !important; /* needed */\n    border: none !important; /* needed */\n  }\n`;\n\nconst ActionAddon = ({ label, onClick, icon }) => (\n  <Addon onClick={onClick} labelText={label} icon={icon || <ChevronSmallDown color={['brand-primary', 700]} />} />\n);\n\nconst actionProps = {\n  /**\n   * Addon label\n   */\n  label: PropTypes.string.description('Addon label'),\n  /**\n   * On click callback\n   */\n  onClick: PropTypes.func.description('On click callback'),\n  /**\n   * Icon to display after the label\n   */\n  icon: PropTypes.element.description('Icon to display after the label'),\n};\n\nActionAddon.propTypes = actionProps;\nconst DSCardActionAddonWithSchema = describe(ActionAddon);\nDSCardActionAddonWithSchema.propTypes = actionProps;\n\nexport { ActionAddon, DSCardActionAddonWithSchema };\nexport default ActionAddon;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMJ,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU/C,MAAM,cAAc,CAAC,EAAE,OAAO,SAAS,WACrC,qCAAC,OAAD;AAAA,EAAO;AAAA,EAAkB,WAAW;AAAA,EAAO,MAAM,QAAQ,qCAAC,kBAAD;AAAA,IAAkB,OAAO,CAAC,iBAAiB;AAAA;AAAA;AAGtG,MAAM,cAAc;AAAA,EAIlB,OAAO,UAAU,OAAO,YAAY;AAAA,EAIpC,SAAS,UAAU,KAAK,YAAY;AAAA,EAIpC,MAAM,UAAU,QAAQ,YAAY;AAAA;AAGtC,YAAY,YAAY;AACxB,MAAM,8BAA8B,SAAS;AAC7C,4BAA4B,YAAY;AAGxC,IAAO,sBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport Button from '@elliemae/ds-button';\n\nconst Addon = styled(Button)`\n  background-color: transparent;\n  padding-right: 4px;\n  height: 100%;\n  border: none;\n  font-size: 12px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.brand['700']};\n  cursor: pointer;\n  &:focus,\n  &::after {\n    background-color: transparent;\n    box-shadow: none !important; /* needed */\n    border: none !important; /* needed */\n  }\n`;\n\nconst ActionAddon = ({ label, onClick, icon }) => (\n  <Addon onClick={onClick} labelText={label} icon={icon || <ChevronSmallDown color={['brand-primary', 700]} />} />\n);\n\nconst actionProps = {\n  /**\n   * Addon label\n   */\n  label: PropTypes.string.description('Addon label'),\n  /**\n   * On click callback\n   */\n  onClick: PropTypes.func.description('On click callback'),\n  /**\n   * Icon to display after the label\n   */\n  icon: PropTypes.element.description('Icon to display after the label'),\n};\n\nActionAddon.propTypes = actionProps;\nActionAddon.displayName = 'ActionAddon';\nconst DSCardActionAddonWithSchema = describe(ActionAddon);\nDSCardActionAddonWithSchema.propTypes = actionProps;\n\nexport { ActionAddon, DSCardActionAddonWithSchema };\nexport default ActionAddon;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,QAAQ,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMV,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU/C,MAAM,cAAc,CAAC,EAAE,OAAO,SAAS,WACrC,qCAAC;AAAA,EAAM;AAAA,EAAkB,WAAW;AAAA,EAAO,MAAM,QAAQ,qCAAC;AAAA,IAAiB,OAAO,CAAC,iBAAiB,GAAG;AAAA,GAAG;AAAA,CAAI;AAGhH,MAAM,cAAc;AAAA,EAIlB,OAAO,UAAU,OAAO,YAAY,aAAa;AAAA,EAIjD,SAAS,UAAU,KAAK,YAAY,mBAAmB;AAAA,EAIvD,MAAM,UAAU,QAAQ,YAAY,iCAAiC;AACvE;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,8BAA8B,SAAS,WAAW;AACxD,4BAA4B,YAAY;AAGxC,IAAO,sBAAQ;",
   "names": []
 }

package/dist/esm/v2/Card.js

@@ -53,6 +53,7 @@ const cardProps = {
   hasBorder: PropTypes.bool.description("Wheter if the card has border or not")
 };
 CustomCard.propTypes = cardProps;
+CustomCard.displayName = "CustomCard";
 const DSCardCustomWithSchema = describe(CustomCard);
 DSCardCustomWithSchema.propTypes = cardProps;
 var Card_default = CustomCard;

package/dist/esm/v2/Card.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/Card.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSHeader } from '@elliemae/ds-header';\nimport DSTruncatedTooltipText, {\n  TooltipTextProvider,\n} from '@elliemae/ds-truncated-tooltip-text';\nimport {\n  CardContainer,\n  LeftSection,\n  LeftAddon,\n  RightAddonSection,\n  RightAddon,\n  Separator,\n  MainSection,\n  Description,\n} from './components';\n\nconst getCol = (rightAddon) => {\n  if (!rightAddon) return [1];\n  return [1, 'auto'];\n};\n\nconst CustomCard = ({\n  title,\n  description,\n  leftAddon,\n  rightAddon, // array. max 2 elements\n  hasBorder = false,\n}) => (\n  <TooltipTextProvider>\n    <CardContainer\n      hasBorder={hasBorder}\n      cols={getCol(rightAddon)}\n      data-testid=\"em-ds-card\"\n    >\n      <LeftSection>\n        {leftAddon && <LeftAddon>{leftAddon}</LeftAddon>}\n        <MainSection\n          style={{\n            maxWidth: leftAddon ? 'calc(100% - 40px)' : '100%',\n          }}\n        >\n          <DSHeader\n            fontSize=\"16px\"\n            data-testid=\"em-ds-card-header\"\n            fontWeight=\"regular\"\n            color=\"neutral.800\"\n            text={<DSTruncatedTooltipText value={title} />}\n          />\n          {description && (\n            <Description>\n              <DSTruncatedTooltipText value={description} />\n            </Description>\n          )}\n        </MainSection>\n      </LeftSection>\n      {rightAddon && (\n        <RightAddonSection>\n          {rightAddon[0] && <RightAddon>{rightAddon[0]}</RightAddon>}\n          {rightAddon[1] && (\n            <>\n              {rightAddon.length > 1 && <Separator />}\n              <RightAddon>{rightAddon[1]}</RightAddon>\n            </>\n          )}\n        </RightAddonSection>\n      )}\n    </CardContainer>\n  </TooltipTextProvider>\n);\n\nconst cardProps = {\n  /**\n   * Title of the card. requiered\n   */\n  title: PropTypes.string.isRequired.description(\n    'Title of the card. requiered',\n  ),\n  /**\n   * Description of the card. not requiered\n   */\n  description: PropTypes.string.description(\n    'Description of the card. not requiered',\n  ),\n  /**\n   * Left Addon\n   */\n  leftAddon: PropTypes.element.description('Left Addon'),\n  /**\n   * Right addon array, max elements: 2\n   */\n  rightAddon: PropTypes.array.description('Right addon array, max elements: 2'),\n  /**\n   * Wheter if the card has border or not\n   */\n  hasBorder: PropTypes.bool.description('Wheter if the card has border or not'),\n};\n\nCustomCard.propTypes = cardProps;\nconst DSCardCustomWithSchema = describe(CustomCard);\nDSCardCustomWithSchema.propTypes = cardProps;\n\nexport { CustomCard, DSCardCustomWithSchema };\nexport default CustomCard;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA,MAAM,SAAS,CAAC,eAAe;AAC7B,MAAI,CAAC;AAAY,WAAO,CAAC;AACzB,SAAO,CAAC,GAAG;AAAA;AAGb,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,MAEZ,qCAAC,qBAAD,MACE,qCAAC,eAAD;AAAA,EACE;AAAA,EACA,MAAM,OAAO;AAAA,EACb,eAAY;AAAA,GAEZ,qCAAC,aAAD,MACG,aAAa,qCAAC,WAAD,MAAY,YAC1B,qCAAC,aAAD;AAAA,EACE,OAAO;AAAA,IACL,UAAU,YAAY,sBAAsB;AAAA;AAAA,GAG9C,qCAAC,UAAD;AAAA,EACE,UAAS;AAAA,EACT,eAAY;AAAA,EACZ,YAAW;AAAA,EACX,OAAM;AAAA,EACN,MAAM,qCAAC,wBAAD;AAAA,IAAwB,OAAO;AAAA;AAAA,IAEtC,eACC,qCAAC,aAAD,MACE,qCAAC,wBAAD;AAAA,EAAwB,OAAO;AAAA,OAKtC,cACC,qCAAC,mBAAD,MACG,WAAW,MAAM,qCAAC,YAAD,MAAa,WAAW,KACzC,WAAW,MACV,4DACG,WAAW,SAAS,KAAK,qCAAC,WAAD,OAC1B,qCAAC,YAAD,MAAa,WAAW;AAStC,MAAM,YAAY;AAAA,EAIhB,OAAO,UAAU,OAAO,WAAW,YACjC;AAAA,EAKF,aAAa,UAAU,OAAO,YAC5B;AAAA,EAKF,WAAW,UAAU,QAAQ,YAAY;AAAA,EAIzC,YAAY,UAAU,MAAM,YAAY;AAAA,EAIxC,WAAW,UAAU,KAAK,YAAY;AAAA;AAGxC,WAAW,YAAY;AACvB,MAAM,yBAAyB,SAAS;AACxC,uBAAuB,YAAY;AAGnC,IAAO,eAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSHeader } from '@elliemae/ds-header';\nimport DSTruncatedTooltipText, {\n  TooltipTextProvider,\n} from '@elliemae/ds-truncated-tooltip-text';\nimport {\n  CardContainer,\n  LeftSection,\n  LeftAddon,\n  RightAddonSection,\n  RightAddon,\n  Separator,\n  MainSection,\n  Description,\n} from './components';\n\nconst getCol = (rightAddon) => {\n  if (!rightAddon) return [1];\n  return [1, 'auto'];\n};\n\nconst CustomCard = ({\n  title,\n  description,\n  leftAddon,\n  rightAddon, // array. max 2 elements\n  hasBorder = false,\n}) => (\n  <TooltipTextProvider>\n    <CardContainer\n      hasBorder={hasBorder}\n      cols={getCol(rightAddon)}\n      data-testid=\"em-ds-card\"\n    >\n      <LeftSection>\n        {leftAddon && <LeftAddon>{leftAddon}</LeftAddon>}\n        <MainSection\n          style={{\n            maxWidth: leftAddon ? 'calc(100% - 40px)' : '100%',\n          }}\n        >\n          <DSHeader\n            fontSize=\"16px\"\n            data-testid=\"em-ds-card-header\"\n            fontWeight=\"regular\"\n            color=\"neutral.800\"\n            text={<DSTruncatedTooltipText value={title} />}\n          />\n          {description && (\n            <Description>\n              <DSTruncatedTooltipText value={description} />\n            </Description>\n          )}\n        </MainSection>\n      </LeftSection>\n      {rightAddon && (\n        <RightAddonSection>\n          {rightAddon[0] && <RightAddon>{rightAddon[0]}</RightAddon>}\n          {rightAddon[1] && (\n            <>\n              {rightAddon.length > 1 && <Separator />}\n              <RightAddon>{rightAddon[1]}</RightAddon>\n            </>\n          )}\n        </RightAddonSection>\n      )}\n    </CardContainer>\n  </TooltipTextProvider>\n);\n\nconst cardProps = {\n  /**\n   * Title of the card. requiered\n   */\n  title: PropTypes.string.isRequired.description(\n    'Title of the card. requiered',\n  ),\n  /**\n   * Description of the card. not requiered\n   */\n  description: PropTypes.string.description(\n    'Description of the card. not requiered',\n  ),\n  /**\n   * Left Addon\n   */\n  leftAddon: PropTypes.element.description('Left Addon'),\n  /**\n   * Right addon array, max elements: 2\n   */\n  rightAddon: PropTypes.array.description('Right addon array, max elements: 2'),\n  /**\n   * Wheter if the card has border or not\n   */\n  hasBorder: PropTypes.bool.description('Wheter if the card has border or not'),\n};\n\nCustomCard.propTypes = cardProps;\nCustomCard.displayName = 'CustomCard';\nconst DSCardCustomWithSchema = describe(CustomCard);\nDSCardCustomWithSchema.propTypes = cardProps;\n\nexport { CustomCard, DSCardCustomWithSchema };\nexport default CustomCard;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA,MAAM,SAAS,CAAC,eAAe;AAC7B,MAAI,CAAC;AAAY,WAAO,CAAC,CAAC;AAC1B,SAAO,CAAC,GAAG,MAAM;AACnB;AAEA,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,MAEZ,qCAAC,2BACC,qCAAC;AAAA,EACC;AAAA,EACA,MAAM,OAAO,UAAU;AAAA,EACvB,eAAY;AAAA,GAEZ,qCAAC,mBACE,aAAa,qCAAC,iBAAW,SAAU,GACpC,qCAAC;AAAA,EACC,OAAO;AAAA,IACL,UAAU,YAAY,sBAAsB;AAAA,EAC9C;AAAA,GAEA,qCAAC;AAAA,EACC,UAAS;AAAA,EACT,eAAY;AAAA,EACZ,YAAW;AAAA,EACX,OAAM;AAAA,EACN,MAAM,qCAAC;AAAA,IAAuB,OAAO;AAAA,GAAO;AAAA,CAC9C,GACC,eACC,qCAAC,mBACC,qCAAC;AAAA,EAAuB,OAAO;AAAA,CAAa,CAC9C,CAEJ,CACF,GACC,cACC,qCAAC,yBACE,WAAW,MAAM,qCAAC,kBAAY,WAAW,EAAG,GAC5C,WAAW,MACV,4DACG,WAAW,SAAS,KAAK,qCAAC,eAAU,GACrC,qCAAC,kBAAY,WAAW,EAAG,CAC7B,CAEJ,CAEJ,CACF;AAGF,MAAM,YAAY;AAAA,EAIhB,OAAO,UAAU,OAAO,WAAW,YACjC,8BACF;AAAA,EAIA,aAAa,UAAU,OAAO,YAC5B,wCACF;AAAA,EAIA,WAAW,UAAU,QAAQ,YAAY,YAAY;AAAA,EAIrD,YAAY,UAAU,MAAM,YAAY,oCAAoC;AAAA,EAI5E,WAAW,UAAU,KAAK,YAAY,sCAAsC;AAC9E;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,yBAAyB,SAAS,UAAU;AAClD,uBAAuB,YAAY;AAGnC,IAAO,eAAQ;",
   "names": []
 }

package/dist/esm/v2/Group.js

@@ -41,6 +41,7 @@ const cardgroupProps = {
   action: PropTypes.element.description("Right addon action")
 };
 CardGroup.propTypes = cardgroupProps;
+CardGroup.displayName = "CardGroup";
 const DSCardGroupWithSchema = describe(CardGroup);
 DSCardGroupWithSchema.propTypes = cardgroupProps;
 var Group_default = CardGroup;

package/dist/esm/v2/Group.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/Group.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { color, border, truncate } from '@elliemae/ds-system';\nimport Card from './Card';\n\nconst Group = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  max-width: 100%;\n  ${Card} {\n    border-top: none;\n  }\n  ${({ theme, withTopBorder }) =>\n    withTopBorder ? `border-top: ${theme.colors.neutral['100']}` : ''}\n`;\n\nconst GroupTitle = styled.span`\n  ${truncate()}\n`;\n\nconst TitleWrapper = styled.div`\n  display: flex;\n  justify-content: space-between;\n  padding: 0 ${(props) => props.theme.space.xs};\n  font-size: 12px;\n  ${color('neutral', '700')};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  background-color: ${(props) => props.theme.colors.neutral['080']};\n  border-top: ${(props) => border(props.theme.colors.neutral['080'])};\n  line-height: 24px;\n`;\n\nconst Items = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\n\nconst CardGroup = ({ children, title, action }) => (\n  <Group withTopBorder={!title}>\n    {!!title && (\n      <TitleWrapper>\n        <GroupTitle>{title}</GroupTitle>\n        {action}\n      </TitleWrapper>\n    )}\n    <Items>{children}</Items>\n  </Group>\n);\n\nconst cardgroupProps = {\n  /**\n   * Card items\n   */\n  children: PropTypes.element.isRequired.description('Card items'),\n  /**\n   * Title of the group\n   */\n  title: PropTypes.string.isRequired.description('Title of the group'),\n  /**\n   * Right addon action\n   */\n  action: PropTypes.element.description('Right addon action'),\n};\n\nCardGroup.propTypes = cardgroupProps;\nconst DSCardGroupWithSchema = describe(CardGroup);\nDSCardGroupWithSchema.propTypes = cardgroupProps;\n\nexport { CardGroup, DSCardGroupWithSchema };\nexport default CardGroup;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjB;AAAA;AAAA;AAAA,IAGA,CAAC,EAAE,OAAO,oBACV,gBAAgB,eAAe,MAAM,OAAO,QAAQ,WAAW;AAAA;AAGnE,MAAM,aAAa,OAAO;AAAA,IACtB;AAAA;AAGJ,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA,eAGb,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA,IAExC,MAAM,WAAW;AAAA,iBACJ,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,sBAC9B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBAC5C,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI7D,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAKrB,MAAM,YAAY,CAAC,EAAE,UAAU,OAAO,aACpC,qCAAC,OAAD;AAAA,EAAO,eAAe,CAAC;AAAA,GACpB,CAAC,CAAC,SACD,qCAAC,cAAD,MACE,qCAAC,YAAD,MAAa,QACZ,SAGL,qCAAC,OAAD,MAAQ;AAIZ,MAAM,iBAAiB;AAAA,EAIrB,UAAU,UAAU,QAAQ,WAAW,YAAY;AAAA,EAInD,OAAO,UAAU,OAAO,WAAW,YAAY;AAAA,EAI/C,QAAQ,UAAU,QAAQ,YAAY;AAAA;AAGxC,UAAU,YAAY;AACtB,MAAM,wBAAwB,SAAS;AACvC,sBAAsB,YAAY;AAGlC,IAAO,gBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { color, border, truncate } from '@elliemae/ds-system';\nimport Card from './Card';\n\nconst Group = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  max-width: 100%;\n  ${Card} {\n    border-top: none;\n  }\n  ${({ theme, withTopBorder }) =>\n    withTopBorder ? `border-top: ${theme.colors.neutral['100']}` : ''}\n`;\n\nconst GroupTitle = styled.span`\n  ${truncate()}\n`;\n\nconst TitleWrapper = styled.div`\n  display: flex;\n  justify-content: space-between;\n  padding: 0 ${(props) => props.theme.space.xs};\n  font-size: 12px;\n  ${color('neutral', '700')};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  background-color: ${(props) => props.theme.colors.neutral['080']};\n  border-top: ${(props) => border(props.theme.colors.neutral['080'])};\n  line-height: 24px;\n`;\n\nconst Items = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\n\nconst CardGroup = ({ children, title, action }) => (\n  <Group withTopBorder={!title}>\n    {!!title && (\n      <TitleWrapper>\n        <GroupTitle>{title}</GroupTitle>\n        {action}\n      </TitleWrapper>\n    )}\n    <Items>{children}</Items>\n  </Group>\n);\n\nconst cardgroupProps = {\n  /**\n   * Card items\n   */\n  children: PropTypes.element.isRequired.description('Card items'),\n  /**\n   * Title of the group\n   */\n  title: PropTypes.string.isRequired.description('Title of the group'),\n  /**\n   * Right addon action\n   */\n  action: PropTypes.element.description('Right addon action'),\n};\n\nCardGroup.propTypes = cardgroupProps;\nCardGroup.displayName = 'CardGroup';\nconst DSCardGroupWithSchema = describe(CardGroup);\nDSCardGroupWithSchema.propTypes = cardgroupProps;\n\nexport { CardGroup, DSCardGroupWithSchema };\nexport default CardGroup;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjB;AAAA;AAAA;AAAA,IAGA,CAAC,EAAE,OAAO,oBACV,gBAAgB,eAAe,MAAM,OAAO,QAAQ,WAAW;AAAA;AAGnE,MAAM,aAAa,OAAO;AAAA,IACtB,SAAS;AAAA;AAGb,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA,eAGb,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA,IAExC,MAAM,WAAW,KAAK;AAAA,iBACT,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,sBAC9B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBAC5C,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAAA;AAInE,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAKrB,MAAM,YAAY,CAAC,EAAE,UAAU,OAAO,aACpC,qCAAC;AAAA,EAAM,eAAe,CAAC;AAAA,GACpB,CAAC,CAAC,SACD,qCAAC,oBACC,qCAAC,kBAAY,KAAM,GAClB,MACH,GAEF,qCAAC,aAAO,QAAS,CACnB;AAGF,MAAM,iBAAiB;AAAA,EAIrB,UAAU,UAAU,QAAQ,WAAW,YAAY,YAAY;AAAA,EAI/D,OAAO,UAAU,OAAO,WAAW,YAAY,oBAAoB;AAAA,EAInE,QAAQ,UAAU,QAAQ,YAAY,oBAAoB;AAC5D;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,wBAAwB,SAAS,SAAS;AAChD,sBAAsB,YAAY;AAGlC,IAAO,gBAAQ;",
   "names": []
 }

package/dist/esm/v2/components.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/components.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst CardContainer = styled(Grid)`\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 56px;\n  padding: 8px 16px;\n  position: relative;\n  border: ${({ theme, hasBorder }) =>\n    hasBorder ? `1px solid ${theme.colors.neutral['100']}` : ''};\n  &:before {\n    content: '';\n    border-bottom: 1px solid ${(props) => props.theme.colors.neutral['100']};\n    position: absolute;\n    margin: 0 auto;\n    width: 90%;\n    bottom: 0;\n  }\n  &:last-child::before {\n    content: none;\n  }\n`;\n\nconst LeftSection = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst LeftAddon = styled.div`\n  height: fit-content;\n  width: fit-content;\n  margin-right: 16px;\n  cursor: pointer;\n`;\n\nconst RightAddonSection = styled.div`\n  display: flex;\n  align-items: center;\n  width: fit-content;\n`;\n\nconst RightAddon = styled.div`\n  height: fit-content;\n  width: fit-content;\n  cursor: pointer;\n`;\n\nconst Separator = styled.div`\n  width: 0px;\n  height: 24px;\n  border-right: 1px solid ${(props) => props.theme.colors.neutral['300']};\n  margin: 0 8px;\n`;\n\nconst MainSection = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\n\nconst Title = styled.h3`\n  margin: 0;\n  font-size: 16px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['800']};\n`;\n\nconst Description = styled.p`\n  margin: 0;\n  color: ${(props) => props.theme.colors.neutral['600']};\n`;\n\nexport {\n  CardContainer,\n  LeftSection,\n  LeftAddon,\n  RightAddonSection,\n  RightAddon,\n  Separator,\n  MainSection,\n  Title,\n  Description,\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOjB,CAAC,EAAE,OAAO,gBAClB,YAAY,aAAa,MAAM,OAAO,QAAQ,WAAW;AAAA;AAAA;AAAA,+BAG9B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWrE,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAK3B,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAMjC,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAM1B,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA,4BAGG,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIlE,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAK3B,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA,iBAGJ,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGjD,MAAM,cAAc,OAAO;AAAA;AAAA,WAEhB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;",
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,gBAAgB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOrB,CAAC,EAAE,OAAO,gBAClB,YAAY,aAAa,MAAM,OAAO,QAAQ,WAAW;AAAA;AAAA;AAAA,+BAG9B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWrE,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAK3B,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAMjC,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAM1B,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA,4BAGG,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIlE,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAK3B,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA,iBAGJ,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGjD,MAAM,cAAc,OAAO;AAAA;AAAA,WAEhB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-card",
-  "version": "3.0.0-next.7",
+  "version": "3.0.0-next.70",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Card",
   "files": [
@@ -70,20 +70,27 @@
     "reportFile": "tests.xml",
     "indent": 4
   },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
+  },
   "dependencies": {
-    "@elliemae/ds-button": "3.0.0-next.7",
-    "@elliemae/ds-classnames": "3.0.0-next.7",
-    "@elliemae/ds-form": "3.0.0-next.7",
-    "@elliemae/ds-grid": "3.0.0-next.7",
-    "@elliemae/ds-header": "3.0.0-next.7",
-    "@elliemae/ds-icons": "3.0.0-next.7",
-    "@elliemae/ds-separator": "3.0.0-next.7",
-    "@elliemae/ds-system": "3.0.0-next.7",
-    "@elliemae/ds-truncated-tooltip-text": "3.0.0-next.7",
+    "@elliemae/ds-button": "workspace:*",
+    "@elliemae/ds-classnames": "workspace:*",
+    "@elliemae/ds-form": "workspace:*",
+    "@elliemae/ds-grid": "workspace:*",
+    "@elliemae/ds-header": "workspace:*",
+    "@elliemae/ds-icons": "workspace:*",
+    "@elliemae/ds-separator": "workspace:*",
+    "@elliemae/ds-system": "workspace:*",
+    "@elliemae/ds-truncated-tooltip-text": "workspace:*",
     "react-desc": "~4.1.3"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "~5.15.1",
+    "@testing-library/jest-dom": "~5.16.2",
     "@testing-library/react": "~12.1.2",
     "styled-components": "~5.3.3"
   },
@@ -96,12 +103,5 @@
   "publishConfig": {
     "access": "public",
     "typeSafety": false
-  },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
-    "test": "node ../../scripts/testing/test.mjs",
-    "lint": "node ../../scripts/lint.mjs",
-    "dts": "node ../../scripts/dts.mjs",
-    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
-}
+}