@elliemae/ds-card 2.0.0-alpha.5 → 2.0.0-alpha.9

package/cjs/DSCard.js

@@ -20,7 +20,7 @@ const _excluded = ["innerRef", "children", "containerProps"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 const DSCard = _ref => {
   let {
@@ -28,7 +28,7 @@ const DSCard = _ref => {
     children = null,
     containerProps = {}
   } = _ref,
-      otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   const {
     cssClassName
@@ -64,4 +64,4 @@ DSCardWithSchema.propTypes = cardProps;
 
 exports.DSCard = DSCard;
 exports.DSCardWithSchema = DSCardWithSchema;
-exports['default'] = DSCard;
+exports["default"] = DSCard;

package/cjs/DSCardBody.js

@@ -12,7 +12,7 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
 const DSCardBody = ({
   children
-}) => /*#__PURE__*/_jsx__default['default']("div", {
+}) => /*#__PURE__*/_jsx__default["default"]("div", {
   className: "em-ds-card-body",
   "data-testid": "card-body"
 }, void 0, children);
@@ -26,4 +26,4 @@ DSCardBodyWithSchema.propTypes = bodyProps;
 
 exports.DSCardBody = DSCardBody;
 exports.DSCardBodyWithSchema = DSCardBodyWithSchema;
-exports['default'] = DSCardBody;
+exports["default"] = DSCardBody;

package/cjs/DSCardHeader.js

@@ -19,12 +19,12 @@ const DSCardHeader = ({
     cssClassName,
     classNameElement
   } = dsClassnames.convertPropToCssClassName('card-header');
-  return /*#__PURE__*/_jsx__default['default']("div", {
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     className: cssClassName,
     "data-testid": "card-header"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("span", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("span", {
     className: classNameElement('heading')
-  }, void 0, title), /*#__PURE__*/_jsx__default['default']("div", {
+  }, void 0, title), /*#__PURE__*/_jsx__default["default"]("div", {
     className: classNameElement('pull-right'),
     "data-testid": "ds-card_header-action"
   }, void 0, action));
@@ -42,4 +42,4 @@ DSCardHeaderWithSchema.propTypes = cardHeader;
 
 exports.DSCardHeader = DSCardHeader;
 exports.DSCardHeaderWithSchema = DSCardHeaderWithSchema;
-exports['default'] = DSCardHeader;
+exports["default"] = DSCardHeader;

package/cjs/detail/DetailCard.js

@@ -55,64 +55,64 @@ const DetailCard = ({
   if (expandable) topWrapperCols.unshift('20px');
   if (selectable) topWrapperCols.unshift(theme.space.s);
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: /*#__PURE__*/_jsx__default['default'](styled.Container, {
+    children: /*#__PURE__*/_jsx__default["default"](styled.Container, {
       disabled: disabled || readOnly,
       active: selectable && isSelected,
       "data-testid": "card-detail-container"
-    }, void 0, /*#__PURE__*/_jsx__default['default'](dsGrid.Grid, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
       cols: topWrapperCols,
       alignItems: !description && 'center'
-    }, void 0, selectable && /*#__PURE__*/_jsx__default['default'](dsGrid.Grid, {
+    }, void 0, selectable && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
       pt: description && '9px'
-    }, void 0, /*#__PURE__*/_jsx__default['default'](DSCheckbox__default['default'], {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](DSCheckbox__default["default"], {
       checked: isSelected,
       onChange: onSelect,
       readOnly: readOnly,
       disabled: disabled,
       "data-testid": "card-checkbox"
-    })), expandable && /*#__PURE__*/_jsx__default['default'](dsGrid.Grid, {
+    })), expandable && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
       height: "16px",
       pt: description && 'xxs',
       mt: !description && '-5px'
-    }, void 0, /*#__PURE__*/_jsx__default['default'](DSButton__default['default'], {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       size: "s",
       buttonType: "text",
       containerProps: {
         'data-testid': 'expand-button'
       },
       onClick: onExpand,
-      icon: isExpanded ? /*#__PURE__*/_jsx__default['default'](ArrowheadDown__default['default'], {
+      icon: isExpanded ? /*#__PURE__*/_jsx__default["default"](ArrowheadDown__default["default"], {
         color: ['neutral', 500],
         size: "s"
-      }) : /*#__PURE__*/_jsx__default['default'](ArrowheadRight__default['default'], {
+      }) : /*#__PURE__*/_jsx__default["default"](ArrowheadRight__default["default"], {
         color: ['neutral', 500],
         size: "s"
       }),
       disabled: disabled
-    })), /*#__PURE__*/_jsx__default['default'](dsGrid.Grid, {
+    })), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
       pr: "24px"
-    }, void 0, /*#__PURE__*/_jsx__default['default'](styled.Title, {}, void 0, title), description && /*#__PURE__*/_jsx__default['default'](styled.Description, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](styled.Title, {}, void 0, title), description && /*#__PURE__*/_jsx__default["default"](styled.Description, {
       descriptionColor: descriptionColor
-    }, void 0, description)), hasRightPosition && /*#__PURE__*/_jsx__default['default'](dsGrid.Grid, {
+    }, void 0, description)), hasRightPosition && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
       cols: lodash.compact([hasRightPosition && 'auto', rightAddon && 'auto'])
-    }, void 0, hasRightLegend && /*#__PURE__*/_jsx__default['default'](dsGrid.Grid, {
+    }, void 0, hasRightLegend && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
       pr: "24px",
       rows: ['auto', 'auto', 1]
-    }, void 0, /*#__PURE__*/_jsx__default['default'](styled.RightDescription, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](styled.RightDescription, {
       justifyContent: "flex-end"
-    }, void 0, rightDescription), /*#__PURE__*/_jsx__default['default'](styled.RightValue, {
+    }, void 0, rightDescription), /*#__PURE__*/_jsx__default["default"](styled.RightValue, {
       justifyContent: "flex-end"
-    }, void 0, rightValue), _Grid || (_Grid = /*#__PURE__*/_jsx__default['default'](dsGrid.Grid, {}))), rightAddon && /*#__PURE__*/_jsx__default['default'](styled.RightAddon, {
+    }, void 0, rightValue), _Grid || (_Grid = /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}))), rightAddon && /*#__PURE__*/_jsx__default["default"](styled.RightAddon, {
       cols: ['auto', 'auto'],
       gutter: "2px"
-    }, void 0, rightAddon))), expandContent && isExpanded && /*#__PURE__*/_jsx__default['default'](dsGrid.Grid, {
+    }, void 0, rightAddon))), expandContent && isExpanded && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
       ml: selectable && 's',
       mr: rightAddon && 'xs'
