@elliemae/ds-card 3.16.0-next.2 → 3.16.0-next.4

package/dist/cjs/DSCard.js

@@ -31,7 +31,7 @@ __export(DSCard_exports, {
 module.exports = __toCommonJS(DSCard_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_DSCardBody = __toESM(require("./DSCardBody"));
 var import_DSCardHeader = __toESM(require("./DSCardHeader"));
@@ -40,17 +40,17 @@ const DSCard = ({ innerRef = void 0, children = null, containerProps = {}, ...ot
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-testid": "card", ...containerProps, ref: innerRef, className: cssClassName, ...otherProps, children });
 };
 const cardProps = {
-  containerProps: import_ds_utilities.PropTypes.object.description("inject props to component wrapper"),
-  innerRef: import_ds_utilities.PropTypes.string.description("Get reference for the button"),
-  children: import_ds_utilities.PropTypes.arrayOf(
-    import_ds_utilities.PropTypes.shape({
-      type: import_ds_utilities.PropTypes.oneOf([import_DSCardHeader.default, import_DSCardBody.default])
+  containerProps: import_ds_props_helpers.PropTypes.object.description("inject props to component wrapper"),
+  innerRef: import_ds_props_helpers.PropTypes.string.description("Get reference for the button"),
+  children: import_ds_props_helpers.PropTypes.arrayOf(
+    import_ds_props_helpers.PropTypes.shape({
+      type: import_ds_props_helpers.PropTypes.oneOf([import_DSCardHeader.default, import_DSCardBody.default])
     })
   ).description("DSCardBody and DSCardHeader")
 };
 DSCard.propTypes = cardProps;
 DSCard.displayName = "DSCard";
-const DSCardWithSchema = (0, import_ds_utilities.describe)(DSCard);
+const DSCardWithSchema = (0, import_ds_props_helpers.describe)(DSCard);
 DSCardWithSchema.propTypes = cardProps;
 var DSCard_default = DSCard;
 //# 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 '@elliemae/ds-utilities';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSCardBody from './DSCardBody';\nimport DSCardHeader from './DSCardHeader';\n\nconst DSCard = ({ innerRef = undefined, children = null, containerProps = {}, ...otherProps }) => {\n  const { cssClassName } = convertPropToCssClassName('card');\n\n  return (\n    <div data-testid=\"card\" {...containerProps} ref={innerRef} className={cssClassName} {...otherProps}>\n      {children}\n    </div>\n  );\n};\n\nconst cardProps = {\n  /** inject props to component wrapper */\n  containerProps: PropTypes.object.description('inject props to component wrapper'),\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;ADUnB;AATJ,0BAAoC;AACpC,2BAA0C;AAC1C,wBAAuB;AACvB,0BAAyB;AAEzB,MAAM,SAAS,CAAC,EAAE,WAAW,QAAW,WAAW,MAAM,iBAAiB,CAAC,MAAM,WAAW,MAAM;AAChG,QAAM,EAAE,aAAa,QAAI,gDAA0B,MAAM;AAEzD,SACE,4CAAC,SAAI,eAAY,QAAQ,GAAG,gBAAgB,KAAK,UAAU,WAAW,cAAe,GAAG,YACrF,UACH;AAEJ;AAEA,MAAM,YAAY;AAAA,EAEhB,gBAAgB,8BAAU,OAAO,YAAY,mCAAmC;AAAA,EAIhF,UAAU,8BAAU,OAAO,YAAY,8BAA8B;AAAA,EAIrE,UAAU,8BAAU;AAAA,IAClB,8BAAU,MAAM;AAAA,MACd,MAAM,8BAAU,MAAM,CAAC,oBAAAA,SAAc,kBAAAC,OAAU,CAAC;AAAA,IAClD,CAAC;AAAA,EACH,EAAE,YAAY,6BAA6B;AAC7C;AAEA,OAAO,YAAY;AACnB,OAAO,cAAc;AACrB,MAAM,uBAAmB,8BAAS,MAAM;AACxC,iBAAiB,YAAY;AAG7B,IAAO,iBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSCardBody from './DSCardBody';\nimport DSCardHeader from './DSCardHeader';\n\nconst DSCard = ({ innerRef = undefined, children = null, containerProps = {}, ...otherProps }) => {\n  const { cssClassName } = convertPropToCssClassName('card');\n\n  return (\n    <div data-testid=\"card\" {...containerProps} ref={innerRef} className={cssClassName} {...otherProps}>\n      {children}\n    </div>\n  );\n};\n\nconst cardProps = {\n  /** inject props to component wrapper */\n  containerProps: PropTypes.object.description('inject props to component wrapper'),\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;ADUnB;AATJ,8BAAoC;AACpC,2BAA0C;AAC1C,wBAAuB;AACvB,0BAAyB;AAEzB,MAAM,SAAS,CAAC,EAAE,WAAW,QAAW,WAAW,MAAM,iBAAiB,CAAC,MAAM,WAAW,MAAM;AAChG,QAAM,EAAE,aAAa,QAAI,gDAA0B,MAAM;AAEzD,SACE,4CAAC,SAAI,eAAY,QAAQ,GAAG,gBAAgB,KAAK,UAAU,WAAW,cAAe,GAAG,YACrF,UACH;AAEJ;AAEA,MAAM,YAAY;AAAA,EAEhB,gBAAgB,kCAAU,OAAO,YAAY,mCAAmC;AAAA,EAIhF,UAAU,kCAAU,OAAO,YAAY,8BAA8B;AAAA,EAIrE,UAAU,kCAAU;AAAA,IAClB,kCAAU,MAAM;AAAA,MACd,MAAM,kCAAU,MAAM,CAAC,oBAAAA,SAAc,kBAAAC,OAAU,CAAC;AAAA,IAClD,CAAC;AAAA,EACH,EAAE,YAAY,6BAA6B;AAC7C;AAEA,OAAO,YAAY;AACnB,OAAO,cAAc;AACrB,MAAM,uBAAmB,kCAAS,MAAM;AACxC,iBAAiB,YAAY;AAG7B,IAAO,iBAAQ;",
   "names": ["DSCardHeader", "DSCardBody"]
 }

package/dist/cjs/DSCardBody.js

@@ -31,14 +31,14 @@ __export(DSCardBody_exports, {
 module.exports = __toCommonJS(DSCardBody_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 const DSCardBody = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "em-ds-card-body", "data-testid": "card-body", children });
 const bodyProps = {
-  children: import_ds_utilities.PropTypes.element.description("children")
+  children: import_ds_props_helpers.PropTypes.element.description("children")
 };
 DSCardBody.propTypes = bodyProps;
 DSCardBody.displayName = "DSCardBody";
-const DSCardBodyWithSchema = (0, import_ds_utilities.describe)(DSCardBody);
+const DSCardBodyWithSchema = (0, import_ds_props_helpers.describe)(DSCardBody);
 DSCardBodyWithSchema.propTypes = bodyProps;
 var DSCardBody_default = DSCardBody;
 //# 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 '@elliemae/ds-utilities';\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;ADIrB;AAHF,0BAAoC;AAEpC,MAAM,aAAa,CAAC,EAAE,SAAS,MAC7B,4CAAC,SAAI,WAAU,mBAAkB,eAAY,aAC1C,UACH;AAGF,MAAM,YAAY;AAAA,EAEhB,UAAU,8BAAU,QAAQ,YAAY,UAAU;AACpD;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,2BAAuB,8BAAS,UAAU;AAChD,qBAAqB,YAAY;AAGjC,IAAO,qBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\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;ADIrB;AAHF,8BAAoC;AAEpC,MAAM,aAAa,CAAC,EAAE,SAAS,MAC7B,4CAAC,SAAI,WAAU,mBAAkB,eAAY,aAC1C,UACH;AAGF,MAAM,YAAY;AAAA,EAEhB,UAAU,kCAAU,QAAQ,YAAY,UAAU;AACpD;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,2BAAuB,kCAAS,UAAU;AAChD,qBAAqB,YAAY;AAGjC,IAAO,qBAAQ;",
   "names": []
 }

package/dist/cjs/DSCardHeader.js

@@ -31,7 +31,7 @@ __export(DSCardHeader_exports, {
 module.exports = __toCommonJS(DSCardHeader_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_classnames = require("@elliemae/ds-classnames");
 const DSCardHeader = ({ title, action }) => {
   const { cssClassName, classNameElement } = (0, import_ds_classnames.convertPropToCssClassName)("card-header");
@@ -41,12 +41,12 @@ const DSCardHeader = ({ title, action }) => {
   ] });
 };
 const cardHeader = {
-  title: import_ds_utilities.PropTypes.string.description("card header title"),
-  action: import_ds_utilities.PropTypes.node.description("action")
+  title: import_ds_props_helpers.PropTypes.string.description("card header title"),
+  action: import_ds_props_helpers.PropTypes.node.description("action")
 };
 DSCardHeader.propTypes = cardHeader;
 DSCardHeader.displayName = "DSCardHeader";
-const DSCardHeaderWithSchema = (0, import_ds_utilities.describe)(DSCardHeader);
+const DSCardHeaderWithSchema = (0, import_ds_props_helpers.describe)(DSCardHeader);
 DSCardHeaderWithSchema.propTypes = cardHeader;
 var DSCardHeader_default = DSCardHeader;
 //# 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 '@elliemae/ds-utilities';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\n\nconst DSCardHeader = ({ title, action }) => {\n  const { cssClassName, classNameElement } = convertPropToCssClassName('card-header');\n  return (\n    <div className={cssClassName} data-testid=\"card-header\">\n      <span className={classNameElement('heading')}>{title}</span>\n      <div className={classNameElement('pull-right')} data-testid=\"ds-card_header-action\">\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;ADOnB;AANJ,0BAAoC;AACpC,2BAA0C;AAE1C,MAAM,eAAe,CAAC,EAAE,OAAO,OAAO,MAAM;AAC1C,QAAM,EAAE,cAAc,iBAAiB,QAAI,gDAA0B,aAAa;AAClF,SACE,6CAAC,SAAI,WAAW,cAAc,eAAY,eACxC;AAAA,gDAAC,UAAK,WAAW,iBAAiB,SAAS,GAAI,iBAAM;AAAA,IACrD,4CAAC,SAAI,WAAW,iBAAiB,YAAY,GAAG,eAAY,yBACzD,kBACH;AAAA,KACF;AAEJ;AAEA,MAAM,aAAa;AAAA,EAEjB,OAAO,8BAAU,OAAO,YAAY,mBAAmB;AAAA,EAEvD,QAAQ,8BAAU,KAAK,YAAY,QAAQ;AAC7C;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,6BAAyB,8BAAS,YAAY;AACpD,uBAAuB,YAAY;AAGnC,IAAO,uBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\n\nconst DSCardHeader = ({ title, action }) => {\n  const { cssClassName, classNameElement } = convertPropToCssClassName('card-header');\n  return (\n    <div className={cssClassName} data-testid=\"card-header\">\n      <span className={classNameElement('heading')}>{title}</span>\n      <div className={classNameElement('pull-right')} data-testid=\"ds-card_header-action\">\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;ADOnB;AANJ,8BAAoC;AACpC,2BAA0C;AAE1C,MAAM,eAAe,CAAC,EAAE,OAAO,OAAO,MAAM;AAC1C,QAAM,EAAE,cAAc,iBAAiB,QAAI,gDAA0B,aAAa;AAClF,SACE,6CAAC,SAAI,WAAW,cAAc,eAAY,eACxC;AAAA,gDAAC,UAAK,WAAW,iBAAiB,SAAS,GAAI,iBAAM;AAAA,IACrD,4CAAC,SAAI,WAAW,iBAAiB,YAAY,GAAG,eAAY,yBACzD,kBACH;AAAA,KACF;AAEJ;AAEA,MAAM,aAAa;AAAA,EAEjB,OAAO,kCAAU,OAAO,YAAY,mBAAmB;AAAA,EAEvD,QAAQ,kCAAU,KAAK,YAAY,QAAQ;AAC7C;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,6BAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;AAGnC,IAAO,uBAAQ;",
   "names": []
 }

package/dist/cjs/detail/DetailCard.js

@@ -32,7 +32,7 @@ module.exports = __toCommonJS(DetailCard_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_lodash = require("lodash");
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_button = __toESM(require("@elliemae/ds-button"));
@@ -112,25 +112,25 @@ const DetailCard = ({
   ] }) });
 };
 const detailProps = {
-  title: import_ds_utilities.PropTypes.string.isRequired.description("Title of the card."),
-  description: import_ds_utilities.PropTypes.string.description("Description of the card."),
-  descriptionColor: import_ds_utilities.PropTypes.oneOf(["primary", "neutral"]).description("Description color."),
-  rightValue: import_ds_utilities.PropTypes.string.description("Right value (should be used with `rightDescription`)"),
-  rightDescription: import_ds_utilities.PropTypes.string.description("Right description (should be used with `rightValue`)"),
-  rightAddon: import_ds_utilities.PropTypes.element.description("Right addon array, max elements: 2"),
-  selectable: import_ds_utilities.PropTypes.bool.description("Whether if the card is selectable or not"),
-  isSelected: import_ds_utilities.PropTypes.bool.description("Whether if the card is selected or not"),
-  onSelect: import_ds_utilities.PropTypes.func.description("Callback on selection"),
-  expandable: import_ds_utilities.PropTypes.bool.description("Whether if the card is expandable or not"),
-  isExpanded: import_ds_utilities.PropTypes.bool.description("Whether if the card is expanded or not"),
-  onExpand: import_ds_utilities.PropTypes.func.description("Callback on expand"),
-  expandContent: import_ds_utilities.PropTypes.element.description("Content"),
-  readOnly: import_ds_utilities.PropTypes.bool.description("Read only"),
-  disabled: import_ds_utilities.PropTypes.bool.description("Disabled")
+  title: import_ds_props_helpers.PropTypes.string.isRequired.description("Title of the card."),
+  description: import_ds_props_helpers.PropTypes.string.description("Description of the card."),
+  descriptionColor: import_ds_props_helpers.PropTypes.oneOf(["primary", "neutral"]).description("Description color."),
+  rightValue: import_ds_props_helpers.PropTypes.string.description("Right value (should be used with `rightDescription`)"),
+  rightDescription: import_ds_props_helpers.PropTypes.string.description("Right description (should be used with `rightValue`)"),
+  rightAddon: import_ds_props_helpers.PropTypes.element.description("Right addon array, max elements: 2"),
+  selectable: import_ds_props_helpers.PropTypes.bool.description("Whether if the card is selectable or not"),
+  isSelected: import_ds_props_helpers.PropTypes.bool.description("Whether if the card is selected or not"),
+  onSelect: import_ds_props_helpers.PropTypes.func.description("Callback on selection"),
+  expandable: import_ds_props_helpers.PropTypes.bool.description("Whether if the card is expandable or not"),
+  isExpanded: import_ds_props_helpers.PropTypes.bool.description("Whether if the card is expanded or not"),
+  onExpand: import_ds_props_helpers.PropTypes.func.description("Callback on expand"),
+  expandContent: import_ds_props_helpers.PropTypes.element.description("Content"),
+  readOnly: import_ds_props_helpers.PropTypes.bool.description("Read only"),
+  disabled: import_ds_props_helpers.PropTypes.bool.description("Disabled")
 };
 DetailCard.propTypes = detailProps;
 DetailCard.displayName = "DetailCard";
-const DSCardDetailWithSchema = (0, import_ds_utilities.describe)(DetailCard);
+const DSCardDetailWithSchema = (0, import_ds_props_helpers.describe)(DetailCard);
 DSCardDetailWithSchema.propTypes = detailProps;
 var DetailCard_default = DetailCard;
 //# 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 '@elliemae/ds-utilities';\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' : undefined}>\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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",
+  "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 '@elliemae/ds-props-helpers';\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' : undefined}>\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": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0CnB;AAtCJ,oBAA8B;AAC9B,8BAAoC;AACpC,sBAA8C;AAC9C,uBAAyB;AACzB,uBAAqB;AACrB,0BAAwB;AACxB,qBAAqB;AACrB,qBAA2B;AAC3B,oBAAwF;AAExF,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EAEA,aAAa;AAAA,EACb,aAAa;AAAA,EACb,WAAW;AAAA,EAEX,aAAa;AAAA,EACb,aAAa;AAAA,EACb,WAAW;AAAA,EACX;AAAA,EAEA,WAAW;AAAA,EACX,WAAW;AACb,MAAM;AACJ,QAAM,YAAQ,2BAAS;AACvB,QAAM,iBAAiB,cAAc;AACrC,QAAM,mBAAmB,kBAAkB;AAC3C,QAAM,iBAAiB,CAAC,KAAK;AAC7B,MAAI;AAAkB,mBAAe,KAAK,MAAM;AAChD,MAAI;AAAY,mBAAe,QAAQ,MAAM;AAC7C,MAAI;AAAY,mBAAe,QAAQ,MAAM,MAAM,CAAC;AACpD,SACE,2EACE,uDAAC,2BAAU,UAAU,YAAY,UAAU,QAAQ,cAAc,YAAY,eAAY,yBACvF;AAAA,iDAAC,uBAAK,MAAM,gBAAgB,YAAY,CAAC,cAAc,WAAW,QAC/D;AAAA,oBACC,4CAAC,uBAAK,IAAI,eAAe,OACvB;AAAA,QAAC;AAAA;AAAA,UACC,SAAS;AAAA,UACT,UAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA,eAAY;AAAA;AAAA,MACd,GACF;AAAA,MAED,cACC,4CAAC,uBAAK,QAAO,QAAO,IAAI,eAAe,OAAO,IAAI,CAAC,eAAe,QAChE;AAAA,QAAC,iBAAAA;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,YAAW;AAAA,UACX,gBAAgB;AAAA,YACd,eAAe;AAAA,UACjB;AAAA,UACA,SAAS;AAAA,UACT,MACE,aACE,4CAAC,iCAAc,OAAO,CAAC,WAAW,KAAK,GAAG,MAAK,KAAI,IAEnD,4CAAC,kCAAe,OAAO,CAAC,WAAW,KAAK,GAAG,MAAK,KAAI;AAAA,UAGxD;AAAA;AAAA,MACF,GACF;AAAA,MAEF,6CAAC,uBAAK,IAAG,QACP;AAAA,oDAAC,uBAAO,iBAAM;AAAA,QACb,eAAe,4CAAC,6BAAY,kBAAqC,uBAAY;AAAA,SAChF;AAAA,MACC,oBACC,6CAAC,uBAAK,UAAM,uBAAQ,CAAC,oBAAoB,QAAQ,cAAc,MAAM,CAAC,GACnE;AAAA,0BACC,6CAAC,uBAAK,IAAG,QAAO,MAAM,CAAC,QAAQ,QAAQ,CAAC,GACtC;AAAA,sDAAC,kCAAiB,gBAAe,YAAY,4BAAiB;AAAA,UAC9D,4CAAC,4BAAW,gBAAe,YAAY,sBAAW;AAAA,UAClD,4CAAC,uBAAK;AAAA,WACR;AAAA,QAED,cACC,4CAAC,4BAAW,MAAM,CAAC,QAAQ,MAAM,GAAG,QAAO,OACxC,sBACH;AAAA,SAEJ;AAAA,OAEJ;AAAA,IACC,iBAAiB,cAChB,6CAAC,uBAAK,IAAI,cAAc,KAAK,IAAI,cAAc,MAC7C;AAAA,kDAAC,oBAAAC,SAAA,EAAY,QAAM,MAAC,UAAS,WAAU,QAAO,QAAO;AAAA,MACrD,4CAAC,uBAAK,IAAG,OAAM,eAAY,gCACxB,yBACH;AAAA,OACF;AAAA,KAEJ,GACF;AAEJ;AAEA,MAAM,cAAc;AAAA,EAIlB,OAAO,kCAAU,OAAO,WAAW,YAAY,oBAAoB;AAAA,EAInE,aAAa,kCAAU,OAAO,YAAY,0BAA0B;AAAA,EAIpE,kBAAkB,kCAAU,MAAM,CAAC,WAAW,SAAS,CAAC,EAAE,YAAY,oBAAoB;AAAA,EAI1F,YAAY,kCAAU,OAAO,YAAY,sDAAsD;AAAA,EAI/F,kBAAkB,kCAAU,OAAO,YAAY,sDAAsD;AAAA,EAIrG,YAAY,kCAAU,QAAQ,YAAY,oCAAoC;AAAA,EAI9E,YAAY,kCAAU,KAAK,YAAY,0CAA0C;AAAA,EAIjF,YAAY,kCAAU,KAAK,YAAY,wCAAwC;AAAA,EAI/E,UAAU,kCAAU,KAAK,YAAY,uBAAuB;AAAA,EAI5D,YAAY,kCAAU,KAAK,YAAY,0CAA0C;AAAA,EAIjF,YAAY,kCAAU,KAAK,YAAY,wCAAwC;AAAA,EAI/E,UAAU,kCAAU,KAAK,YAAY,oBAAoB;AAAA,EAIzD,eAAe,kCAAU,QAAQ,YAAY,SAAS;AAAA,EAItD,UAAU,kCAAU,KAAK,YAAY,WAAW;AAAA,EAIhD,UAAU,kCAAU,KAAK,YAAY,UAAU;AACjD;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,6BAAyB,kCAAS,UAAU;AAClD,uBAAuB,YAAY;AAGnC,IAAO,qBAAQ;",
   "names": ["DSButton", "DSSeparator"]
 }

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/cjs/v2/ActionAddon.js

@@ -31,7 +31,7 @@ __export(ActionAddon_exports, {
 module.exports = __toCommonJS(ActionAddon_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_button = require("@elliemae/ds-button");
@@ -50,14 +50,14 @@ const ActionAddon = ({ innerRef, label, onClick, icon }) => /* @__PURE__ */ (0,
   icon || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallDown, { color: ["brand-primary", 700] })
 ] });
 const actionProps = {
-  label: import_ds_utilities.PropTypes.string.description("Addon label"),
-  onClick: import_ds_utilities.PropTypes.func.description("On click callback"),
-  icon: import_ds_utilities.PropTypes.element.description("Icon to display after the label"),
-  innerRef: import_ds_utilities.PropTypes.func.description("Ref to the action button")
+  label: import_ds_props_helpers.PropTypes.string.description("Addon label"),
+  onClick: import_ds_props_helpers.PropTypes.func.description("On click callback"),
+  icon: import_ds_props_helpers.PropTypes.element.description("Icon to display after the label"),
+  innerRef: import_ds_props_helpers.PropTypes.func.description("Ref to the action button")
 };
 ActionAddon.propTypes = actionProps;
 ActionAddon.displayName = "ActionAddon";
-const DSCardActionAddonWithSchema = (0, import_ds_utilities.describe)(ActionAddon);
+const DSCardActionAddonWithSchema = (0, import_ds_props_helpers.describe)(ActionAddon);
 DSCardActionAddonWithSchema.propTypes = actionProps;
 var ActionAddon_default = ActionAddon;
 //# 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 '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport { DSButtonV2 } from '@elliemae/ds-button';\n\nconst Addon = styled(DSButtonV2)`\n  background-color: transparent;\n  padding: 4px;\n  height: 100%;\n  border: none;\n  font-size: 13px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.brand['700']};\n  cursor: pointer;\n`;\n\nconst ActionAddon = ({ innerRef, label, onClick, icon }) => (\n  <Addon innerRef={innerRef} onClick={onClick} buttonType=\"icon\">\n    {label}\n    {icon || <ChevronSmallDown color={['brand-primary', 700]} />}\n  </Addon>\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  innerRef: PropTypes.func.description('Ref to the action button'),\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;ADkBrB;AAjBF,0BAAoC;AACpC,uBAAuB;AACvB,sBAAiC;AACjC,uBAA2B;AAE3B,MAAM,YAAQ,yBAAO,2BAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMd,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAI/C,MAAM,cAAc,CAAC,EAAE,UAAU,OAAO,SAAS,KAAK,MACpD,6CAAC,SAAM,UAAoB,SAAkB,YAAW,QACrD;AAAA;AAAA,EACA,QAAQ,4CAAC,oCAAiB,OAAO,CAAC,iBAAiB,GAAG,GAAG;AAAA,GAC5D;AAGF,MAAM,cAAc;AAAA,EAIlB,OAAO,8BAAU,OAAO,YAAY,aAAa;AAAA,EAIjD,SAAS,8BAAU,KAAK,YAAY,mBAAmB;AAAA,EAIvD,MAAM,8BAAU,QAAQ,YAAY,iCAAiC;AAAA,EACrE,UAAU,8BAAU,KAAK,YAAY,0BAA0B;AACjE;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,kCAA8B,8BAAS,WAAW;AACxD,4BAA4B,YAAY;AAGxC,IAAO,sBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport { DSButtonV2 } from '@elliemae/ds-button';\n\nconst Addon = styled(DSButtonV2)`\n  background-color: transparent;\n  padding: 4px;\n  height: 100%;\n  border: none;\n  font-size: 13px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.brand['700']};\n  cursor: pointer;\n`;\n\nconst ActionAddon = ({ innerRef, label, onClick, icon }) => (\n  <Addon innerRef={innerRef} onClick={onClick} buttonType=\"icon\">\n    {label}\n    {icon || <ChevronSmallDown color={['brand-primary', 700]} />}\n  </Addon>\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  innerRef: PropTypes.func.description('Ref to the action button'),\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;ADkBrB;AAjBF,8BAAoC;AACpC,uBAAuB;AACvB,sBAAiC;AACjC,uBAA2B;AAE3B,MAAM,YAAQ,yBAAO,2BAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMd,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAI/C,MAAM,cAAc,CAAC,EAAE,UAAU,OAAO,SAAS,KAAK,MACpD,6CAAC,SAAM,UAAoB,SAAkB,YAAW,QACrD;AAAA;AAAA,EACA,QAAQ,4CAAC,oCAAiB,OAAO,CAAC,iBAAiB,GAAG,GAAG;AAAA,GAC5D;AAGF,MAAM,cAAc;AAAA,EAIlB,OAAO,kCAAU,OAAO,YAAY,aAAa;AAAA,EAIjD,SAAS,kCAAU,KAAK,YAAY,mBAAmB;AAAA,EAIvD,MAAM,kCAAU,QAAQ,YAAY,iCAAiC;AAAA,EACrE,UAAU,kCAAU,KAAK,YAAY,0BAA0B;AACjE;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,kCAA8B,kCAAS,WAAW;AACxD,4BAA4B,YAAY;AAGxC,IAAO,sBAAQ;",
   "names": []
 }

package/dist/cjs/v2/Card.js

@@ -31,7 +31,7 @@ __export(Card_exports, {
 module.exports = __toCommonJS(Card_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_header = require("@elliemae/ds-header");
 var import_ds_truncated_tooltip_text = __toESM(require("@elliemae/ds-truncated-tooltip-text"));
 var import_components = require("./components");
@@ -80,15 +80,15 @@ const CustomCard = ({
   ] })
 ] }) });
 const cardProps = {
-  title: import_ds_utilities.PropTypes.string.isRequired.description("Title of the card. requiered"),
-  description: import_ds_utilities.PropTypes.string.description("Description of the card. not requiered"),
-  leftAddon: import_ds_utilities.PropTypes.element.description("Left Addon"),
-  rightAddon: import_ds_utilities.PropTypes.array.description("Right addon array, max elements: 2"),
-  hasBorder: import_ds_utilities.PropTypes.bool.description("Wheter if the card has border or not")
+  title: import_ds_props_helpers.PropTypes.string.isRequired.description("Title of the card. requiered"),
+  description: import_ds_props_helpers.PropTypes.string.description("Description of the card. not requiered"),
+  leftAddon: import_ds_props_helpers.PropTypes.element.description("Left Addon"),
+  rightAddon: import_ds_props_helpers.PropTypes.array.description("Right addon array, max elements: 2"),
+  hasBorder: import_ds_props_helpers.PropTypes.bool.description("Wheter if the card has border or not")
 };
 CustomCard.propTypes = cardProps;
 CustomCard.displayName = "CustomCard";
