@elliemae/ds-card 1.56.0 → 1.57.0-rc.10

package/cjs/detail/DetailCard.js

@@ -5,24 +5,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var lodash = require('lodash');
 var reactDesc = require('react-desc');
-var ArrowheadRight = require('@elliemae/ds-icons/ArrowheadRight');
-var ArrowheadDown = require('@elliemae/ds-icons/ArrowheadDown');
+var dsIcons = require('@elliemae/ds-icons');
 var dsSystem = require('@elliemae/ds-system');
 var Button = require('@elliemae/ds-button');
 var DSSeparator = require('@elliemae/ds-separator');
 var dsGrid = require('@elliemae/ds-grid');
-var DSCheckbox = require('@elliemae/ds-form/Checkbox');
+var dsForm = require('@elliemae/ds-form');
 var detail_styled = require('./styled.js');
 require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var ArrowheadRight__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadRight);
-var ArrowheadDown__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadDown);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var DSSeparator__default = /*#__PURE__*/_interopDefaultLegacy(DSSeparator);
-var DSCheckbox__default = /*#__PURE__*/_interopDefaultLegacy(DSCheckbox);
 
 /* eslint-disable max-lines */
 
@@ -67,7 +63,7 @@ var DetailCard = function DetailCard(_ref) {
     alignItems: !description && 'center'
   }, selectable && /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
     pt: description && '9px'
