@elliemae/ds-mobile 2.2.0-next.3 → 2.3.0-alpha.1

package/cjs/MobileCard/ExpandableRegion.js

@@ -1,56 +1,81 @@
-'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(() => {
+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)(() => {
     setAnimate(show);
-    if (show) setHide(false);
+    if (show)
+      setHide(false);
   }, [show]);
-
   const hideOnAnimationEnd = () => {
-    if (!show) setHide(true);
+    if (!show)
+      setHide(true);
   };
-
-  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,
+  return /* @__PURE__ */ import_react.default.createElement(Region, {
+    hide,
+    refHeight: ref?.current?.scrollHeight || 9999,
     onTransitionEnd: hideOnAnimationEnd,
-    animate: animate
-  }, void 0, /*#__PURE__*/jsxRuntime.jsx(RegionWrapper, {
-    ref: ref,
-    children: content
-  }));
+    animate
+  }, /* @__PURE__ */ import_react.default.createElement(RegionWrapper, {
+    ref
+  }, content));
+};
+ExpandableRegion.propTypes = {
+  show: import_prop_types.default.bool,
+  content: import_prop_types.default.element
 };
-
-exports.ExpandableRegion = ExpandableRegion;
+module.exports = __toCommonJS(ExpandableRegion_exports);
+//# sourceMappingURL=ExpandableRegion.js.map

