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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/cjs/DSCard.js +3 -3
  2. package/cjs/DSCardBody.js +2 -2
  3. package/cjs/DSCardHeader.js +4 -4
  4. package/cjs/detail/DetailCard.js +19 -19
  5. package/cjs/detail/styled.js +8 -8
  6. package/cjs/index.js +1 -1
  7. package/cjs/v2/ActionAddon.js +4 -4
  8. package/cjs/v2/Card.js +8 -8
  9. package/cjs/v2/Group.js +7 -7
  10. package/cjs/v2/components.js +9 -9
  11. package/package.json +10 -10
package/cjs/DSCard.js CHANGED
@@ -20,7 +20,7 @@ const _excluded = ["innerRef", "children", "containerProps"];
20
20
 
21
21
  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; }
22
22
 
23
- 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; }
23
+ 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; }
24
24
 
25
25
  const DSCard = _ref => {
26
26
  let {
@@ -28,7 +28,7 @@ const DSCard = _ref => {
28
28
  children = null,
29
29
  containerProps = {}
30
30
  } = _ref,
31
- otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
31
+ otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
32
32
 
33
33
  const {
34
34
  cssClassName
@@ -64,4 +64,4 @@ DSCardWithSchema.propTypes = cardProps;
64
64
 
65
65
  exports.DSCard = DSCard;
66
66
  exports.DSCardWithSchema = DSCardWithSchema;
67
- exports['default'] = DSCard;
67
+ exports["default"] = DSCard;
package/cjs/DSCardBody.js CHANGED
@@ -12,7 +12,7 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
12
12
 
13
13
  const DSCardBody = ({
14
14
  children
15
- }) => /*#__PURE__*/_jsx__default['default']("div", {
15
+ }) => /*#__PURE__*/_jsx__default["default"]("div", {
16
16
  className: "em-ds-card-body",
17
17
  "data-testid": "card-body"
18
18
  }, void 0, children);
@@ -26,4 +26,4 @@ DSCardBodyWithSchema.propTypes = bodyProps;
26
26
 
27
27
  exports.DSCardBody = DSCardBody;
28
28
  exports.DSCardBodyWithSchema = DSCardBodyWithSchema;
29
- exports['default'] = DSCardBody;
29
+ exports["default"] = DSCardBody;
package/cjs/DSCardHeader.js CHANGED
@@ -19,12 +19,12 @@ const DSCardHeader = ({
19
19
  cssClassName,
20
20
  classNameElement
21
21
  } = dsClassnames.convertPropToCssClassName('card-header');
22
- return /*#__PURE__*/_jsx__default['default']("div", {
22
+ return /*#__PURE__*/_jsx__default["default"]("div", {
23
23
  className: cssClassName,
24
24
  "data-testid": "card-header"
25
- }, void 0, /*#__PURE__*/_jsx__default['default']("span", {
25
+ }, void 0, /*#__PURE__*/_jsx__default["default"]("span", {
26
26
  className: classNameElement('heading')
27
- }, void 0, title), /*#__PURE__*/_jsx__default['default']("div", {
27
+ }, void 0, title), /*#__PURE__*/_jsx__default["default"]("div", {
28
28
  className: classNameElement('pull-right'),
29
29
  "data-testid": "ds-card_header-action"
30
30
  }, void 0, action));
@@ -42,4 +42,4 @@ DSCardHeaderWithSchema.propTypes = cardHeader;
42
42
 
43
43
  exports.DSCardHeader = DSCardHeader;
44
44
  exports.DSCardHeaderWithSchema = DSCardHeaderWithSchema;
45
- exports['default'] = DSCardHeader;
45
+ exports["default"] = DSCardHeader;
package/cjs/detail/DetailCard.js CHANGED
@@ -55,64 +55,64 @@ const DetailCard = ({
55
55
  if (expandable) topWrapperCols.unshift('20px');
56
56
  if (selectable) topWrapperCols.unshift(theme.space.s);
57
57
  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
58
- children: /*#__PURE__*/_jsx__default['default'](styled.Container, {
58
+ children: /*#__PURE__*/_jsx__default["default"](styled.Container, {
59
59
  disabled: disabled || readOnly,
60
60
  active: selectable && isSelected,
61
61
  "data-testid": "card-detail-container"
62
- }, void 0, /*#__PURE__*/_jsx__default['default'](dsGrid.Grid, {
62
+ }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
63
63
  cols: topWrapperCols,
64
64
  alignItems: !description && 'center'
65
- }, void 0, selectable && /*#__PURE__*/_jsx__default['default'](dsGrid.Grid, {
65
+ }, void 0, selectable && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
66
66
  pt: description && '9px'
67
- }, void 0, /*#__PURE__*/_jsx__default['default'](DSCheckbox__default['default'], {
67
+ }, void 0, /*#__PURE__*/_jsx__default["default"](DSCheckbox__default["default"], {
68
68
  checked: isSelected,
69
69
  onChange: onSelect,
70
70
  readOnly: readOnly,
71
71
  disabled: disabled,
72
72
  "data-testid": "card-checkbox"
73
- })), expandable && /*#__PURE__*/_jsx__default['default'](dsGrid.Grid, {
73
+ })), expandable && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
74
74
  height: "16px",
75
75
  pt: description && 'xxs',
76
76
  mt: !description && '-5px'
77
- }, void 0, /*#__PURE__*/_jsx__default['default'](DSButton__default['default'], {
77
+ }, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
78
78
  size: "s",
79
79
  buttonType: "text",
80
80
  containerProps: {
81
81
  'data-testid': 'expand-button'
82
82
  },
83
83
  onClick: onExpand,
84
- icon: isExpanded ? /*#__PURE__*/_jsx__default['default'](ArrowheadDown__default['default'], {
84
+ icon: isExpanded ? /*#__PURE__*/_jsx__default["default"](ArrowheadDown__default["default"], {
85
85
  color: ['neutral', 500],
86
86
  size: "s"
87
- }) : /*#__PURE__*/_jsx__default['default'](ArrowheadRight__default['default'], {
87
+ }) : /*#__PURE__*/_jsx__default["default"](ArrowheadRight__default["default"], {
88
88
  color: ['neutral', 500],
89
89
  size: "s"
90
90
  }),
91
91
  disabled: disabled
92
- })), /*#__PURE__*/_jsx__default['default'](dsGrid.Grid, {
92
+ })), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
93
93
  pr: "24px"
94
- }, void 0, /*#__PURE__*/_jsx__default['default'](styled.Title, {}, void 0, title), description && /*#__PURE__*/_jsx__default['default'](styled.Description, {
94
+ }, void 0, /*#__PURE__*/_jsx__default["default"](styled.Title, {}, void 0, title), description && /*#__PURE__*/_jsx__default["default"](styled.Description, {
95
95
  descriptionColor: descriptionColor
96
- }, void 0, description)), hasRightPosition && /*#__PURE__*/_jsx__default['default'](dsGrid.Grid, {
96
+ }, void 0, description)), hasRightPosition && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
97
97
  cols: lodash.compact([hasRightPosition && 'auto', rightAddon && 'auto'])
98
- }, void 0, hasRightLegend && /*#__PURE__*/_jsx__default['default'](dsGrid.Grid, {
98
+ }, void 0, hasRightLegend && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
99
99
  pr: "24px",
100
100
  rows: ['auto', 'auto', 1]
101
- }, void 0, /*#__PURE__*/_jsx__default['default'](styled.RightDescription, {
101
+ }, void 0, /*#__PURE__*/_jsx__default["default"](styled.RightDescription, {
102
102
  justifyContent: "flex-end"
103
- }, void 0, rightDescription), /*#__PURE__*/_jsx__default['default'](styled.RightValue, {
103
+ }, void 0, rightDescription), /*#__PURE__*/_jsx__default["default"](styled.RightValue, {
104
104
  justifyContent: "flex-end"
105
- }, void 0, rightValue), _Grid || (_Grid = /*#__PURE__*/_jsx__default['default'](dsGrid.Grid, {}))), rightAddon && /*#__PURE__*/_jsx__default['default'](styled.RightAddon, {
105
+ }, void 0, rightValue), _Grid || (_Grid = /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}))), rightAddon && /*#__PURE__*/_jsx__default["default"](styled.RightAddon, {
106
106
  cols: ['auto', 'auto'],
107
107
  gutter: "2px"
108
- }, void 0, rightAddon))), expandContent && isExpanded && /*#__PURE__*/_jsx__default['default'](dsGrid.Grid, {
108
+ }, void 0, rightAddon))), expandContent && isExpanded && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
109
109
  ml: selectable && 's',