-const DSCardCustomWithSchema = (0, import_ds_utilities.describe)(CustomCard);
+const DSCardCustomWithSchema = (0, import_ds_props_helpers.describe)(CustomCard);
 DSCardCustomWithSchema.propTypes = cardProps;
 var Card_default = CustomCard;
 //# 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 '@elliemae/ds-utilities';\nimport { DSHeader } from '@elliemae/ds-header';\nimport DSTruncatedTooltipText, { TooltipTextProvider } 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 hasBorder={hasBorder} cols={getCol(rightAddon)} data-testid=\"em-ds-card\">\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('Title of the card. requiered'),\n  /**\n   * Description of the card. not requiered\n   */\n  description: PropTypes.string.description('Description of the card. not requiered'),\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;AD8BD;AA7BtB,0BAAoC;AACpC,uBAAyB;AACzB,uCAA4D;AAC5D,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;AACd,MACE,4CAAC,wDACC,uDAAC,mCAAc,WAAsB,MAAM,OAAO,UAAU,GAAG,eAAY,cACzE;AAAA,+CAAC,iCACE;AAAA,iBAAa,4CAAC,+BAAW,qBAAU;AAAA,IACpC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU,YAAY,sBAAsB;AAAA,QAC9C;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,UAAS;AAAA,cACT,eAAY;AAAA,cACZ,YAAW;AAAA,cACX,OAAM;AAAA,cACN,MAAM,4CAAC,iCAAAA,SAAA,EAAuB,OAAO,OAAO;AAAA;AAAA,UAC9C;AAAA,UACC,eACC,4CAAC,iCACC,sDAAC,iCAAAA,SAAA,EAAuB,OAAO,aAAa,GAC9C;AAAA;AAAA;AAAA,IAEJ;AAAA,KACF;AAAA,EACC,cACC,6CAAC,uCACE;AAAA,eAAW,MAAM,4CAAC,gCAAY,qBAAW,IAAG;AAAA,IAC5C,WAAW,MACV,4EACG;AAAA,iBAAW,SAAS,KAAK,4CAAC,+BAAU;AAAA,MACrC,4CAAC,gCAAY,qBAAW,IAAG;AAAA,OAC7B;AAAA,KAEJ;AAAA,GAEJ,GACF;AAGF,MAAM,YAAY;AAAA,EAIhB,OAAO,8BAAU,OAAO,WAAW,YAAY,8BAA8B;AAAA,EAI7E,aAAa,8BAAU,OAAO,YAAY,wCAAwC;AAAA,EAIlF,WAAW,8BAAU,QAAQ,YAAY,YAAY;AAAA,EAIrD,YAAY,8BAAU,MAAM,YAAY,oCAAoC;AAAA,EAI5E,WAAW,8BAAU,KAAK,YAAY,sCAAsC;AAC9E;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,6BAAyB,8BAAS,UAAU;AAClD,uBAAuB,YAAY;AAGnC,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { DSHeader } from '@elliemae/ds-header';\nimport DSTruncatedTooltipText, { TooltipTextProvider } 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 hasBorder={hasBorder} cols={getCol(rightAddon)} data-testid=\"em-ds-card\">\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('Title of the card. requiered'),\n  /**\n   * Description of the card. not requiered\n   */\n  description: PropTypes.string.description('Description of the card. not requiered'),\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;AD8BD;AA7BtB,8BAAoC;AACpC,uBAAyB;AACzB,uCAA4D;AAC5D,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;AACd,MACE,4CAAC,wDACC,uDAAC,mCAAc,WAAsB,MAAM,OAAO,UAAU,GAAG,eAAY,cACzE;AAAA,+CAAC,iCACE;AAAA,iBAAa,4CAAC,+BAAW,qBAAU;AAAA,IACpC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU,YAAY,sBAAsB;AAAA,QAC9C;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,UAAS;AAAA,cACT,eAAY;AAAA,cACZ,YAAW;AAAA,cACX,OAAM;AAAA,cACN,MAAM,4CAAC,iCAAAA,SAAA,EAAuB,OAAO,OAAO;AAAA;AAAA,UAC9C;AAAA,UACC,eACC,4CAAC,iCACC,sDAAC,iCAAAA,SAAA,EAAuB,OAAO,aAAa,GAC9C;AAAA;AAAA;AAAA,IAEJ;AAAA,KACF;AAAA,EACC,cACC,6CAAC,uCACE;AAAA,eAAW,MAAM,4CAAC,gCAAY,qBAAW,IAAG;AAAA,IAC5C,WAAW,MACV,4EACG;AAAA,iBAAW,SAAS,KAAK,4CAAC,+BAAU;AAAA,MACrC,4CAAC,gCAAY,qBAAW,IAAG;AAAA,OAC7B;AAAA,KAEJ;AAAA,GAEJ,GACF;AAGF,MAAM,YAAY;AAAA,EAIhB,OAAO,kCAAU,OAAO,WAAW,YAAY,8BAA8B;AAAA,EAI7E,aAAa,kCAAU,OAAO,YAAY,wCAAwC;AAAA,EAIlF,WAAW,kCAAU,QAAQ,YAAY,YAAY;AAAA,EAIrD,YAAY,kCAAU,MAAM,YAAY,oCAAoC;AAAA,EAI5E,WAAW,kCAAU,KAAK,YAAY,sCAAsC;AAC9E;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,6BAAyB,kCAAS,UAAU;AAClD,uBAAuB,YAAY;AAGnC,IAAO,eAAQ;",
   "names": ["DSTruncatedTooltipText"]
 }