package/cjs/MobileCard/ExpandableRegion.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileCard/ExpandableRegion.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useEffect, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { border, truncate } from '@elliemae/ds-system';\n\nconst RegionWrapper = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst Region = styled.div<{ hide: boolean; animate: boolean; refHeight: number }>`\n  display: flex;\n  ${(props) => (props.hide ? 'visibility: hidden;' : '')}\n  transition: max-height ${(props) => (props.animate ? '0.25s' : '0.20s')} linear;\n  max-height: 0;\n  ${(props) =>\n    props.animate\n      ? `\n      max-height: ${props.refHeight}px;\n    `\n      : ''}\n  align-items: center;\n  ${truncate()};\n  border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\n\nexport const ExpandableRegion = ({ show, content }: { show: boolean; content: JSX.Element | JSX.Element[] }) => {\n  const ref = useRef<HTMLDivElement>(null);\n  // triggers transition\n  const [animate, setAnimate] = useState(show);\n  // needed to properly handle the transition. Hide after transition ends\n  const [hide, setHide] = useState(!show);\n  useEffect(() => {\n    setAnimate(show);\n    if (show) setHide(false);\n  }, [show]);\n\n  const hideOnAnimationEnd = () => {\n    if (!show) setHide(true);\n  };\n\n  return (\n    <Region\n      hide={hide}\n      // needed to handle transition, `auto` max-height isn't supported\n      refHeight={ref?.current?.scrollHeight || 9999}\n      onTransitionEnd={hideOnAnimationEnd}\n      animate={animate}\n    >\n      <RegionWrapper ref={ref}>{content}</RegionWrapper>\n    </Region>\n  );\n};\n\nExpandableRegion.propTypes = {\n  show: PropTypes.bool,\n  content: PropTypes.element,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAmD;AACnD,wBAAsB;AACtB,+BAAmB;AACnB,uBAAiC;AAEjC,MAAM,gBAAgB,iCAAO;AAAA;AAAA;AAAA;AAK7B,MAAM,SAAS,iCAAO;AAAA;AAAA,IAElB,CAAC,UAAW,MAAM,OAAO,wBAAwB;AAAA,2BAC1B,CAAC,UAAW,MAAM,UAAU,UAAU;AAAA;AAAA,IAE7D,CAAC,UACD,MAAM,UACF;AAAA,oBACY,MAAM;AAAA,QAElB;AAAA;AAAA,IAEJ;AAAA,gBACY,CAAC,UAAU,6BAAO,MAAM,MAAM,OAAO,QAAQ;AAAA,iBAC5C,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAG7C,MAAM,mBAAmB,CAAC,EAAE,MAAM,cAAuE;AAC9G,QAAM,MAAM,yBAAuB;AAEnC,QAAM,CAAC,SAAS,cAAc,2BAAS;AAEvC,QAAM,CAAC,MAAM,WAAW,2BAAS,CAAC;AAClC,8BAAU,MAAM;AACd,eAAW;AACX,QAAI;AAAM,cAAQ;AAAA,KACjB,CAAC;AAEJ,QAAM,qBAAqB,MAAM;AAC/B,QAAI,CAAC;AAAM,cAAQ;AAAA;AAGrB,SACE,mDAAC,QAAD;AAAA,IACE;AAAA,IAEA,WAAW,KAAK,SAAS,gBAAgB;AAAA,IACzC,iBAAiB;AAAA,IACjB;AAAA,KAEA,mDAAC,eAAD;AAAA,IAAe;AAAA,KAAW;AAAA;AAKhC,iBAAiB,YAAY;AAAA,EAC3B,MAAM,0BAAU;AAAA,EAChB,SAAS,0BAAU;AAAA;",
+  "names": []
+}

package/cjs/MobileCard/Group.js

@@ -1,98 +1,105 @@
-'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 __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
 });
-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']));
+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 MobileCardGroup = _ref2 => {
-  let {
-    children,
-    theme,
-    title,
-    action,
+  ${({ 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, {
     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: onChange
-  }, void 0, /*#__PURE__*/_jsx__default["default"](GroupGrid, {
+    onChange
+  }, /* @__PURE__ */ import_react.default.createElement(GroupGrid, {
     withTopBorder: !title,
-    rows: rows
-  }, void 0, !!title && /*#__PURE__*/_jsx__default["default"](GroupTitleGrid, {
+    rows
+  }, !!title && /* @__PURE__ */ import_react.default.createElement(GroupTitleGrid, {
     pl: "xxs"
-  }, 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, {
+  }, /* @__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, {
     key: idx,
     value: idx,
     idx
   }), null))));
 };
-
 const props = {
-  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('')
+  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("")
 };
-const DSMobileCardGroupWithSchema = reactDesc.describe(MobileCardGroup);
+MobileCardGroup.propTypes = props;
+const DSMobileCardGroupWithSchema = (0, import_react_desc.describe)(MobileCardGroup);
 DSMobileCardGroupWithSchema.propTypes = props;
-var MobileGroup = dsSystem.withTheme(MobileCardGroup);
-
-exports.DSMobileCardGroupWithSchema = DSMobileCardGroupWithSchema;
-exports["default"] = MobileGroup;
+var Group_default = (0, import_ds_system.withTheme)(MobileCardGroup);
+module.exports = __toCommonJS(Group_exports);
+//# sourceMappingURL=Group.js.map

package/cjs/MobileCard/Group.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileCard/Group.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport Group from '@elliemae/ds-shared/GroupContext/Group';\nimport { Grid } from '@elliemae/ds-grid';\nimport { color, border, withTheme, truncate, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { StyledCard as Card } from './StyledCard';\n\nconst GroupGrid = styled(Grid)`\n  ${Card} {\n    border-top: none;\n  }\n\n  ${({ theme, withTopBorder }) => (withTopBorder ? `border-top: ${border(theme.colors.neutral['100'])}` : '')}\n`;\n\nconst GroupTitle = styled.span`\n  ${truncate()}\n`;\n\nconst GroupTitleGrid = styled.div`\n  display: flex;\n  justify-content: space-between;\n  padding: 0 ${(props) => props.theme.space.xs};\n  font-size: ${(props) => `calc(${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)} / 2)`};\n  ${color('neutral', '700')}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  background-color: ${(props) => props.theme.colors.brand['200']};\n  border-top: ${(props) => border(props.theme.colors.brand['300'])};\n  line-height: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n  @media (min-width: 1024px) {\n    background-color: ${(props) => props.theme.colors.neutral['080']};\n    border-top: ${(props) => border(props.theme.colors.neutral['080'])};\n  }\n`;\n\nconst MobileCardGroup = ({\n  children,\n  theme,\n  title,\n  action,\n  activeValue,\n  allowMultipleOpen = false,\n  onChange = () => null,\n}) => {\n  const rows = !title ? ['auto'] : [__UNSAFE_SPACE_TO_DIMSUM(theme.space.m), 'auto'];\n\n  return (\n    <Group activeValue={activeValue} multiple={allowMultipleOpen} onChange={onChange}>\n      <GroupGrid withTopBorder={!title} rows={rows}>\n        {!!title && (\n          <GroupTitleGrid pl=\"xxs\">\n            <GroupTitle>{title}</GroupTitle>\n            {action}\n          </GroupTitleGrid>\n        )}\n        <Grid>\n          {React.Children.map(\n            children,\n            (child, idx) =>\n              React.cloneElement(child, {\n                key: idx,\n                value: idx,\n                idx,\n              }),\n            null,\n          )}\n        </Grid>\n      </GroupGrid>\n    </Group>\n  );\n};\n\nconst props = {\n  theme: PropTypes.object.isRequired.description(''),\n  /**\n   * Defines group title\n   */\n  title: PropTypes.string.description(''),\n  /**\n   * Pass one or more Mobile Cards to render as a group\n   */\n  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(''),\n  /**\n   * Group header addon\n   */\n  action: PropTypes.element.description(''),\n  /**  */\n  activeValue: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]).description(''),\n  /**  */\n  allowMultipleOpen: PropTypes.bool.description(''),\n  /**  */\n  onChange: PropTypes.func.description(''),\n};\n\nMobileCardGroup.propTypes = props;\n\nconst DSMobileCardGroupWithSchema = describe(MobileCardGroup);\n\nDSMobileCardGroupWithSchema.propTypes = props;\n\nexport { DSMobileCardGroupWithSchema };\n\nexport default withTheme(MobileCardGroup);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAoC;AACpC,+BAAmB;AACnB,mBAAkB;AAClB,qBAAqB;AACrB,uBAA6E;AAC7E,wBAAmC;AAEnC,MAAM,YAAY,sCAAO;AAAA,IACrB;AAAA;AAAA;AAAA;AAAA,IAIA,CAAC,EAAE,OAAO,oBAAqB,gBAAgB,eAAe,6BAAO,MAAM,OAAO,QAAQ,YAAY;AAAA;AAG1G,MAAM,aAAa,iCAAO;AAAA,IACtB;AAAA;AAGJ,MAAM,iBAAiB,iCAAO;AAAA;AAAA;AAAA,eAGf,CAAC,WAAU,OAAM,MAAM,MAAM;AAAA,eAC7B,CAAC,WAAU,QAAQ,+CAAyB,OAAM,MAAM,MAAM;AAAA,IACzE,4BAAM,WAAW;AAAA,iBACJ,CAAC,WAAU,OAAM,MAAM,YAAY;AAAA,sBAC9B,CAAC,WAAU,OAAM,MAAM,OAAO,MAAM;AAAA,gBAC1C,CAAC,WAAU,6BAAO,OAAM,MAAM,OAAO,MAAM;AAAA,iBAC1C,CAAC,WAAU,+CAAyB,OAAM,MAAM,MAAM;AAAA;AAAA,wBAE/C,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA,kBAC5C,CAAC,WAAU,6BAAO,OAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI/D,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB,WAAW,MAAM;AAAA,MACb;AACJ,QAAM,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,+CAAyB,MAAM,MAAM,IAAI;AAE3E,SACE,mDAAC,sBAAD;AAAA,IAAO;AAAA,IAA0B,UAAU;AAAA,IAAmB;AAAA,KAC5D,mDAAC,WAAD;AAAA,IAAW,eAAe,CAAC;AAAA,IAAO;AAAA,KAC/B,CAAC,CAAC,SACD,mDAAC,gBAAD;AAAA,IAAgB,IAAG;AAAA,KACjB,mDAAC,YAAD,MAAa,QACZ,SAGL,mDAAC,qBAAD,MACG,qBAAM,SAAS,IACd,UACA,CAAC,OAAO,QACN,qBAAM,aAAa,OAAO;AAAA,IACxB,KAAK;AAAA,IACL,OAAO;AAAA,IACP;AAAA,MAEJ;AAAA;AAQZ,MAAM,QAAQ;AAAA,EACZ,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAI/C,OAAO,4BAAU,OAAO,YAAY;AAAA,EAIpC,UAAU,4BAAU,UAAU,CAAC,4BAAU,SAAS,4BAAU,QAAQ,4BAAU,WAAW,WAAW,YAAY;AAAA,EAIhH,QAAQ,4BAAU,QAAQ,YAAY;AAAA,EAEtC,aAAa,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,QAAQ,4BAAU,UAAU,YAAY;AAAA,EAEtG,mBAAmB,4BAAU,KAAK,YAAY;AAAA,EAE9C,UAAU,4BAAU,KAAK,YAAY;AAAA;AAGvC,gBAAgB,YAAY;AAE5B,MAAM,8BAA8B,gCAAS;AAE7C,4BAA4B,YAAY;AAIxC,IAAO,gBAAQ,gCAAU;",
+  "names": []
+}

package/cjs/MobileCard/StyledCard.js

@@ -1,16 +1,44 @@
-'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;
+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

package/cjs/MobileCard/StyledCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileCard/StyledCard.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\nimport { border } from '@elliemae/ds-system';\n\nexport const StyledCard = styled.div<{ minHeight: string }>`\n  display: flex;\n  align-items: center;\n  height: fit-content;\n  min-height: ${(props) => props.minHeight};\n  border: ${(props) => border(props.theme.colors.neutral['100'])};\n  border-bottom: ${(props) => border('.5px', props.theme.colors.neutral['500'])};\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,uBAAuB;AAEhB,MAAM,aAAa,iCAAO;AAAA;AAAA;AAAA;AAAA,gBAIjB,CAAC,UAAU,MAAM;AAAA,YACrB,CAAC,UAAU,6BAAO,MAAM,MAAM,OAAO,QAAQ;AAAA,mBACtC,CAAC,UAAU,6BAAO,QAAQ,MAAM,MAAM,OAAO,QAAQ;AAAA;",
+  "names": []
+}

