@elliemae/ds-mobile 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/MobileCard/ExpandChevron.js

@@ -1,59 +1,35 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var ExpandChevron_exports = {};
-__export(ExpandChevron_exports, {
-  ExpandChevron: () => ExpandChevron
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_icons = require("@elliemae/ds-icons");
-const ChevronWrap = import_styled_components.default.div`
-  margin-top: ${(props) => props.align === "top" ? "18px" : "0"};
-  align-self: ${(props) => props.align === "top" ? "flex-start" : "center"};
-  margin-left: ${(props) => props.theme.space.xs};
-`;
-const ExpandChevron = ({ isExpanded, onClick, align }) => {
-  const Chevron = isExpanded ? import_ds_icons.ChevronDown : import_ds_icons.ChevronRight;
-  return /* @__PURE__ */ import_react.default.createElement(ChevronWrap, {
-    "data-testid": "ds-card-expand-chevron",
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var styled = require('styled-components');
+var dsIcons = require('@elliemae/ds-icons');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const ChevronWrap = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-1l0ask2-0"
+})(["margin-top:", ";align-self:", ";margin-left:", ";"], props => props.align === 'top' ? '18px' : '0', props => props.align === 'top' ? 'flex-start' : 'center', props => props.theme.space.xs);
+const ExpandChevron = _ref => {
+  let {
+    isExpanded,
+    onClick,
     align
-  }, /* @__PURE__ */ import_react.default.createElement(Chevron, {
+  } = _ref;
+  const Chevron = isExpanded ? dsIcons.ChevronDown : dsIcons.ChevronRight;
+  return /*#__PURE__*/_jsx__default["default"](ChevronWrap, {
+    "data-testid": "ds-card-expand-chevron",
+    align: align
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Chevron, {
     size: "s",
-    color: ["brand-primary", 800],
-    onClick
+    color: ['brand-primary', 800],
+    onClick: onClick
   }));
 };
-ExpandChevron.propTypes = {
-  isExpanded: import_prop_types.default.bool,
-  onClick: import_prop_types.default.func.isRequired,
-  align: import_prop_types.default.string.isRequired
-};
-module.exports = __toCommonJS(ExpandChevron_exports);
-//# sourceMappingURL=ExpandChevron.js.map
+
+exports.ExpandChevron = ExpandChevron;

package/cjs/MobileCard/ExpandableRegion.js

@@ -1,81 +1,56 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var ExpandableRegion_exports = {};
-__export(ExpandableRegion_exports, {
-  ExpandableRegion: () => ExpandableRegion
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_system = require("@elliemae/ds-system");
-const RegionWrapper = import_styled_components.default.div`
-  width: 100%;
-  height: 100%;
-`;
-const Region = import_styled_components.default.div`
-  display: flex;
-  ${(props) => props.hide ? "visibility: hidden;" : ""}
-  transition: max-height ${(props) => props.animate ? "0.25s" : "0.20s"} linear;
-  max-height: 0;
-  ${(props) => props.animate ? `
-      max-height: ${props.refHeight}px;
-    ` : ""}
-  align-items: center;
-  ${(0, import_ds_system.truncate)()};
-  border-top: ${(props) => (0, import_ds_system.border)(props.theme.colors.neutral["300"])};
-  font-weight: ${(props) => props.theme.fontWeights.regular};
-`;
-const ExpandableRegion = ({ show, content }) => {
-  const ref = (0, import_react.useRef)(null);
-  const [animate, setAnimate] = (0, import_react.useState)(show);
-  const [hide, setHide] = (0, import_react.useState)(!show);
-  (0, import_react.useEffect)(() => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+var styled = require('styled-components');
+var dsSystem = require('@elliemae/ds-system');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const RegionWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-mduzz9-0"
+})(["width:100%;height:100%;"]);
+const Region = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-mduzz9-1"
+})(["display:flex;", " transition:max-height ", " linear;max-height:0;", " align-items:center;", ";border-top:", ";font-weight:", ";"], props => props.hide ? 'visibility: hidden;' : '', props => props.animate ? '0.25s' : '0.20s', props => props.animate ? "\n      max-height: ".concat(props.refHeight, "px;\n    ") : '', dsSystem.truncate(), props => dsSystem.border(props.theme.colors.neutral['300']), props => props.theme.fontWeights.regular);
+const ExpandableRegion = _ref => {
+  var _ref$current;
+
+  let {
+    show,
+    content
+  } = _ref;
+  const ref = React.useRef(null); // triggers transition
+
+  const [animate, setAnimate] = React.useState(show); // needed to properly handle the transition. Hide after transition ends
+
+  const [hide, setHide] = React.useState(!show);
+  React.useEffect(() => {
     setAnimate(show);
-    if (show)
-      setHide(false);
+    if (show) setHide(false);
   }, [show]);
+
   const hideOnAnimationEnd = () => {
-    if (!show)
-      setHide(true);
+    if (!show) setHide(true);
   };
-  return /* @__PURE__ */ import_react.default.createElement(Region, {
-    hide,
-    refHeight: ref?.current?.scrollHeight || 9999,
+
+  return /*#__PURE__*/_jsx__default["default"](Region, {
+    hide: hide // needed to handle transition, `auto` max-height isn't supported
+    ,
+    refHeight: (ref === null || ref === void 0 ? void 0 : (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollHeight) || 9999,
     onTransitionEnd: hideOnAnimationEnd,
-    animate
-  }, /* @__PURE__ */ import_react.default.createElement(RegionWrapper, {
-    ref
-  }, content));
-};
-ExpandableRegion.propTypes = {
-  show: import_prop_types.default.bool,
-  content: import_prop_types.default.element
+    animate: animate
+  }, void 0, /*#__PURE__*/jsxRuntime.jsx(RegionWrapper, {
+    ref: ref,
+    children: content
+  }));
 };
-module.exports = __toCommonJS(ExpandableRegion_exports);
-//# sourceMappingURL=ExpandableRegion.js.map
+
+exports.ExpandableRegion = ExpandableRegion;

package/cjs/MobileCard/Group.js

@@ -1,105 +1,98 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var Group_exports = {};
-__export(Group_exports, {
-  DSMobileCardGroupWithSchema: () => DSMobileCardGroupWithSchema,
-  default: () => Group_default
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+var React = require('react');
+var reactDesc = require('react-desc');
+var styled = require('styled-components');
+var Group = require('@elliemae/ds-shared/GroupContext/Group');
+var dsGrid = require('@elliemae/ds-grid');
+var dsSystem = require('@elliemae/ds-system');
+var StyledCard = require('./StyledCard.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var Group__default = /*#__PURE__*/_interopDefaultLegacy(Group);
+
+const GroupGrid = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-17xukaf-0"
+})(["", "{border-top:none;}", ""], StyledCard.StyledCard, _ref => {
+  let {
+    theme,
+    withTopBorder
+  } = _ref;
+  return withTopBorder ? "border-top: ".concat(dsSystem.border(theme.colors.neutral['100'])) : '';
 });
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_styled_components = __toESM(require("styled-components"));
-var import_Group = __toESM(require("@elliemae/ds-shared/GroupContext/Group"));
-var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_system = require("@elliemae/ds-system");
-var import_StyledCard = require("./StyledCard");
-const GroupGrid = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  ${import_StyledCard.StyledCard} {
-    border-top: none;
-  }
+const GroupTitle = /*#__PURE__*/styled__default["default"].span.withConfig({
+  componentId: "sc-17xukaf-1"
+})(["", ""], dsSystem.truncate());
+const GroupTitleGrid = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-17xukaf-2"
+})(["display:flex;justify-content:space-between;padding:0 ", ";font-size:", ";", " font-weight:", ";background-color:", ";border-top:", ";line-height:", ";@media (min-width:1024px){background-color:", ";border-top:", ";}"], props => props.theme.space.xs, props => "calc(".concat(dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m), " / 2)"), dsSystem.color('neutral', '700'), props => props.theme.fontWeights.semibold, props => props.theme.colors.brand['200'], props => dsSystem.border(props.theme.colors.brand['300']), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m), props => props.theme.colors.neutral['080'], props => dsSystem.border(props.theme.colors.neutral['080']));
 
-  ${({ theme, withTopBorder }) => withTopBorder ? `border-top: ${(0, import_ds_system.border)(theme.colors.neutral["100"])}` : ""}
-`;
-const GroupTitle = import_styled_components.default.span`
-  ${(0, import_ds_system.truncate)()}
-`;
-const GroupTitleGrid = import_styled_components.default.div`
-  display: flex;
-  justify-content: space-between;
-  padding: 0 ${(props2) => props2.theme.space.xs};
-  font-size: ${(props2) => `calc(${(0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props2.theme.space.m)} / 2)`};
-  ${(0, import_ds_system.color)("neutral", "700")}
-  font-weight: ${(props2) => props2.theme.fontWeights.semibold};
-  background-color: ${(props2) => props2.theme.colors.brand["200"]};
-  border-top: ${(props2) => (0, import_ds_system.border)(props2.theme.colors.brand["300"])};
-  line-height: ${(props2) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props2.theme.space.m)};
-  @media (min-width: 1024px) {
-    background-color: ${(props2) => props2.theme.colors.neutral["080"]};
-    border-top: ${(props2) => (0, import_ds_system.border)(props2.theme.colors.neutral["080"])};
-  }
-`;
-const MobileCardGroup = ({
-  children,
-  theme,
-  title,
-  action,
-  activeValue,
-  allowMultipleOpen = false,
-  onChange = () => null
-}) => {
-  const rows = !title ? ["auto"] : [(0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.m), "auto"];
-  return /* @__PURE__ */ import_react.default.createElement(import_Group.default, {
+const MobileCardGroup = _ref2 => {
+  let {
+    children,
+    theme,
+    title,
+    action,
     activeValue,
+    allowMultipleOpen = false,
+    onChange = () => null
+  } = _ref2;
+  const rows = !title ? ['auto'] : [dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.m), 'auto'];
+  return /*#__PURE__*/_jsx__default["default"](Group__default["default"], {
+    activeValue: activeValue,
     multiple: allowMultipleOpen,
-    onChange
-  }, /* @__PURE__ */ import_react.default.createElement(GroupGrid, {
+    onChange: onChange
+  }, void 0, /*#__PURE__*/_jsx__default["default"](GroupGrid, {
     withTopBorder: !title,
-    rows
-  }, !!title && /* @__PURE__ */ import_react.default.createElement(GroupTitleGrid, {
+    rows: rows
+  }, void 0, !!title && /*#__PURE__*/_jsx__default["default"](GroupTitleGrid, {
     pl: "xxs"
-  }, /* @__PURE__ */ import_react.default.createElement(GroupTitle, null, title), action), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, import_react.default.Children.map(children, (child, idx) => import_react.default.cloneElement(child, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](GroupTitle, {}, void 0, title), action), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, React__default["default"].Children.map(children, (child, idx) => /*#__PURE__*/React__default["default"].cloneElement(child, {
     key: idx,
     value: idx,
     idx
   }), null))));
 };
+
 const props = {
-  theme: import_react_desc.PropTypes.object.isRequired.description(""),
-  title: import_react_desc.PropTypes.string.description(""),
-  children: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.element, import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.element)]).isRequired.description(""),
-  action: import_react_desc.PropTypes.element.description(""),
-  activeValue: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.number, import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.number)]).description(""),
-  allowMultipleOpen: import_react_desc.PropTypes.bool.description(""),
-  onChange: import_react_desc.PropTypes.func.description("")
+  theme: reactDesc.PropTypes.object.isRequired.description(''),
+
+  /**
+   * Defines group title
+   */
+  title: reactDesc.PropTypes.string.description(''),
+
+  /**
+   * Pass one or more Mobile Cards to render as a group
+   */
+  children: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.element, reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.element)]).isRequired.description(''),
+
+  /**
+   * Group header addon
+   */
+  action: reactDesc.PropTypes.element.description(''),
+
+  /**  */
+  activeValue: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.number)]).description(''),
+
+  /**  */
+  allowMultipleOpen: reactDesc.PropTypes.bool.description(''),
+
+  /**  */
+  onChange: reactDesc.PropTypes.func.description('')
 };
-MobileCardGroup.propTypes = props;
-const DSMobileCardGroupWithSchema = (0, import_react_desc.describe)(MobileCardGroup);
+const DSMobileCardGroupWithSchema = reactDesc.describe(MobileCardGroup);
 DSMobileCardGroupWithSchema.propTypes = props;
-var Group_default = (0, import_ds_system.withTheme)(MobileCardGroup);
-module.exports = __toCommonJS(Group_exports);
-//# sourceMappingURL=Group.js.map
+var MobileGroup = dsSystem.withTheme(MobileCardGroup);
+
+exports.DSMobileCardGroupWithSchema = DSMobileCardGroupWithSchema;
+exports["default"] = MobileGroup;

package/cjs/MobileCard/StyledCard.js

@@ -1,44 +1,16 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var StyledCard_exports = {};
-__export(StyledCard_exports, {
-  StyledCard: () => StyledCard
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_system = require("@elliemae/ds-system");
-const StyledCard = import_styled_components.default.div`
-  display: flex;
-  align-items: center;
-  height: fit-content;
-  min-height: ${(props) => props.minHeight};
-  border: ${(props) => (0, import_ds_system.border)(props.theme.colors.neutral["100"])};
-  border-bottom: ${(props) => (0, import_ds_system.border)(".5px", props.theme.colors.neutral["500"])};
-`;
-module.exports = __toCommonJS(StyledCard_exports);
-//# sourceMappingURL=StyledCard.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+var dsSystem = require('@elliemae/ds-system');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StyledCard = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-28g2t3-0"
+})(["display:flex;align-items:center;height:fit-content;min-height:", ";border:", ";border-bottom:", ";"], props => props.minHeight, props => dsSystem.border(props.theme.colors.neutral['100']), props => dsSystem.border('.5px', props.theme.colors.neutral['500']));
+
+exports.StyledCard = StyledCard;

package/cjs/MobileCard/index.js

@@ -1,45 +1,18 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var MobileCard_exports = {};
-__export(MobileCard_exports, {
-  ActionAddon: () => import_ActionAddon.ActionAddon,
-  DSMobileCard: () => DSMobileCard,
-  DSMobileCardGroupWithSchema: () => import_Group.DSMobileCardGroupWithSchema,
-  DSMobileCardWithSchema: () => import_Card.DSMobileCardWithSchema,
-  default: () => MobileCard_default
-});
-var React = __toESM(require("react"));
-var import_Card = __toESM(require("./Card"));
-var import_Group = __toESM(require("./Group"));
-var import_ActionAddon = require("./ActionAddon");
-__reExport(MobileCard_exports, require("./CardIcons"));
-import_Card.default.Group = import_Group.default;
-const DSMobileCard = import_Card.default;
-var MobileCard_default = import_Card.default;
-module.exports = __toCommonJS(MobileCard_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Card = require('./Card.js');
+var Group = require('./Group.js');
+var ActionAddon = require('./ActionAddon.js');
+var CardIcons = require('./CardIcons.js');
+
+Card["default"].Group = Group["default"];
+const DSMobileCard = Card["default"];
+
+exports.DSMobileCardWithSchema = Card.DSMobileCardWithSchema;
+exports["default"] = Card["default"];
+exports.DSMobileCardGroupWithSchema = Group.DSMobileCardGroupWithSchema;
+exports.ActionAddon = ActionAddon.ActionAddon;
+exports.SubIcons = CardIcons.SubIcons;
+exports.DSMobileCard = DSMobileCard;