package/dist/cjs/v2/Group.js

@@ -31,7 +31,7 @@ __export(Group_exports, {
 module.exports = __toCommonJS(Group_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_system = require("@elliemae/ds-system");
 var import_Card = __toESM(require("./Card"));
 const Group = import_ds_system.styled.div`
@@ -70,13 +70,13 @@ const CardGroup = ({ children, title, action }) => /* @__PURE__ */ (0, import_js
   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Items, { children })
 ] });
 const cardgroupProps = {
-  children: import_ds_utilities.PropTypes.element.isRequired.description("Card items"),
-  title: import_ds_utilities.PropTypes.string.isRequired.description("Title of the group"),
-  action: import_ds_utilities.PropTypes.element.description("Right addon action")
+  children: import_ds_props_helpers.PropTypes.element.isRequired.description("Card items"),
+  title: import_ds_props_helpers.PropTypes.string.isRequired.description("Title of the group"),
+  action: import_ds_props_helpers.PropTypes.element.description("Right addon action")
 };
 CardGroup.propTypes = cardgroupProps;
 CardGroup.displayName = "CardGroup";
-const DSCardGroupWithSchema = (0, import_ds_utilities.describe)(CardGroup);
+const DSCardGroupWithSchema = (0, import_ds_props_helpers.describe)(CardGroup);
 DSCardGroupWithSchema.propTypes = cardgroupProps;
 var Group_default = CardGroup;
 //# 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 '@elliemae/ds-utilities';\nimport { color, border, truncate, styled } 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 }) => (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;ADwCjB;AAvCN,0BAAoC;AACpC,uBAAgD;AAChD,kBAAiB;AAEjB,MAAM,QAAQ,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjB,YAAAA;AAAA;AAAA;AAAA,IAGA,CAAC,EAAE,OAAO,cAAc,MAAO,gBAAgB,eAAe,MAAM,OAAO,QAAQ,WAAW;AAAA;AAGlG,MAAM,aAAa,wBAAO;AAAA,QACtB,2BAAS;AAAA;AAGb,MAAM,eAAe,wBAAO;AAAA;AAAA;AAAA,eAGb,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA,QAExC,wBAAM,WAAW,KAAK;AAAA,iBACT,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,sBAC9B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBAC5C,CAAC,cAAU,yBAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAAA;AAInE,MAAM,QAAQ,wBAAO;AAAA;AAAA;AAAA;AAKrB,MAAM,YAAY,CAAC,EAAE,UAAU,OAAO,OAAO,MAC3C,6CAAC,SAAM,eAAe,CAAC,OACpB;AAAA,GAAC,CAAC,SACD,6CAAC,gBACC;AAAA,gDAAC,cAAY,iBAAM;AAAA,IAClB;AAAA,KACH;AAAA,EAEF,4CAAC,SAAO,UAAS;AAAA,GACnB;AAGF,MAAM,iBAAiB;AAAA,EAIrB,UAAU,8BAAU,QAAQ,WAAW,YAAY,YAAY;AAAA,EAI/D,OAAO,8BAAU,OAAO,WAAW,YAAY,oBAAoB;AAAA,EAInE,QAAQ,8BAAU,QAAQ,YAAY,oBAAoB;AAC5D;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,4BAAwB,8BAAS,SAAS;AAChD,sBAAsB,YAAY;AAGlC,IAAO,gBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { color, border, truncate, styled } 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 }) => (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;ADwCjB;AAvCN,8BAAoC;AACpC,uBAAgD;AAChD,kBAAiB;AAEjB,MAAM,QAAQ,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjB,YAAAA;AAAA;AAAA;AAAA,IAGA,CAAC,EAAE,OAAO,cAAc,MAAO,gBAAgB,eAAe,MAAM,OAAO,QAAQ,WAAW;AAAA;AAGlG,MAAM,aAAa,wBAAO;AAAA,QACtB,2BAAS;AAAA;AAGb,MAAM,eAAe,wBAAO;AAAA;AAAA;AAAA,eAGb,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA,QAExC,wBAAM,WAAW,KAAK;AAAA,iBACT,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,sBAC9B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBAC5C,CAAC,cAAU,yBAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAAA;AAInE,MAAM,QAAQ,wBAAO;AAAA;AAAA;AAAA;AAKrB,MAAM,YAAY,CAAC,EAAE,UAAU,OAAO,OAAO,MAC3C,6CAAC,SAAM,eAAe,CAAC,OACpB;AAAA,GAAC,CAAC,SACD,6CAAC,gBACC;AAAA,gDAAC,cAAY,iBAAM;AAAA,IAClB;AAAA,KACH;AAAA,EAEF,4CAAC,SAAO,UAAS;AAAA,GACnB;AAGF,MAAM,iBAAiB;AAAA,EAIrB,UAAU,kCAAU,QAAQ,WAAW,YAAY,YAAY;AAAA,EAI/D,OAAO,kCAAU,OAAO,WAAW,YAAY,oBAAoB;AAAA,EAInE,QAAQ,kCAAU,QAAQ,YAAY,oBAAoB;AAC5D;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,4BAAwB,kCAAS,SAAS;AAChD,sBAAsB,YAAY;AAGlC,IAAO,gBAAQ;",
   "names": ["Card"]
 }

package/dist/esm/DSCard.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { PropTypes, describe } from "@elliemae/ds-utilities";
+import { PropTypes, describe } from "@elliemae/ds-props-helpers";
 import { convertPropToCssClassName } from "@elliemae/ds-classnames";
 import DSCardBody from "./DSCardBody";
 import DSCardHeader from "./DSCardHeader";

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 '@elliemae/ds-utilities';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSCardBody from './DSCardBody';\nimport DSCardHeader from './DSCardHeader';\n\nconst DSCard = ({ innerRef = undefined, children = null, containerProps = {}, ...otherProps }) => {\n  const { cssClassName } = convertPropToCssClassName('card');\n\n  return (\n    <div data-testid=\"card\" {...containerProps} ref={innerRef} className={cssClassName} {...otherProps}>\n      {children}\n    </div>\n  );\n};\n\nconst cardProps = {\n  /** inject props to component wrapper */\n  containerProps: PropTypes.object.description('inject props to component wrapper'),\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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSCardBody from './DSCardBody';\nimport DSCardHeader from './DSCardHeader';\n\nconst DSCard = ({ innerRef = undefined, children = null, containerProps = {}, ...otherProps }) => {\n  const { cssClassName } = convertPropToCssClassName('card');\n\n  return (\n    <div data-testid=\"card\" {...containerProps} ref={innerRef} className={cssClassName} {...otherProps}>\n      {children}\n    </div>\n  );\n};\n\nconst cardProps = {\n  /** inject props to component wrapper */\n  containerProps: PropTypes.object.description('inject props to component wrapper'),\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,YAAY,WAAW;ACUnB;AATJ,SAAS,WAAW,gBAAgB;AACpC,SAAS,iCAAiC;AAC1C,OAAO,gBAAgB;AACvB,OAAO,kBAAkB;AAEzB,MAAM,SAAS,CAAC,EAAE,WAAW,QAAW,WAAW,MAAM,iBAAiB,CAAC,MAAM,WAAW,MAAM;AAChG,QAAM,EAAE,aAAa,IAAI,0BAA0B,MAAM;AAEzD,SACE,oBAAC,SAAI,eAAY,QAAQ,GAAG,gBAAgB,KAAK,UAAU,WAAW,cAAe,GAAG,YACrF,UACH;AAEJ;AAEA,MAAM,YAAY;AAAA,EAEhB,gBAAgB,UAAU,OAAO,YAAY,mCAAmC;AAAA,EAIhF,UAAU,UAAU,OAAO,YAAY,8BAA8B;AAAA,EAIrE,UAAU,UAAU;AAAA,IAClB,UAAU,MAAM;AAAA,MACd,MAAM,UAAU,MAAM,CAAC,cAAc,UAAU,CAAC;AAAA,IAClD,CAAC;AAAA,EACH,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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { PropTypes, describe } from "@elliemae/ds-utilities";
+import { PropTypes, describe } from "@elliemae/ds-props-helpers";
 const DSCardBody = ({ children }) => /* @__PURE__ */ jsx("div", { className: "em-ds-card-body", "data-testid": "card-body", children });
 const bodyProps = {
   children: PropTypes.element.description("children")

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 '@elliemae/ds-utilities';\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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\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,YAAY,WAAW;ACIrB;AAHF,SAAS,WAAW,gBAAgB;AAEpC,MAAM,aAAa,CAAC,EAAE,SAAS,MAC7B,oBAAC,SAAI,WAAU,mBAAkB,eAAY,aAC1C,UACH;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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { PropTypes, describe } from "@elliemae/ds-utilities";
+import { PropTypes, describe } from "@elliemae/ds-props-helpers";
 import { convertPropToCssClassName } from "@elliemae/ds-classnames";
 const DSCardHeader = ({ title, action }) => {
   const { cssClassName, classNameElement } = convertPropToCssClassName("card-header");

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 '@elliemae/ds-utilities';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\n\nconst DSCardHeader = ({ title, action }) => {\n  const { cssClassName, classNameElement } = convertPropToCssClassName('card-header');\n  return (\n    <div className={cssClassName} data-testid=\"card-header\">\n      <span className={classNameElement('heading')}>{title}</span>\n      <div className={classNameElement('pull-right')} data-testid=\"ds-card_header-action\">\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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\n\nconst DSCardHeader = ({ title, action }) => {\n  const { cssClassName, classNameElement } = convertPropToCssClassName('card-header');\n  return (\n    <div className={cssClassName} data-testid=\"card-header\">\n      <span className={classNameElement('heading')}>{title}</span>\n      <div className={classNameElement('pull-right')} data-testid=\"ds-card_header-action\">\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,YAAY,WAAW;ACOnB,SACE,KADF;AANJ,SAAS,WAAW,gBAAgB;AACpC,SAAS,iCAAiC;AAE1C,MAAM,eAAe,CAAC,EAAE,OAAO,OAAO,MAAM;AAC1C,QAAM,EAAE,cAAc,iBAAiB,IAAI,0BAA0B,aAAa;AAClF,SACE,qBAAC,SAAI,WAAW,cAAc,eAAY,eACxC;AAAA,wBAAC,UAAK,WAAW,iBAAiB,SAAS,GAAI,iBAAM;AAAA,IACrD,oBAAC,SAAI,WAAW,iBAAiB,YAAY,GAAG,eAAY,yBACzD,kBACH;AAAA,KACF;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

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { compact, noop } from "lodash";
-import { PropTypes, describe } from "@elliemae/ds-utilities";
+import { PropTypes, describe } from "@elliemae/ds-props-helpers";
 import { ArrowheadDown, ArrowheadRight } from "@elliemae/ds-icons";
 import { useTheme } from "@elliemae/ds-system";
 import DSButton from "@elliemae/ds-button";

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 '@elliemae/ds-utilities';\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' : undefined}>\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"],
+  "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 '@elliemae/ds-props-helpers';\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' : undefined}>\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/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/v2/ActionAddon.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { PropTypes, describe } from "@elliemae/ds-utilities";
+import { PropTypes, describe } from "@elliemae/ds-props-helpers";
 import { styled } from "@elliemae/ds-system";
 import { ChevronSmallDown } from "@elliemae/ds-icons";
 import { DSButtonV2 } from "@elliemae/ds-button";

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 '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport { DSButtonV2 } from '@elliemae/ds-button';\n\nconst Addon = styled(DSButtonV2)`\n  background-color: transparent;\n  padding: 4px;\n  height: 100%;\n  border: none;\n  font-size: 13px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.brand['700']};\n  cursor: pointer;\n`;\n\nconst ActionAddon = ({ innerRef, label, onClick, icon }) => (\n  <Addon innerRef={innerRef} onClick={onClick} buttonType=\"icon\">\n    {label}\n    {icon || <ChevronSmallDown color={['brand-primary', 700]} />}\n  </Addon>\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  innerRef: PropTypes.func.description('Ref to the action button'),\n};\n\nActionAddon.propTypes = actionProps;\nActionAddon.displayName = 'ActionAddon';\nconst DSCardActionAddonWithSchema = describe(ActionAddon);\nDSCardActionAddonWithSchema.propTypes = actionProps;\n\nexport { ActionAddon, DSCardActionAddonWithSchema };\nexport default ActionAddon;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport { DSButtonV2 } from '@elliemae/ds-button';\n\nconst Addon = styled(DSButtonV2)`\n  background-color: transparent;\n  padding: 4px;\n  height: 100%;\n  border: none;\n  font-size: 13px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.brand['700']};\n  cursor: pointer;\n`;\n\nconst ActionAddon = ({ innerRef, label, onClick, icon }) => (\n  <Addon innerRef={innerRef} onClick={onClick} buttonType=\"icon\">\n    {label}\n    {icon || <ChevronSmallDown color={['brand-primary', 700]} />}\n  </Addon>\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  innerRef: PropTypes.func.description('Ref to the action button'),\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,YAAY,WAAW;ACkBrB,SAEW,KAFX;AAjBF,SAAS,WAAW,gBAAgB;AACpC,SAAS,cAAc;AACvB,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAE3B,MAAM,QAAQ,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMd,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAI/C,MAAM,cAAc,CAAC,EAAE,UAAU,OAAO,SAAS,KAAK,MACpD,qBAAC,SAAM,UAAoB,SAAkB,YAAW,QACrD;AAAA;AAAA,EACA,QAAQ,oBAAC,oBAAiB,OAAO,CAAC,iBAAiB,GAAG,GAAG;AAAA,GAC5D;AAGF,MAAM,cAAc;AAAA,EAIlB,OAAO,UAAU,OAAO,YAAY,aAAa;AAAA,EAIjD,SAAS,UAAU,KAAK,YAAY,mBAAmB;AAAA,EAIvD,MAAM,UAAU,QAAQ,YAAY,iCAAiC;AAAA,EACrE,UAAU,UAAU,KAAK,YAAY,0BAA0B;AACjE;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,8BAA8B,SAAS,WAAW;AACxD,4BAA4B,YAAY;AAGxC,IAAO,sBAAQ;",
   "names": []
 }

package/dist/esm/v2/Card.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { PropTypes, describe } from "@elliemae/ds-utilities";
+import { PropTypes, describe } from "@elliemae/ds-props-helpers";
 import { DSHeader } from "@elliemae/ds-header";
 import DSTruncatedTooltipText, { TooltipTextProvider } from "@elliemae/ds-truncated-tooltip-text";
 import {

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 '@elliemae/ds-utilities';\nimport { DSHeader } from '@elliemae/ds-header';\nimport DSTruncatedTooltipText, { TooltipTextProvider } 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 hasBorder={hasBorder} cols={getCol(rightAddon)} data-testid=\"em-ds-card\">\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('Title of the card. requiered'),\n  /**\n   * Description of the card. not requiered\n   */\n  description: PropTypes.string.description('Description of the card. not requiered'),\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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { DSHeader } from '@elliemae/ds-header';\nimport DSTruncatedTooltipText, { TooltipTextProvider } 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 hasBorder={hasBorder} cols={getCol(rightAddon)} data-testid=\"em-ds-card\">\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('Title of the card. requiered'),\n  /**\n   * Description of the card. not requiered\n   */\n  description: PropTypes.string.description('Description of the card. not requiered'),\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,YAAY,WAAW;AC8BD,SAwBV,UAxBU,KACd,YADc;AA7BtB,SAAS,WAAW,gBAAgB;AACpC,SAAS,gBAAgB;AACzB,OAAO,0BAA0B,2BAA2B;AAC5D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;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;AACd,MACE,oBAAC,uBACC,+BAAC,iBAAc,WAAsB,MAAM,OAAO,UAAU,GAAG,eAAY,cACzE;AAAA,uBAAC,eACE;AAAA,iBAAa,oBAAC,aAAW,qBAAU;AAAA,IACpC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU,YAAY,sBAAsB;AAAA,QAC9C;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,UAAS;AAAA,cACT,eAAY;AAAA,cACZ,YAAW;AAAA,cACX,OAAM;AAAA,cACN,MAAM,oBAAC,0BAAuB,OAAO,OAAO;AAAA;AAAA,UAC9C;AAAA,UACC,eACC,oBAAC,eACC,8BAAC,0BAAuB,OAAO,aAAa,GAC9C;AAAA;AAAA;AAAA,IAEJ;AAAA,KACF;AAAA,EACC,cACC,qBAAC,qBACE;AAAA,eAAW,MAAM,oBAAC,cAAY,qBAAW,IAAG;AAAA,IAC5C,WAAW,MACV,iCACG;AAAA,iBAAW,SAAS,KAAK,oBAAC,aAAU;AAAA,MACrC,oBAAC,cAAY,qBAAW,IAAG;AAAA,OAC7B;AAAA,KAEJ;AAAA,GAEJ,GACF;AAGF,MAAM,YAAY;AAAA,EAIhB,OAAO,UAAU,OAAO,WAAW,YAAY,8BAA8B;AAAA,EAI7E,aAAa,UAAU,OAAO,YAAY,wCAAwC;AAAA,EAIlF,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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { PropTypes, describe } from "@elliemae/ds-utilities";
+import { PropTypes, describe } from "@elliemae/ds-props-helpers";
 import { color, border, truncate, styled } from "@elliemae/ds-system";
 import Card from "./Card";
 const Group = styled.div`

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 '@elliemae/ds-utilities';\nimport { color, border, truncate, styled } 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 }) => (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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { color, border, truncate, styled } 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 }) => (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,YAAY,WAAW;ACwCjB,SACE,KADF;AAvCN,SAAS,WAAW,gBAAgB;AACpC,SAAS,OAAO,QAAQ,UAAU,cAAc;AAChD,OAAO,UAAU;AAEjB,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjB;AAAA;AAAA;AAAA,IAGA,CAAC,EAAE,OAAO,cAAc,MAAO,gBAAgB,eAAe,MAAM,OAAO,QAAQ,WAAW;AAAA;AAGlG,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,OAAO,MAC3C,qBAAC,SAAM,eAAe,CAAC,OACpB;AAAA,GAAC,CAAC,SACD,qBAAC,gBACC;AAAA,wBAAC,cAAY,iBAAM;AAAA,IAClB;AAAA,KACH;AAAA,EAEF,oBAAC,SAAO,UAAS;AAAA,GACnB;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/types/DSCard.d.ts

@@ -7,19 +7,19 @@ declare const DSCard: {
     }): JSX.Element;
     propTypes: {
         /** inject props to component wrapper */
-        containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * Get reference for the button
          */
-        innerRef: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        innerRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * DSCardBody and DSCardHeader
          */
-        children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     };
     displayName: string;
 };
