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

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"],
-  "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;",
+  "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.js';\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,KAAK,MAAM;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,KAAK;AAAA,gBACjD,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;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;AAAA;AAAA;AAAA,EAIrB,UAAU,UAAU,QAAQ,WAAW,YAAY,YAAY;AAAA;AAAA;AAAA;AAAA,EAI/D,OAAO,UAAU,OAAO,WAAW,YAAY,oBAAoB;AAAA;AAAA;AAAA;AAAA,EAInE,QAAQ,UAAU,QAAQ,YAAY,oBAAoB;AAC5D;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,wBAAwB,SAAS,SAAS;AAChD,sBAAsB,YAAY;AAGlC,IAAO,gBAAQ;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/components.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst CardContainer = styled(Grid)`\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 56px;\n  padding: 8px 16px;\n  position: relative;\n  border: ${({ theme, hasBorder }) => (hasBorder ? `1px solid ${theme.colors.neutral['100']}` : '')};\n  &:before {\n    content: '';\n    border-bottom: 1px solid ${(props) => props.theme.colors.neutral['100']};\n    position: absolute;\n    margin: 0 auto;\n    width: 90%;\n    bottom: 0;\n  }\n  &:last-child::before {\n    content: none;\n  }\n`;\n\nconst LeftSection = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst LeftAddon = styled.div`\n  height: fit-content;\n  width: fit-content;\n  margin-right: 16px;\n  cursor: pointer;\n`;\n\nconst RightAddonSection = styled.div`\n  display: flex;\n  align-items: center;\n  width: fit-content;\n`;\n\nconst RightAddon = styled.div`\n  height: fit-content;\n  width: fit-content;\n  cursor: pointer;\n`;\n\nconst Separator = styled.div`\n  width: 0px;\n  height: 24px;\n  border-right: 1px solid ${(props) => props.theme.colors.neutral['300']};\n  margin: 0 8px;\n`;\n\nconst MainSection = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\n\nconst Title = styled.h3`\n  margin: 0;\n  font-size: 16px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['800']};\n`;\n\nconst Description = styled.p`\n  margin: 0;\n  color: ${(props) => props.theme.colors.neutral['600']};\n`;\n\nexport {\n  CardContainer,\n  LeftSection,\n  LeftAddon,\n  RightAddonSection,\n  RightAddon,\n  Separator,\n  MainSection,\n  Title,\n  Description,\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,MAAM,gBAAgB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOrB,CAAC,EAAE,OAAO,UAAU,MAAO,YAAY,aAAa,MAAM,OAAO,QAAQ,WAAW;AAAA;AAAA;AAAA,+BAGjE,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWrE,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAK3B,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAMjC,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAM1B,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA,4BAGG,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIlE,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAK3B,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA,iBAGJ,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGjD,MAAM,cAAc,OAAO;AAAA;AAAA,WAEhB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,MAAM,gBAAgB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOrB,CAAC,EAAE,OAAO,UAAU,MAAO,YAAY,aAAa,MAAM,OAAO,QAAQ,KAAK,MAAM;AAAA;AAAA;AAAA,+BAGjE,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW1E,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAK3B,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAMjC,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAM1B,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA,4BAGG,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAIvE,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAK3B,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA,iBAGJ,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAGtD,MAAM,cAAc,OAAO;AAAA;AAAA,WAEhB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;",
   "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.js").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.js").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.js").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.js").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.js").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.js").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.js").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.js").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.js").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.js").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.js").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.js").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.js").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.js").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.js").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.js").ReactDescT;
         /**
          * Content
          */
-        expandContent: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        expandContent: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").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.js").ReactDescT;
         /**
          * Disabled
          */
-        disabled: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        disabled: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").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.js").DocumentedReactComponent<{
     title: any;
     description: any;
     descriptionColor?: string | undefined;

package/dist/types/index.d.ts

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

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.js").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.js").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.js").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.js").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.js").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.js").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.js").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.js").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.js").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.js").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.20",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Card",
   "files": [
@@ -71,21 +71,22 @@
     "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.20",
+    "@elliemae/ds-classnames": "3.16.0-next.20",
+    "@elliemae/ds-grid": "3.16.0-next.20",
+    "@elliemae/ds-form": "3.16.0-next.20",
+    "@elliemae/ds-header": "3.16.0-next.20",
+    "@elliemae/ds-icons": "3.16.0-next.20",
+    "@elliemae/ds-props-helpers": "3.16.0-next.20",
+    "@elliemae/ds-separator": "3.16.0-next.20",
+    "@elliemae/ds-system": "3.16.0-next.20",
+    "@elliemae/ds-truncated-tooltip-text": "3.16.0-next.20",
+    "@elliemae/ds-utilities": "3.16.0-next.20"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "~5.16.4",
+    "@testing-library/jest-dom": "~5.16.5",
     "@testing-library/react": "~12.1.3",
-    "styled-components": "~5.3.6"
+    "styled-components": "~5.3.9"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
@@ -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/*\""
   }