-    }, void 0, _DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx__default['default'](DSSeparator__default['default'], {
+    }, void 0, _DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx__default["default"](DSSeparator__default["default"], {
       dashed: true,
       position: "initial",
       margin: "none"
-    })), /*#__PURE__*/_jsx__default['default'](dsGrid.Grid, {
+    })), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
       pt: "xxs",
       "data-testid": "detail-card-expanded-content"
     }, void 0, expandContent)))
@@ -200,4 +200,4 @@ DSCardDetailWithSchema.propTypes = detailProps;
 
 exports.DSCardDetailWithSchema = DSCardDetailWithSchema;
 exports.DetailCard = DetailCard;
-exports['default'] = DetailCard;
+exports["default"] = DetailCard;

package/cjs/detail/styled.js

@@ -9,25 +9,25 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Separator = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Separator = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-nx8lwv-0"
 })(["width:100%;height:24px;border-right:1px solid ", ";margin:0 8px;"], props => props.theme.colors.neutral['300']);
-const Title = /*#__PURE__*/styled__default['default'].h3.withConfig({
+const Title = /*#__PURE__*/styled__default["default"].h3.withConfig({
   componentId: "sc-nx8lwv-1"
 })(["margin:0;font-size:16px;min-height:20px;font-weight:", ";color:", ";"], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['700']);
-const Description = /*#__PURE__*/styled__default['default'].p.withConfig({
+const Description = /*#__PURE__*/styled__default["default"].p.withConfig({
   componentId: "sc-nx8lwv-2"
 })(["margin:0;font-size:12px;min-height:18px;display:flex;align-items:center;color:", ";"], props => props.descriptionColor === 'neutral' ? props.theme.colors.neutral['600'] : props.theme.colors.brand['600']);
-const RightAddon = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+const RightAddon = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-nx8lwv-3"
 })(["margin:0;white-space:nowrap;"]);
-const RightDescription = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+const RightDescription = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-nx8lwv-4"
 })(["margin:0;white-space:nowrap;font-size:12px;color:", ";"], props => props.theme.colors.neutral['600']);