-declare const DSCardWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
+declare const DSCardWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
     [x: string]: any;
     innerRef?: undefined;
     children?: null | undefined;

package/dist/types/DSCardBody.d.ts

@@ -4,11 +4,11 @@ declare const DSCardBody: {
     }): JSX.Element;
     propTypes: {
         /** children */
-        children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     };
     displayName: string;
 };
-declare const DSCardBodyWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
+declare const DSCardBodyWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
     children: any;
 }>;
 export { DSCardBody, DSCardBodyWithSchema };

package/dist/types/DSCardHeader.d.ts

@@ -5,13 +5,13 @@ declare const DSCardHeader: {
     }): JSX.Element;
     propTypes: {
         /** card header title */
-        title: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        title: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /** action */
-        action: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        action: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     };
     displayName: string;
 };
-declare const DSCardHeaderWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
+declare const DSCardHeaderWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
     title: any;
     action: any;
 }>;

package/dist/types/detail/DetailCard.d.ts

@@ -20,67 +20,67 @@ declare const DetailCard: {
         /**
          * Title of the card.
          */
-        title: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        title: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * Description of the card.
          */
-        description: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        description: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * Description color.
          */
-        descriptionColor: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        descriptionColor: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * Right value (should be used with `rightDescription`)
          */
-        rightValue: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        rightValue: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * Right description (should be used with `rightValue`)
          */
-        rightDescription: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        rightDescription: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * Right addon array, max elements: 2
          */
-        rightAddon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        rightAddon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * Whether if the card is selectable or not
          */
-        selectable: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        selectable: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * Whether if the card is selected or not
          */
-        isSelected: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        isSelected: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * Callback on selection
          */
-        onSelect: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        onSelect: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * Whether if the card is expandable or not
          */
-        expandable: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        expandable: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * Whether if the card is expanded or not
          */
-        isExpanded: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        isExpanded: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * Callback on expand
          */
-        onExpand: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        onExpand: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * Content
          */
-        expandContent: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        expandContent: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * Read only
          */
-        readOnly: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        readOnly: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * Disabled
          */
-        disabled: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        disabled: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     };
     displayName: string;
 };