package/cjs/MobileCard/index.js

@@ -1,18 +1,45 @@
-'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;
+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

package/cjs/MobileCard/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileCard/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import MobileCard, { DSMobileCardWithSchema } from './Card';\nimport MobileGroup, { DSMobileCardGroupWithSchema } from './Group';\nimport { ActionAddon } from './ActionAddon';\n\nMobileCard.Group = MobileGroup;\nconst DSMobileCard = MobileCard;\n\nexport {\n  DSMobileCard,\n  ActionAddon,\n  DSMobileCardWithSchema,\n  DSMobileCardGroupWithSchema,\n};\nexport * from './CardIcons';\nexport default MobileCard;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kBAAmD;AACnD,mBAAyD;AACzD,yBAA4B;AAW5B,+BAAc;AATd,oBAAW,QAAQ;AACnB,MAAM,eAAe;AASrB,IAAO,qBAAQ;",
+  "names": []
+}

package/cjs/MobileCard/props.js

@@ -1,62 +1,50 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-
+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 props_exports = {};
+__export(props_exports, {
+  cardPropsTypes: () => cardPropsTypes
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
 const cardPropsTypes = {
-  /**
-   * card height
-   */
-  height: reactDesc.PropTypes.oneOf(['s', 'm']).description('card height'),
-
-  /**
-   * Defines mobile card title
-   */
-  children: reactDesc.PropTypes.string.description('Defines mobile card title').isRequired,
-
-  /**
-   * Wheter if the card is expandable or not
-   */
-  expandable: reactDesc.PropTypes.bool.description('Wheter if the card is expandable or not'),
-
-  /**
-   * content to display in expand card section
-   */
-  expandedContent: reactDesc.PropTypes.element.description('content to display in expand card section'),
-
-  /**
-   * Icon to the left of the card. Size is adjusted automatically.
-   */
-  leftAddOn: reactDesc.PropTypes.element.description('Icon to the left of the card. Size is adjusted automatically.'),
-
-  /**
-   * Pass an element to render left. For example a Button with an icon
-   */
-  leftProp: reactDesc.PropTypes.element.description('Pass an element to render left. For example a Button with an icon'),
-
-  /**
-   * Pass an array of 1 or 2 elements to render right. For example a Button with an icon
-   */
-  rightProp: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.element).description('Pass an array of 1 or 2 elements to render right. For example a Button with an icon'),
-
-  /**
-   * Pass an array of 1 or 2 strings
-   */
-  subText: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string).description('Pass an array of 1 or 2 strings'),
-
-  /**
-   * SubIcons component
-   */
-  subIcons: reactDesc.PropTypes.element.description('SubIcons component'),
-
-  /**
-   * Pass an array of 1, 2 or 3 strings
-   */
-  details: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string).description('Pass an array of 1, 2 or 3 strings'),
-  theme: reactDesc.PropTypes.object.description('').isRequired,
-  value: reactDesc.PropTypes.number.description(''),
-  cardContent: reactDesc.PropTypes.node.description('JSX content for the card')
+  height: import_react_desc.PropTypes.oneOf(["s", "m"]).description("card height"),
+  children: import_react_desc.PropTypes.string.description("Defines mobile card title").isRequired,
+  expandable: import_react_desc.PropTypes.bool.description("Wheter if the card is expandable or not"),
+  expandedContent: import_react_desc.PropTypes.element.description("content to display in expand card section"),
+  leftAddOn: import_react_desc.PropTypes.element.description("Icon to the left of the card. Size is adjusted automatically."),
+  leftProp: import_react_desc.PropTypes.element.description("Pass an element to render left. For example a Button with an icon"),
+  rightProp: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.element).description("Pass an array of 1 or 2 elements to render right. For example a Button with an icon"),
+  subText: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.string).description("Pass an array of 1 or 2 strings"),
+  subIcons: import_react_desc.PropTypes.element.description("SubIcons component"),
+  details: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.string).description("Pass an array of 1, 2 or 3 strings"),
+  theme: import_react_desc.PropTypes.object.description("").isRequired,
+  value: import_react_desc.PropTypes.number.description(""),
+  cardContent: import_react_desc.PropTypes.node.description("JSX content for the card")
 };
-
-exports.cardPropsTypes = cardPropsTypes;
+module.exports = __toCommonJS(props_exports);
+//# sourceMappingURL=props.js.map