110
110
  mr: rightAddon && 'xs'
111
- }, void 0, _DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx__default['default'](DSSeparator__default['default'], {
111
+ }, void 0, _DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx__default["default"](DSSeparator__default["default"], {
112
112
  dashed: true,
113
113
  position: "initial",
114
114
  margin: "none"
115
- })), /*#__PURE__*/_jsx__default['default'](dsGrid.Grid, {
115
+ })), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
116
116
  pt: "xxs",
117
117
  "data-testid": "detail-card-expanded-content"
118
118
  }, void 0, expandContent)))
@@ -200,4 +200,4 @@ DSCardDetailWithSchema.propTypes = detailProps;
200
200
 
201
201
  exports.DSCardDetailWithSchema = DSCardDetailWithSchema;
202
202
  exports.DetailCard = DetailCard;
203
- exports['default'] = DetailCard;
203
+ exports["default"] = DetailCard;
package/cjs/detail/styled.js CHANGED
@@ -9,25 +9,25 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
9
9
 
10
10
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
11
11
 
12
- const Separator = /*#__PURE__*/styled__default['default'].div.withConfig({
12
+ const Separator = /*#__PURE__*/styled__default["default"].div.withConfig({
13
13
  componentId: "sc-nx8lwv-0"
14
14
  })(["width:100%;height:24px;border-right:1px solid ", ";margin:0 8px;"], props => props.theme.colors.neutral['300']);
15
- const Title = /*#__PURE__*/styled__default['default'].h3.withConfig({
15
+ const Title = /*#__PURE__*/styled__default["default"].h3.withConfig({
16
16
  componentId: "sc-nx8lwv-1"
17
17
  })(["margin:0;font-size:16px;min-height:20px;font-weight:", ";color:", ";"], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['700']);
18
- const Description = /*#__PURE__*/styled__default['default'].p.withConfig({
18
+ const Description = /*#__PURE__*/styled__default["default"].p.withConfig({
19
19
  componentId: "sc-nx8lwv-2"
20
20
  })(["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']);
21
- const RightAddon = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
21
+ const RightAddon = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
22
22
  componentId: "sc-nx8lwv-3"
23
23
  })(["margin:0;white-space:nowrap;"]);
24
- const RightDescription = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
24
+ const RightDescription = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
25
25
  componentId: "sc-nx8lwv-4"
26
26
  })(["margin:0;white-space:nowrap;font-size:12px;color:", ";"], props => props.theme.colors.neutral['600']);
27
- const RightValue = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
27
+ const RightValue = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
28
28
  componentId: "sc-nx8lwv-5"
29
29
  })(["margin:0;white-space:nowrap;font-size:14px;color:", ";"], props => props.theme.colors.neutral['800']);
30
- const ExpandContent = /*#__PURE__*/styled__default['default'].div.withConfig({
30
+ const ExpandContent = /*#__PURE__*/styled__default["default"].div.withConfig({
31
31
  componentId: "sc-nx8lwv-6"
32
32
  })(["font-size:12px;"]);
33
33
 
@@ -41,7 +41,7 @@ const background = ({
41
41
  theme
42
42
  }) => active ? theme.colors.brand['100'] : theme.colors.neutral['000'];
43
43
 
44
- const Container = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
44
+ const Container = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
45
45
  componentId: "sc-nx8lwv-7"
46
46
  })(["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 ? `
47
47
  ${Title}, ${Description}, ${RightDescription}, ${RightValue} {
package/cjs/index.js CHANGED
@@ -14,7 +14,7 @@ var DetailCard = require('./detail/DetailCard.js');
14
14
 
15
15
  exports.DSCard = DSCard.DSCard;
16
16
  exports.DSCardWithSchema = DSCard.DSCardWithSchema;
17
- exports.default = DSCard.DSCard;
17
+ exports["default"] = DSCard.DSCard;
18
18
  exports.DSCardHeader = DSCardHeader.DSCardHeader;
19
19
  exports.DSCardHeaderWithSchema = DSCardHeader.DSCardHeaderWithSchema;
20
20
  exports.DSCardBody = DSCardBody.DSCardBody;
package/cjs/v2/ActionAddon.js CHANGED
@@ -16,7 +16,7 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
16
16
  var Chevron__default = /*#__PURE__*/_interopDefaultLegacy(Chevron);
17
17
  var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
18
18
 
19
- const Addon = /*#__PURE__*/styled__default['default'](DSButton__default['default']).withConfig({
19
+ const Addon = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
20
20
  componentId: "sc-1pazs35-0"
21
21
  })(["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']);
22
22
 
@@ -24,10 +24,10 @@ const ActionAddon = ({
24
24
  label,
25
25
  onClick,
26
26
  icon
27
- }) => /*#__PURE__*/_jsx__default['default'](Addon, {
27
+ }) => /*#__PURE__*/_jsx__default["default"](Addon, {
28
28
  onClick: onClick,
29
29
  labelText: label,
30
- icon: icon || /*#__PURE__*/_jsx__default['default'](Chevron__default['default'], {
30
+ icon: icon || /*#__PURE__*/_jsx__default["default"](Chevron__default["default"], {
31
31
  color: ['brand-primary', 700]
32
32
  })
33
33
  });
@@ -53,4 +53,4 @@ DSCardActionAddonWithSchema.propTypes = actionProps;
53
53
 
54
54
  exports.ActionAddon = ActionAddon;
55
55
  exports.DSCardActionAddonWithSchema = DSCardActionAddonWithSchema;
56
- exports['default'] = ActionAddon;
56
+ exports["default"] = ActionAddon;
package/cjs/v2/Card.js CHANGED
@@ -29,26 +29,26 @@ const CustomCard = ({
29
29
  rightAddon,
30
30
  // array. max 2 elements
31
31
  hasBorder = false
32
- }) => /*#__PURE__*/_jsx__default['default'](DSTruncatedTooltipText.TooltipTextProvider, {}, void 0, /*#__PURE__*/_jsx__default['default'](components.CardContainer, {
32
+ }) => /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText.TooltipTextProvider, {}, void 0, /*#__PURE__*/_jsx__default["default"](components.CardContainer, {
33
33
  hasBorder: hasBorder,
34
34
  cols: getCol(rightAddon),
35
35
  "data-testid": "em-ds-card"
36
- }, 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, {
36
+ }, 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, {
37
37
  style: {
38
38
  maxWidth: leftAddon ? 'calc(100% - 40px)' : '100%'
39
39
  }
40
- }, void 0, /*#__PURE__*/_jsx__default['default'](dsHeader.DSHeader, {
40
+ }, void 0, /*#__PURE__*/_jsx__default["default"](dsHeader.DSHeader, {
41
41
  fontSize: "16px",
42
42
  "data-testid": "em-ds-card-header",
43
43
  fontWeight: "regular",
44
44
  color: "neutral.800",
45
- text: /*#__PURE__*/_jsx__default['default'](DSTruncatedTooltipText__default['default'], {
45
+ text: /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
46
46
  value: title
47
47
  })
48
- }), description && /*#__PURE__*/_jsx__default['default'](components.Description, {}, void 0, /*#__PURE__*/_jsx__default['default'](DSTruncatedTooltipText__default['default'], {
48
+ }), description && /*#__PURE__*/_jsx__default["default"](components.Description, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
49
49
  value: description
50
- })))), 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, {
51
- children: [rightAddon.length > 1 && (_Separator || (_Separator = /*#__PURE__*/_jsx__default['default'](components.Separator, {}))), /*#__PURE__*/_jsx__default['default'](components.RightAddon, {}, void 0, rightAddon[1])]
50
+ })))), 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, {
51
+ children: [rightAddon.length > 1 && (_Separator || (_Separator = /*#__PURE__*/_jsx__default["default"](components.Separator, {}))), /*#__PURE__*/_jsx__default["default"](components.RightAddon, {}, void 0, rightAddon[1])]
52
52
  }))));
53
53
 
54
54
  const cardProps = {
@@ -82,4 +82,4 @@ DSCardCustomWithSchema.propTypes = cardProps;
82
82
 
83
83
  exports.CustomCard = CustomCard;
84
84
  exports.DSCardCustomWithSchema = DSCardCustomWithSchema;
85
- exports['default'] = CustomCard;
85
+ exports["default"] = CustomCard;
package/cjs/v2/Group.js CHANGED
@@ -14,19 +14,19 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
14
14
  var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
15
15
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
16
16
 
17
- const Group = /*#__PURE__*/styled__default['default'].div.withConfig({
17
+ const Group = /*#__PURE__*/styled__default["default"].div.withConfig({
18
18
  componentId: "sc-1y2lfoo-0"
19
19
  })(["display:flex;flex-direction:column;width:100%;max-width:100%;", "{border-top:none;}", ""], Card.CustomCard, ({
20
20
  theme,
21
21
  withTopBorder
22
22
  }) => withTopBorder ? `border-top: ${theme.colors.neutral['100']}` : '');
23
- const GroupTitle = /*#__PURE__*/styled__default['default'].span.withConfig({
23
+ const GroupTitle = /*#__PURE__*/styled__default["default"].span.withConfig({
24
24
  componentId: "sc-1y2lfoo-1"
25
25
  })(["", ""], dsSystem.truncate());
26
- const TitleWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
26
+ const TitleWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
27
27
  componentId: "sc-1y2lfoo-2"
28
28
  })(["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']));
29
- const Items = /*#__PURE__*/styled__default['default'].div.withConfig({
29
+ const Items = /*#__PURE__*/styled__default["default"].div.withConfig({
30
30
  componentId: "sc-1y2lfoo-3"
31
31
  })(["display:flex;flex-direction:column;"]);
32
32
 
@@ -34,9 +34,9 @@ const CardGroup = ({
34
34
  children,
35
35
  title,
36
36
  action
37
- }) => /*#__PURE__*/_jsx__default['default'](Group, {
37
+ }) => /*#__PURE__*/_jsx__default["default"](Group, {
38
38
  withTopBorder: !title
39
- }, 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));
39
+ }, 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));
40
40
 
41
41
  const cardgroupProps = {
42
42
  /**
@@ -59,4 +59,4 @@ DSCardGroupWithSchema.propTypes = cardgroupProps;
59
59
 
60
60
  exports.CardGroup = CardGroup;
61
61
  exports.DSCardGroupWithSchema = DSCardGroupWithSchema;
62
- exports['default'] = CardGroup;
62
+ exports["default"] = CardGroup;
package/cjs/v2/components.js CHANGED
@@ -9,34 +9,34 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
9
9
 
10
10
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
11
11
 
12
- const CardContainer = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
12
+ const CardContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
13
13
  componentId: "sc-1cjakml-0"
14
14
  })(["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;}"], ({
15
15
  theme,
16
16
  hasBorder
17
17
  }) => hasBorder ? `1px solid ${theme.colors.neutral['100']}` : '', props => props.theme.colors.neutral['100']);
18
- const LeftSection = /*#__PURE__*/styled__default['default'].div.withConfig({
18
+ const LeftSection = /*#__PURE__*/styled__default["default"].div.withConfig({
19
19
  componentId: "sc-1cjakml-1"
20
20
  })(["display:flex;align-items:center;"]);
21
- const LeftAddon = /*#__PURE__*/styled__default['default'].div.withConfig({
21
+ const LeftAddon = /*#__PURE__*/styled__default["default"].div.withConfig({
22
22
  componentId: "sc-1cjakml-2"
23
23
  })(["height:fit-content;width:fit-content;margin-right:16px;cursor:pointer;"]);
24
- const RightAddonSection = /*#__PURE__*/styled__default['default'].div.withConfig({
24
+ const RightAddonSection = /*#__PURE__*/styled__default["default"].div.withConfig({
25
25
  componentId: "sc-1cjakml-3"
26
26
  })(["display:flex;align-items:center;width:fit-content;"]);
27
- const RightAddon = /*#__PURE__*/styled__default['default'].div.withConfig({
27
+ const RightAddon = /*#__PURE__*/styled__default["default"].div.withConfig({
28
28
  componentId: "sc-1cjakml-4"
29
29
  })(["height:fit-content;width:fit-content;cursor:pointer;"]);
30
- const Separator = /*#__PURE__*/styled__default['default'].div.withConfig({
30
+ const Separator = /*#__PURE__*/styled__default["default"].div.withConfig({
31
31
  componentId: "sc-1cjakml-5"
32
32
  })(["width:0px;height:24px;border-right:1px solid ", ";margin:0 8px;"], props => props.theme.colors.neutral['300']);
33
- const MainSection = /*#__PURE__*/styled__default['default'].div.withConfig({
33
+ const MainSection = /*#__PURE__*/styled__default["default"].div.withConfig({
34
34
  componentId: "sc-1cjakml-6"
35
35
  })(["display:flex;flex-direction:column;"]);
36
- const Title = /*#__PURE__*/styled__default['default'].h3.withConfig({
36
+ const Title = /*#__PURE__*/styled__default["default"].h3.withConfig({
37
37
  componentId: "sc-1cjakml-7"
38
38
  })(["margin:0;font-size:16px;font-weight:", ";color:", ";"], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['800']);
39
- const Description = /*#__PURE__*/styled__default['default'].p.withConfig({
39
+ const Description = /*#__PURE__*/styled__default["default"].p.withConfig({
40
40
  componentId: "sc-1cjakml-8"
41
41
  })(["margin:0;color:", ";"], props => props.theme.colors.neutral['600']);
42
42
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-card",
3
- "version": "2.0.0-alpha.5",
3
+ "version": "2.0.0-alpha.9",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Card",
6
6
  "module": "./esm/index.js",
@@ -68,15 +68,15 @@
68
68
  "build": "node ../../scripts/build/build.js"
69
69
  },
70
70
  "dependencies": {
71
- "@elliemae/ds-button": "2.0.0-alpha.5",
72
- "@elliemae/ds-classnames": "2.0.0-alpha.5",
73
- "@elliemae/ds-form": "2.0.0-alpha.5",
74
- "@elliemae/ds-grid": "2.0.0-alpha.5",
75
- "@elliemae/ds-header": "2.0.0-alpha.5",
76
- "@elliemae/ds-icons": "2.0.0-alpha.5",
77
- "@elliemae/ds-separator": "2.0.0-alpha.5",
78
- "@elliemae/ds-system": "2.0.0-alpha.5",
79
- "@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.5",
71
+ "@elliemae/ds-button": "2.0.0-alpha.9",
72
+ "@elliemae/ds-classnames": "2.0.0-alpha.9",
73
+ "@elliemae/ds-form": "2.0.0-alpha.9",
74
+ "@elliemae/ds-grid": "2.0.0-alpha.9",
75
+ "@elliemae/ds-header": "2.0.0-alpha.9",
76
+ "@elliemae/ds-icons": "2.0.0-alpha.9",
77
+ "@elliemae/ds-separator": "2.0.0-alpha.9",
78
+ "@elliemae/ds-system": "2.0.0-alpha.9",
79
+ "@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.9",
80
80
  "react-desc": "~4.1.3"
81
81
  },
82
82
  "devDependencies": {