-declare const DSCardDetailWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
+declare const DSCardDetailWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
     title: any;
     description: any;
     descriptionColor?: string | undefined;

package/dist/types/v2/ActionAddon.d.ts

@@ -9,20 +9,20 @@ declare const ActionAddon: {
         /**
          * Addon label
          */
-        label: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        label: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * On click callback
          */
-        onClick: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        onClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * Icon to display after the label
          */
-        icon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        innerRef: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        icon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        innerRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     };
     displayName: string;
 };
-declare const DSCardActionAddonWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
+declare const DSCardActionAddonWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
     innerRef: any;
     label: any;
     onClick: any;

package/dist/types/v2/Card.d.ts

@@ -10,27 +10,27 @@ declare const CustomCard: {
         /**
          * Title of the card. requiered
          */
-        title: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        title: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * Description of the card. not requiered
          */
-        description: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        description: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * Left Addon
          */
-        leftAddon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        leftAddon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * Right addon array, max elements: 2
          */
-        rightAddon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        rightAddon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * Wheter if the card has border or not
          */
-        hasBorder: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        hasBorder: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     };
     displayName: string;
 };
-declare const DSCardCustomWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
+declare const DSCardCustomWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
     title: any;
     description: any;
     leftAddon: any;

package/dist/types/v2/Group.d.ts