-  }, /*#__PURE__*/React__default['default'].createElement(DSCheckbox__default['default'], {
+  }, /*#__PURE__*/React__default['default'].createElement(dsForm.DSCheckbox, {
     checked: isSelected,
     onChange: onSelect,
     readOnly: readOnly,
@@ -84,10 +80,10 @@ var DetailCard = function DetailCard(_ref) {
       'data-testid': 'expand-button'
     },
     onClick: onExpand,
-    icon: isExpanded ? /*#__PURE__*/React__default['default'].createElement(ArrowheadDown__default['default'], {
+    icon: isExpanded ? /*#__PURE__*/React__default['default'].createElement(dsIcons.ArrowheadDown, {
       color: ['neutral', 500],
       size: "s"
-    }) : /*#__PURE__*/React__default['default'].createElement(ArrowheadRight__default['default'], {
+    }) : /*#__PURE__*/React__default['default'].createElement(dsIcons.ArrowheadRight, {
       color: ['neutral', 500],
       size: "s"
     }),

package/cjs/detail/DetailCard.js.map

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

package/cjs/index.js

@@ -20,13 +20,11 @@ require('./v2/components.js');
 require('styled-components');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-system');
-require('@elliemae/ds-icons/ChevronSmallDown');
+require('@elliemae/ds-icons');
 require('@elliemae/ds-button');
 require('lodash');
-require('@elliemae/ds-icons/ArrowheadRight');
-require('@elliemae/ds-icons/ArrowheadDown');
 require('@elliemae/ds-separator');
-require('@elliemae/ds-form/Checkbox');
+require('@elliemae/ds-form');
 require('./detail/styled.js');
 
 

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/v2/ActionAddon.js

@@ -5,14 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var reactDesc = require('react-desc');
 var styled = require('styled-components');
-var Chevron = require('@elliemae/ds-icons/ChevronSmallDown');
+var dsIcons = require('@elliemae/ds-icons');
 var Button = require('@elliemae/ds-button');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var Chevron__default = /*#__PURE__*/_interopDefaultLegacy(Chevron);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 
 var Addon = /*#__PURE__*/styled__default['default'](Button__default['default']).withConfig({
@@ -30,7 +29,7 @@ var ActionAddon = function ActionAddon(_ref) {
   return /*#__PURE__*/React__default['default'].createElement(Addon, {
     onClick: onClick,
     labelText: label,
-    icon: icon || /*#__PURE__*/React__default['default'].createElement(Chevron__default['default'], {
+    icon: icon || /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronSmallDown, {
       color: ['brand-primary', 700]
     })
   });

package/cjs/v2/ActionAddon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionAddon.js","sources":["../../../src/v2/ActionAddon.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport Chevron from '@elliemae/ds-icons/ChevronSmallDown';\nimport Button from '@elliemae/ds-button';\n\nconst Addon = styled(Button)`\n  background-color: transparent;\n  padding-right: 4px;\n  height: 100%;\n  border: none;\n  font-size: 12px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.brand['700']};\n  cursor: pointer;\n  &:focus,\n  &::after {\n    background-color: transparent;\n    box-shadow: none !important; /* needed */\n    border: none !important; /* needed */\n  }\n`;\n\nconst ActionAddon = ({ label, onClick, icon }) => (\n  <Addon\n    onClick={onClick}\n    labelText={label}\n    icon={icon || <Chevron color={['brand-primary', 700]} />}\n  />\n);\n\nconst actionProps = {\n  /**\n   * Addon label\n   */\n  label: PropTypes.string.description('Addon label'),\n  /**\n   * On click callback\n   */\n  onClick: PropTypes.func.description('On click callback'),\n  /**\n   * Icon to display after the label\n   */\n  icon: PropTypes.element.description('Icon to display after the label'),\n};\n\nActionAddon.propTypes = actionProps;\nconst DSCardActionAddonWithSchema = describe(ActionAddon);\nDSCardActionAddonWithSchema.propTypes = actionProps;\n\nexport { ActionAddon, DSCardActionAddonWithSchema };\nexport default ActionAddon;\n"],"names":["Addon","styled","Button","props","theme","fontWeights","semibold","colors","brand","ActionAddon","label","onClick","icon","React","Chevron","actionProps","PropTypes","string","description","func","element","propTypes","DSCardActionAddonWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;AAMA,IAAMA,KAAK,gBAAGC,0BAAM,CAACC,0BAAD,CAAT;AAAA;AAAA,2OAMM,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,WAAZ,CAAwBC,QAAnC;AAAA,CANN,EAOA,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,MAAZ,CAAmBC,KAAnB,CAAyB,KAAzB,CAAX;AAAA,CAPA,CAAX;;IAiBMC,WAAW,GAAG,SAAdA,WAAc;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,MAAUC,OAAV,QAAUA,OAAV;AAAA,MAAmBC,IAAnB,QAAmBA,IAAnB;AAAA,sBAClBC,wCAAC,KAAD;AACE,IAAA,OAAO,EAAEF,OADX;AAEE,IAAA,SAAS,EAAED,KAFb;AAGE,IAAA,IAAI,EAAEE,IAAI,iBAAIC,wCAACC,2BAAD;AAAS,MAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB;AAAhB;AAHhB,IADkB;AAAA;;AAQpB,IAAMC,WAAW,GAAG;AAClB;AACF;AACA;AACEL,EAAAA,KAAK,EAAEM,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,aAA7B,CAJW;;AAKlB;AACF;AACA;AACEP,EAAAA,OAAO,EAAEK,mBAAS,CAACG,IAAV,CAAeD,WAAf,CAA2B,mBAA3B,CARS;;AASlB;AACF;AACA;AACEN,EAAAA,IAAI,EAAEI,mBAAS,CAACI,OAAV,CAAkBF,WAAlB,CAA8B,iCAA9B;AAZY,CAApB;AAeAT,WAAW,CAACY,SAAZ,GAAwBN,WAAxB;IACMO,2BAA2B,GAAGC,kBAAQ,CAACd,WAAD;AAC5Ca,2BAA2B,CAACD,SAA5B,GAAwCN,WAAxC;;;;;;"}
+{"version":3,"file":"ActionAddon.js","sources":["../../../src/v2/ActionAddon.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport Button from '@elliemae/ds-button';\n\nconst Addon = styled(Button)`\n  background-color: transparent;\n  padding-right: 4px;\n  height: 100%;\n  border: none;\n  font-size: 12px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.brand['700']};\n  cursor: pointer;\n  &:focus,\n  &::after {\n    background-color: transparent;\n    box-shadow: none !important; /* needed */\n    border: none !important; /* needed */\n  }\n`;\n\nconst ActionAddon = ({ label, onClick, icon }) => (\n  <Addon onClick={onClick} labelText={label} icon={icon || <ChevronSmallDown color={['brand-primary', 700]} />} />\n);\n\nconst actionProps = {\n  /**\n   * Addon label\n   */\n  label: PropTypes.string.description('Addon label'),\n  /**\n   * On click callback\n   */\n  onClick: PropTypes.func.description('On click callback'),\n  /**\n   * Icon to display after the label\n   */\n  icon: PropTypes.element.description('Icon to display after the label'),\n};\n\nActionAddon.propTypes = actionProps;\nconst DSCardActionAddonWithSchema = describe(ActionAddon);\nDSCardActionAddonWithSchema.propTypes = actionProps;\n\nexport { ActionAddon, DSCardActionAddonWithSchema };\nexport default ActionAddon;\n"],"names":["Addon","styled","Button","props","theme","fontWeights","semibold","colors","brand","ActionAddon","label","onClick","icon","React","ChevronSmallDown","actionProps","PropTypes","string","description","func","element","propTypes","DSCardActionAddonWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;AAMA,IAAMA,KAAK,gBAAGC,0BAAM,CAACC,0BAAD,CAAT;AAAA;AAAA,2OAMM,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,WAAZ,CAAwBC,QAAnC;AAAA,CANN,EAOA,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,MAAZ,CAAmBC,KAAnB,CAAyB,KAAzB,CAAX;AAAA,CAPA,CAAX;;IAiBMC,WAAW,GAAG,SAAdA,WAAc;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,MAAUC,OAAV,QAAUA,OAAV;AAAA,MAAmBC,IAAnB,QAAmBA,IAAnB;AAAA,sBAClBC,wCAAC,KAAD;AAAO,IAAA,OAAO,EAAEF,OAAhB;AAAyB,IAAA,SAAS,EAAED,KAApC;AAA2C,IAAA,IAAI,EAAEE,IAAI,iBAAIC,wCAACC,wBAAD;AAAkB,MAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB;AAAzB;AAAzD,IADkB;AAAA;;AAIpB,IAAMC,WAAW,GAAG;AAClB;AACF;AACA;AACEL,EAAAA,KAAK,EAAEM,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,aAA7B,CAJW;;AAKlB;AACF;AACA;AACEP,EAAAA,OAAO,EAAEK,mBAAS,CAACG,IAAV,CAAeD,WAAf,CAA2B,mBAA3B,CARS;;AASlB;AACF;AACA;AACEN,EAAAA,IAAI,EAAEI,mBAAS,CAACI,OAAV,CAAkBF,WAAlB,CAA8B,iCAA9B;AAZY,CAApB;AAeAT,WAAW,CAACY,SAAZ,GAAwBN,WAAxB;IACMO,2BAA2B,GAAGC,kBAAQ,CAACd,WAAD;AAC5Ca,2BAA2B,CAACD,SAA5B,GAAwCN,WAAxC;;;;;;"}

package/esm/detail/DetailCard.js

@@ -1,13 +1,12 @@
 import React from 'react';
 import { compact, noop } from 'lodash';
 import { PropTypes, describe } from 'react-desc';
-import ArrowheadRight from '@elliemae/ds-icons/ArrowheadRight';
-import ArrowheadDown from '@elliemae/ds-icons/ArrowheadDown';
+import { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';
 import { useTheme } from '@elliemae/ds-system';
 import Button from '@elliemae/ds-button';
 import DSSeparator from '@elliemae/ds-separator';
 import { Grid } from '@elliemae/ds-grid';
-import DSCheckbox from '@elliemae/ds-form/Checkbox';
+import { DSCheckbox } from '@elliemae/ds-form';
 import { Container, Title, Description, RightDescription, RightValue, RightAddon } from './styled.js';
 import 'styled-components';
 

package/esm/detail/DetailCard.js.map

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

package/esm/index.js

@@ -16,12 +16,10 @@ import './v2/components.js';
 import 'styled-components';
 import '@elliemae/ds-grid';
 import '@elliemae/ds-system';
-import '@elliemae/ds-icons/ChevronSmallDown';
+import '@elliemae/ds-icons';
 import '@elliemae/ds-button';
 import 'lodash';
-import '@elliemae/ds-icons/ArrowheadRight';
-import '@elliemae/ds-icons/ArrowheadDown';
 import '@elliemae/ds-separator';
-import '@elliemae/ds-form/Checkbox';
+import '@elliemae/ds-form';
 import './detail/styled.js';
 //# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/v2/ActionAddon.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { PropTypes, describe } from 'react-desc';
 import styled from 'styled-components';
-import Chevron from '@elliemae/ds-icons/ChevronSmallDown';
+import { ChevronSmallDown } from '@elliemae/ds-icons';
 import Button from '@elliemae/ds-button';
 
 var Addon = /*#__PURE__*/styled(Button).withConfig({
@@ -19,7 +19,7 @@ var ActionAddon = function ActionAddon(_ref) {
   return /*#__PURE__*/React.createElement(Addon, {
     onClick: onClick,
     labelText: label,
-    icon: icon || /*#__PURE__*/React.createElement(Chevron, {
+    icon: icon || /*#__PURE__*/React.createElement(ChevronSmallDown, {
       color: ['brand-primary', 700]
     })
   });

package/esm/v2/ActionAddon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionAddon.js","sources":["../../../src/v2/ActionAddon.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport Chevron from '@elliemae/ds-icons/ChevronSmallDown';\nimport Button from '@elliemae/ds-button';\n\nconst Addon = styled(Button)`\n  background-color: transparent;\n  padding-right: 4px;\n  height: 100%;\n  border: none;\n  font-size: 12px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.brand['700']};\n  cursor: pointer;\n  &:focus,\n  &::after {\n    background-color: transparent;\n    box-shadow: none !important; /* needed */\n    border: none !important; /* needed */\n  }\n`;\n\nconst ActionAddon = ({ label, onClick, icon }) => (\n  <Addon\n    onClick={onClick}\n    labelText={label}\n    icon={icon || <Chevron color={['brand-primary', 700]} />}\n  />\n);\n\nconst actionProps = {\n  /**\n   * Addon label\n   */\n  label: PropTypes.string.description('Addon label'),\n  /**\n   * On click callback\n   */\n  onClick: PropTypes.func.description('On click callback'),\n  /**\n   * Icon to display after the label\n   */\n  icon: PropTypes.element.description('Icon to display after the label'),\n};\n\nActionAddon.propTypes = actionProps;\nconst DSCardActionAddonWithSchema = describe(ActionAddon);\nDSCardActionAddonWithSchema.propTypes = actionProps;\n\nexport { ActionAddon, DSCardActionAddonWithSchema };\nexport default ActionAddon;\n"],"names":["Addon","styled","Button","props","theme","fontWeights","semibold","colors","brand","ActionAddon","label","onClick","icon","actionProps","PropTypes","string","description","func","element","propTypes","DSCardActionAddonWithSchema","describe"],"mappings":";;;;;;AAMA,IAAMA,KAAK,gBAAGC,MAAM,CAACC,MAAD,CAAT;AAAA;AAAA,2OAMM,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,WAAZ,CAAwBC,QAAnC;AAAA,CANN,EAOA,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,MAAZ,CAAmBC,KAAnB,CAAyB,KAAzB,CAAX;AAAA,CAPA,CAAX;;IAiBMC,WAAW,GAAG,SAAdA,WAAc;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,MAAUC,OAAV,QAAUA,OAAV;AAAA,MAAmBC,IAAnB,QAAmBA,IAAnB;AAAA,sBAClB,oBAAC,KAAD;AACE,IAAA,OAAO,EAAED,OADX;AAEE,IAAA,SAAS,EAAED,KAFb;AAGE,IAAA,IAAI,EAAEE,IAAI,iBAAI,oBAAC,OAAD;AAAS,MAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB;AAAhB;AAHhB,IADkB;AAAA;;AAQpB,IAAMC,WAAW,GAAG;AAClB;AACF;AACA;AACEH,EAAAA,KAAK,EAAEI,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,aAA7B,CAJW;;AAKlB;AACF;AACA;AACEL,EAAAA,OAAO,EAAEG,SAAS,CAACG,IAAV,CAAeD,WAAf,CAA2B,mBAA3B,CARS;;AASlB;AACF;AACA;AACEJ,EAAAA,IAAI,EAAEE,SAAS,CAACI,OAAV,CAAkBF,WAAlB,CAA8B,iCAA9B;AAZY,CAApB;AAeAP,WAAW,CAACU,SAAZ,GAAwBN,WAAxB;IACMO,2BAA2B,GAAGC,QAAQ,CAACZ,WAAD;AAC5CW,2BAA2B,CAACD,SAA5B,GAAwCN,WAAxC;;;;"}
+{"version":3,"file":"ActionAddon.js","sources":["../../../src/v2/ActionAddon.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport Button from '@elliemae/ds-button';\n\nconst Addon = styled(Button)`\n  background-color: transparent;\n  padding-right: 4px;\n  height: 100%;\n  border: none;\n  font-size: 12px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.brand['700']};\n  cursor: pointer;\n  &:focus,\n  &::after {\n    background-color: transparent;\n    box-shadow: none !important; /* needed */\n    border: none !important; /* needed */\n  }\n`;\n\nconst ActionAddon = ({ label, onClick, icon }) => (\n  <Addon onClick={onClick} labelText={label} icon={icon || <ChevronSmallDown color={['brand-primary', 700]} />} />\n);\n\nconst actionProps = {\n  /**\n   * Addon label\n   */\n  label: PropTypes.string.description('Addon label'),\n  /**\n   * On click callback\n   */\n  onClick: PropTypes.func.description('On click callback'),\n  /**\n   * Icon to display after the label\n   */\n  icon: PropTypes.element.description('Icon to display after the label'),\n};\n\nActionAddon.propTypes = actionProps;\nconst DSCardActionAddonWithSchema = describe(ActionAddon);\nDSCardActionAddonWithSchema.propTypes = actionProps;\n\nexport { ActionAddon, DSCardActionAddonWithSchema };\nexport default ActionAddon;\n"],"names":["Addon","styled","Button","props","theme","fontWeights","semibold","colors","brand","ActionAddon","label","onClick","icon","actionProps","PropTypes","string","description","func","element","propTypes","DSCardActionAddonWithSchema","describe"],"mappings":";;;;;;AAMA,IAAMA,KAAK,gBAAGC,MAAM,CAACC,MAAD,CAAT;AAAA;AAAA,2OAMM,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,WAAZ,CAAwBC,QAAnC;AAAA,CANN,EAOA,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,MAAZ,CAAmBC,KAAnB,CAAyB,KAAzB,CAAX;AAAA,CAPA,CAAX;;IAiBMC,WAAW,GAAG,SAAdA,WAAc;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,MAAUC,OAAV,QAAUA,OAAV;AAAA,MAAmBC,IAAnB,QAAmBA,IAAnB;AAAA,sBAClB,oBAAC,KAAD;AAAO,IAAA,OAAO,EAAED,OAAhB;AAAyB,IAAA,SAAS,EAAED,KAApC;AAA2C,IAAA,IAAI,EAAEE,IAAI,iBAAI,oBAAC,gBAAD;AAAkB,MAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB;AAAzB;AAAzD,IADkB;AAAA;;AAIpB,IAAMC,WAAW,GAAG;AAClB;AACF;AACA;AACEH,EAAAA,KAAK,EAAEI,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,aAA7B,CAJW;;AAKlB;AACF;AACA;AACEL,EAAAA,OAAO,EAAEG,SAAS,CAACG,IAAV,CAAeD,WAAf,CAA2B,mBAA3B,CARS;;AASlB;AACF;AACA;AACEJ,EAAAA,IAAI,EAAEE,SAAS,CAACI,OAAV,CAAkBF,WAAlB,CAA8B,iCAA9B;AAZY,CAApB;AAeAP,WAAW,CAACU,SAAZ,GAAwBN,WAAxB;IACMO,2BAA2B,GAAGC,QAAQ,CAACZ,WAAD;AAC5CW,2BAA2B,CAACD,SAA5B,GAAwCN,WAAxC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-card",
-  "version": "1.56.0",
+  "version": "1.57.0-rc.10",
   "license": "MIT",
   "description": "Ellie Mae - Dim Sum - Card",
   "module": "esm/index.js",
@@ -16,15 +16,15 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "1.56.0",
-    "@elliemae/ds-classnames": "1.56.0",
-    "@elliemae/ds-form": "1.56.0",
-    "@elliemae/ds-grid": "1.56.0",
-    "@elliemae/ds-header": "1.56.0",
-    "@elliemae/ds-icons": "1.56.0",
-    "@elliemae/ds-separator": "1.56.0",
-    "@elliemae/ds-system": "1.56.0",
-    "@elliemae/ds-truncated-tooltip-text": "1.56.0",
+    "@elliemae/ds-button": "1.57.0-rc.10",
+    "@elliemae/ds-classnames": "1.57.0-rc.10",
+    "@elliemae/ds-form": "1.57.0-rc.10",
+    "@elliemae/ds-grid": "1.57.0-rc.10",
+    "@elliemae/ds-header": "1.57.0-rc.10",
+    "@elliemae/ds-icons": "1.57.0-rc.10",
+    "@elliemae/ds-separator": "1.57.0-rc.10",
+    "@elliemae/ds-system": "1.57.0-rc.10",
+    "@elliemae/ds-truncated-tooltip-text": "1.57.0-rc.10",
     "react-desc": "^4.1.2"
   },
   "devDependencies": {