-const RightValue = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+const RightValue = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-nx8lwv-5"
 })(["margin:0;white-space:nowrap;font-size:14px;color:", ";"], props => props.theme.colors.neutral['800']);
-const ExpandContent = /*#__PURE__*/styled__default['default'].div.withConfig({
+const ExpandContent = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-nx8lwv-6"
 })(["font-size:12px;"]);
 
@@ -41,7 +41,7 @@ const background = ({
   theme
 }) => active ? theme.colors.brand['100'] : theme.colors.neutral['000'];
 
-const Container = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+const Container = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-nx8lwv-7"
 })(["width:100%;min-height:52px;min-width:244px;padding:6px 8px 6px 12px;position:relative;border-top:1px solid ", ";border-bottom:1px solid ", ";background:", ";", " &:hover{box-shadow:0 2px 4px 0 rgba(53,60,70,0.5);z-index:1;}"], border, border, background, props => props.disabled ? `
     ${Title}, ${Description}, ${RightDescription}, ${RightValue} {

package/cjs/index.js

@@ -14,7 +14,7 @@ var DetailCard = require('./detail/DetailCard.js');
 
 exports.DSCard = DSCard.DSCard;
 exports.DSCardWithSchema = DSCard.DSCardWithSchema;
-exports.default = DSCard.DSCard;
+exports["default"] = DSCard.DSCard;
 exports.DSCardHeader = DSCardHeader.DSCardHeader;
 exports.DSCardHeaderWithSchema = DSCardHeader.DSCardHeaderWithSchema;
 exports.DSCardBody = DSCardBody.DSCardBody;

package/cjs/v2/ActionAddon.js

@@ -16,7 +16,7 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var Chevron__default = /*#__PURE__*/_interopDefaultLegacy(Chevron);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-const Addon = /*#__PURE__*/styled__default['default'](DSButton__default['default']).withConfig({
+const Addon = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
   componentId: "sc-1pazs35-0"
 })(["background-color:transparent;padding-right:4px;height:100%;border:none;font-size:12px;font-weight:", ";color:", ";cursor:pointer;&:focus,&::after{background-color:transparent;box-shadow:none !important;border:none !important;}"], props => props.theme.fontWeights.semibold, props => props.theme.colors.brand['700']);
 
@@ -24,10 +24,10 @@ const ActionAddon = ({
   label,
   onClick,
   icon
-}) => /*#__PURE__*/_jsx__default['default'](Addon, {
+}) => /*#__PURE__*/_jsx__default["default"](Addon, {
   onClick: onClick,
   labelText: label,
-  icon: icon || /*#__PURE__*/_jsx__default['default'](Chevron__default['default'], {
+  icon: icon || /*#__PURE__*/_jsx__default["default"](Chevron__default["default"], {
     color: ['brand-primary', 700]
   })
 });
@@ -53,4 +53,4 @@ DSCardActionAddonWithSchema.propTypes = actionProps;
 
 exports.ActionAddon = ActionAddon;
 exports.DSCardActionAddonWithSchema = DSCardActionAddonWithSchema;
-exports['default'] = ActionAddon;
+exports["default"] = ActionAddon;

package/cjs/v2/Card.js

@@ -29,26 +29,26 @@ const CustomCard = ({
   rightAddon,
   // array. max 2 elements
   hasBorder = false
-}) => /*#__PURE__*/_jsx__default['default'](DSTruncatedTooltipText.TooltipTextProvider, {}, void 0, /*#__PURE__*/_jsx__default['default'](components.CardContainer, {
+}) => /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText.TooltipTextProvider, {}, void 0, /*#__PURE__*/_jsx__default["default"](components.CardContainer, {
   hasBorder: hasBorder,
   cols: getCol(rightAddon),
   "data-testid": "em-ds-card"
-}, void 0, /*#__PURE__*/_jsx__default['default'](components.LeftSection, {}, void 0, leftAddon && /*#__PURE__*/_jsx__default['default'](components.LeftAddon, {}, void 0, leftAddon), /*#__PURE__*/_jsx__default['default'](components.MainSection, {
+}, void 0, /*#__PURE__*/_jsx__default["default"](components.LeftSection, {}, void 0, leftAddon && /*#__PURE__*/_jsx__default["default"](components.LeftAddon, {}, void 0, leftAddon), /*#__PURE__*/_jsx__default["default"](components.MainSection, {
   style: {
     maxWidth: leftAddon ? 'calc(100% - 40px)' : '100%'
   }
-}, void 0, /*#__PURE__*/_jsx__default['default'](dsHeader.DSHeader, {
+}, void 0, /*#__PURE__*/_jsx__default["default"](dsHeader.DSHeader, {
   fontSize: "16px",
   "data-testid": "em-ds-card-header",
   fontWeight: "regular",
   color: "neutral.800",
-  text: /*#__PURE__*/_jsx__default['default'](DSTruncatedTooltipText__default['default'], {
+  text: /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
     value: title
   })
-}), description && /*#__PURE__*/_jsx__default['default'](components.Description, {}, void 0, /*#__PURE__*/_jsx__default['default'](DSTruncatedTooltipText__default['default'], {
+}), description && /*#__PURE__*/_jsx__default["default"](components.Description, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
   value: description
-})))), rightAddon && /*#__PURE__*/_jsx__default['default'](components.RightAddonSection, {}, void 0, rightAddon[0] && /*#__PURE__*/_jsx__default['default'](components.RightAddon, {}, void 0, rightAddon[0]), rightAddon[1] && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-  children: [rightAddon.length > 1 && (_Separator || (_Separator = /*#__PURE__*/_jsx__default['default'](components.Separator, {}))), /*#__PURE__*/_jsx__default['default'](components.RightAddon, {}, void 0, rightAddon[1])]
+})))), rightAddon && /*#__PURE__*/_jsx__default["default"](components.RightAddonSection, {}, void 0, rightAddon[0] && /*#__PURE__*/_jsx__default["default"](components.RightAddon, {}, void 0, rightAddon[0]), rightAddon[1] && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+  children: [rightAddon.length > 1 && (_Separator || (_Separator = /*#__PURE__*/_jsx__default["default"](components.Separator, {}))), /*#__PURE__*/_jsx__default["default"](components.RightAddon, {}, void 0, rightAddon[1])]
 }))));
 
 const cardProps = {
@@ -82,4 +82,4 @@ DSCardCustomWithSchema.propTypes = cardProps;
 
 exports.CustomCard = CustomCard;
 exports.DSCardCustomWithSchema = DSCardCustomWithSchema;
-exports['default'] = CustomCard;
+exports["default"] = CustomCard;

package/cjs/v2/Group.js

@@ -14,19 +14,19 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Group = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Group = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1y2lfoo-0"
 })(["display:flex;flex-direction:column;width:100%;max-width:100%;", "{border-top:none;}", ""], Card.CustomCard, ({
   theme,
   withTopBorder
 }) => withTopBorder ? `border-top: ${theme.colors.neutral['100']}` : '');
-const GroupTitle = /*#__PURE__*/styled__default['default'].span.withConfig({
+const GroupTitle = /*#__PURE__*/styled__default["default"].span.withConfig({
   componentId: "sc-1y2lfoo-1"
 })(["", ""], dsSystem.truncate());
-const TitleWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const TitleWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1y2lfoo-2"
 })(["display:flex;justify-content:space-between;padding:0 ", ";font-size:12px;", ";font-weight:", ";background-color:", ";border-top:", ";line-height:24px;"], props => props.theme.space.xs, dsSystem.color('neutral', '700'), props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['080'], props => dsSystem.border(props.theme.colors.neutral['080']));
-const Items = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Items = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1y2lfoo-3"
 })(["display:flex;flex-direction:column;"]);
 
@@ -34,9 +34,9 @@ const CardGroup = ({
   children,
   title,
   action
-}) => /*#__PURE__*/_jsx__default['default'](Group, {
+}) => /*#__PURE__*/_jsx__default["default"](Group, {
   withTopBorder: !title
-}, void 0, !!title && /*#__PURE__*/_jsx__default['default'](TitleWrapper, {}, void 0, /*#__PURE__*/_jsx__default['default'](GroupTitle, {}, void 0, title), action), /*#__PURE__*/_jsx__default['default'](Items, {}, void 0, children));
+}, void 0, !!title && /*#__PURE__*/_jsx__default["default"](TitleWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](GroupTitle, {}, void 0, title), action), /*#__PURE__*/_jsx__default["default"](Items, {}, void 0, children));
 
 const cardgroupProps = {
   /**
@@ -59,4 +59,4 @@ DSCardGroupWithSchema.propTypes = cardgroupProps;
 
 exports.CardGroup = CardGroup;
 exports.DSCardGroupWithSchema = DSCardGroupWithSchema;
-exports['default'] = CardGroup;
+exports["default"] = CardGroup;

package/cjs/v2/components.js

@@ -9,34 +9,34 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const CardContainer = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+const CardContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-1cjakml-0"
 })(["align-items:center;justify-content:space-between;width:100%;height:56px;padding:8px 16px;position:relative;border:", ";&:before{content:'';border-bottom:1px solid ", ";position:absolute;margin:0 auto;width:90%;bottom:0;}&:last-child::before{content:none;}"], ({
   theme,
   hasBorder
 }) => hasBorder ? `1px solid ${theme.colors.neutral['100']}` : '', props => props.theme.colors.neutral['100']);
-const LeftSection = /*#__PURE__*/styled__default['default'].div.withConfig({
+const LeftSection = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1cjakml-1"
 })(["display:flex;align-items:center;"]);
-const LeftAddon = /*#__PURE__*/styled__default['default'].div.withConfig({
+const LeftAddon = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1cjakml-2"
 })(["height:fit-content;width:fit-content;margin-right:16px;cursor:pointer;"]);
-const RightAddonSection = /*#__PURE__*/styled__default['default'].div.withConfig({
+const RightAddonSection = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1cjakml-3"
 })(["display:flex;align-items:center;width:fit-content;"]);
-const RightAddon = /*#__PURE__*/styled__default['default'].div.withConfig({
+const RightAddon = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1cjakml-4"
 })(["height:fit-content;width:fit-content;cursor:pointer;"]);
-const Separator = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Separator = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1cjakml-5"
 })(["width:0px;height:24px;border-right:1px solid ", ";margin:0 8px;"], props => props.theme.colors.neutral['300']);
-const MainSection = /*#__PURE__*/styled__default['default'].div.withConfig({
+const MainSection = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1cjakml-6"
 })(["display:flex;flex-direction:column;"]);
-const Title = /*#__PURE__*/styled__default['default'].h3.withConfig({
+const Title = /*#__PURE__*/styled__default["default"].h3.withConfig({
   componentId: "sc-1cjakml-7"
 })(["margin:0;font-size:16px;font-weight:", ";color:", ";"], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['800']);
-const Description = /*#__PURE__*/styled__default['default'].p.withConfig({
+const Description = /*#__PURE__*/styled__default["default"].p.withConfig({
   componentId: "sc-1cjakml-8"
 })(["margin:0;color:", ";"], props => props.theme.colors.neutral['600']);
 

package/package.json

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