@@ -8,19 +8,19 @@ declare const CardGroup: {
         /**
          * Card items
          */
-        children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * Title of the group
          */
-        title: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        title: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * Right addon action
          */
-        action: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        action: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     };
     displayName: string;
 };
-declare const DSCardGroupWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
+declare const DSCardGroupWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
     children: any;
     title: any;
     action: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-card",
-  "version": "3.16.0-next.2",
+  "version": "3.16.0-next.4",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Card",
   "files": [
@@ -71,16 +71,17 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "3.16.0-next.2",
-    "@elliemae/ds-classnames": "3.16.0-next.2",
-    "@elliemae/ds-form": "3.16.0-next.2",
-    "@elliemae/ds-grid": "3.16.0-next.2",
-    "@elliemae/ds-header": "3.16.0-next.2",
-    "@elliemae/ds-icons": "3.16.0-next.2",
-    "@elliemae/ds-separator": "3.16.0-next.2",
-    "@elliemae/ds-system": "3.16.0-next.2",
-    "@elliemae/ds-truncated-tooltip-text": "3.16.0-next.2",
-    "@elliemae/ds-utilities": "3.16.0-next.2"
+    "@elliemae/ds-button": "3.16.0-next.4",
+    "@elliemae/ds-header": "3.16.0-next.4",
+    "@elliemae/ds-classnames": "3.16.0-next.4",
+    "@elliemae/ds-icons": "3.16.0-next.4",
+    "@elliemae/ds-props-helpers": "3.16.0-next.4",
+    "@elliemae/ds-separator": "3.16.0-next.4",
+    "@elliemae/ds-system": "3.16.0-next.4",
+    "@elliemae/ds-truncated-tooltip-text": "3.16.0-next.4",
+    "@elliemae/ds-utilities": "3.16.0-next.4",
+    "@elliemae/ds-form": "3.16.0-next.4",
+    "@elliemae/ds-grid": "3.16.0-next.4"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "~5.16.4",
@@ -104,7 +105,7 @@
     "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
     "dts": "node ../../scripts/dts.mjs",
     "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
-    "dev:build": "pnpm --filter {.}... build && pnpm --filter {.}... dts",
+    "dev:build": "pnpm --filter {.}... build",
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
     "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }