@elliemae/ds-mobile 2.0.0-alpha.11 → 2.0.0-alpha.12

package/cjs/PageList/PageList.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var styled = require('styled-components');
-var Grid = require('@elliemae/ds-basic/Grid');
+var dsGrid = require('@elliemae/ds-grid');
 var dsSystem = require('@elliemae/ds-system');
 var FullPageContainer = require('../FullPageContainer/FullPageContainer.js');
 var FullPageContainerScroll = require('../FullPageContainer/FullPageContainerScroll.js');
@@ -15,23 +15,24 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const PageTitleWrapper = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+const PageTitleWrapper = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-e4h57j-0"
 })(["min-height:44px;"]);
-const DSMobilePageList = dsSystem.withTheme(({
-  header = null,
-  pageTitle = null,
-  filterBar = null,
-  body = null,
-  footer = null,
-  theme
-}) => {
+const DSMobilePageList = dsSystem.withTheme(_ref => {
+  let {
+    header = null,
+    pageTitle = null,
+    filterBar = null,
+    body = null,
+    footer = null,
+    theme
+  } = _ref;
   const rows = ['auto', dsSystem.op('*', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 0.83), 1];
   if (header) rows.unshift(dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl));
   if (footer) rows.push('56px');
   return /*#__PURE__*/_jsx__default["default"](FullPageContainer.DSFullPageContainer, {
     rows: rows
-  }, void 0, header && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, header), /*#__PURE__*/_jsx__default["default"](PageTitleWrapper, {}, void 0, pageTitle), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, filterBar), /*#__PURE__*/_jsx__default["default"](FullPageContainerScroll.DSFullPageContainerScroll, {}, void 0, body), footer && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, footer));
+  }, void 0, header && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, header), /*#__PURE__*/_jsx__default["default"](PageTitleWrapper, {}, void 0, pageTitle), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, filterBar), /*#__PURE__*/_jsx__default["default"](FullPageContainerScroll.DSFullPageContainerScroll, {}, void 0, body), footer && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, footer));
 });
 const DSPageList = DSMobilePageList;
 

package/cjs/PageSearch/PageSearch.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var styled = require('styled-components');
-var Grid = require('@elliemae/ds-basic/Grid');
+var dsGrid = require('@elliemae/ds-grid');
 var dsSystem = require('@elliemae/ds-system');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -13,27 +13,28 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Header = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+const Header = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-a8tzbi-0"
 })(["height:100%;background:", ";padding:", ";"], props => props.theme.colors.brand['600'], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs));
-const DSMobilePageSearch = dsSystem.withTheme(({
-  HeaderContainer = Header,
-  SearchContainer = Header,
-  searchHeader = null,
-  pageTitle = 'Search',
-  body = null,
-  theme
-}) => {
+const DSMobilePageSearch = dsSystem.withTheme(_ref => {
+  let {
+    HeaderContainer = Header,
+    SearchContainer = Header,
+    searchHeader = null,
+    pageTitle = 'Search',
+    body = null,
+    theme
+  } = _ref;
   const rows = [dsSystem.op('*', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 0.81), dsSystem.op('*', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 1.62), 1];
-  return /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     rows: rows,
     height: "100%"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](HeaderContainer, {}, void 0, pageTitle)), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](SearchContainer, {}, void 0, searchHeader)), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](HeaderContainer, {}, void 0, pageTitle)), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](SearchContainer, {}, void 0, searchHeader)), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     height: "100%",
     style: {
       overflow: 'hidden'
     }
-  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     height: "100%",
     style: {
       overflow: 'auto'

package/cjs/PageSummary/PageSummary.js

@@ -4,13 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var Grid = require('@elliemae/ds-basic/Grid');
+var dsGrid = require('@elliemae/ds-grid');
 var styled = require('styled-components');
 var dsSystem = require('@elliemae/ds-system');
 var FullPageContainer = require('../FullPageContainer/FullPageContainer.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/objectWithoutProperties');
-require('@elliemae/ds-basic');
 require('react/jsx-runtime');
 var Tags = require('./Tags.js');
 
@@ -19,26 +23,35 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Body = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+const Body = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-1jlvilw-0"
-})(["margin:0 auto;width:100%;@media (min-width:", "){", "}"], ({
-  theme
-}) => theme.breakpoints.small, ({
-  theme
-}) => "width: ".concat(dsSystem.op('*', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25), ";"));
-
-const PageSummary = ({
-  header = null,
-  headerZIndex = 1,
-  bodyPrimary = null,
-  actions = null,
-  actionsZIndex = 1,
-  bodySecondary = null
-}) => /*#__PURE__*/_jsx__default["default"](FullPageContainer.DSFullPageContainer, {}, void 0, header && /*#__PURE__*/_jsx__default["default"](Tags.Header, {
-  zIndex: headerZIndex
-}, void 0, header), /*#__PURE__*/_jsx__default["default"](Tags.Section, {}, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](Body, {}, void 0, bodyPrimary)), /*#__PURE__*/_jsx__default["default"](Tags.Toolbar, {
-  zIndex: actionsZIndex
-}, void 0, actions), /*#__PURE__*/_jsx__default["default"](Tags.BodyWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](Body, {}, void 0, bodySecondary))));
+})(["margin:0 auto;width:100%;@media (min-width:", "){", "}"], _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.breakpoints.small;
+}, _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return "width: ".concat(dsSystem.op('*', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25), ";");
+});
+
+const PageSummary = _ref3 => {
+  let {
+    header = null,
+    headerZIndex = 1,
+    bodyPrimary = null,
+    actions = null,
+    actionsZIndex = 1,
+    bodySecondary = null
+  } = _ref3;
+  return /*#__PURE__*/_jsx__default["default"](FullPageContainer.DSFullPageContainer, {}, void 0, header && /*#__PURE__*/_jsx__default["default"](Tags.Header, {
+    zIndex: headerZIndex
+  }, void 0, header), /*#__PURE__*/_jsx__default["default"](Tags.Section, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](Body, {}, void 0, bodyPrimary)), /*#__PURE__*/_jsx__default["default"](Tags.Toolbar, {
+    zIndex: actionsZIndex
+  }, void 0, actions), /*#__PURE__*/_jsx__default["default"](Tags.BodyWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](Body, {}, void 0, bodySecondary))));
+};
 
 const DSPageSummary = PageSummary;
 

package/cjs/PageSummary/Tags.js

@@ -10,14 +10,20 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 const Header = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1bwtial-0"
-})(["position:fixed;display:grid;top:0;left:0;width:100%;height:64px;z-index:", ";"], ({
-  zIndex
-}) => zIndex);
+})(["position:fixed;display:grid;top:0;left:0;width:100%;height:64px;z-index:", ";"], _ref => {
+  let {
+    zIndex
+  } = _ref;
+  return zIndex;
+});
 const Toolbar = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1bwtial-1"
-})(["position:sticky;left:0;top:64px;background:", ";z-index:", ";"], props => props.theme.colors.neutral['000'], ({
-  zIndex
-}) => zIndex);
+})(["position:sticky;left:0;top:64px;background:", ";z-index:", ";"], props => props.theme.colors.neutral['000'], _ref2 => {
+  let {
+    zIndex
+  } = _ref2;
+  return zIndex;
+});
 const BodyWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1bwtial-2"
 })(["position:relative;display:grid;top:0;left:0;height:100%;"]);

package/cjs/SideNav/SideNav.js

@@ -4,10 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 var React = require('react');
-var dsBasic = require('@elliemae/ds-basic');
-var Close = require('@elliemae/ds-icons/Close');
-var Icon = require('@elliemae/ds-basic/Icon');
+var Backdrop = require('@elliemae/ds-backdrop');
+var dsIcons = require('@elliemae/ds-icons');
+var dsIcon = require('@elliemae/ds-icon');
 var reactDesc = require('react-desc');
 var lodash = require('lodash');
 var EM_logo = require('../Icons/EM_logo.js');
@@ -17,17 +19,17 @@ 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 Close__default = /*#__PURE__*/_interopDefaultLegacy(Close);
 
 var _span, _Hr, _hr;
 
-const DSSideNav = ({
-  containerProps = {},
-  title,
-  onClose = lodash.noop,
-  menuItems = [],
-  bottomMenuItems = []
-}) => {
+const DSSideNav = _ref => {
+  let {
+    containerProps = {},
+    title,
+    onClose = lodash.noop,
+    menuItems = [],
+    bottomMenuItems = []
+  } = _ref;
   const [selectedMenuItemIdx, setSelectedMenuItem] = React.useState(-1);
 
   const menuItemClick = (idx, text, cb) => {
@@ -39,46 +41,52 @@ const DSSideNav = ({
   };
 
   const renderMenuList = () => /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: menuItems.length > 0 ? /*#__PURE__*/_jsx__default["default"](styles.MenuList, {}, void 0, menuItems.map(({
+    children: menuItems.length > 0 ? /*#__PURE__*/_jsx__default["default"](styles.MenuList, {}, void 0, menuItems.map((_ref2, idx) => {
+      let {
+        icon,
+        text,
+        onClick
+      } = _ref2;
+      return /*#__PURE__*/_jsx__default["default"]("div", {
+        className: "menuitem",
+        onClick: menuItemClick.bind(null, idx, text, onClick)
+      }, idx, /*#__PURE__*/_jsx__default["default"]("div", {
+        className: "icon"
+      }, void 0, icon), /*#__PURE__*/_jsx__default["default"]("div", {
+        className: "text ".concat(idx === selectedMenuItemIdx ? 'active' : '')
+      }, void 0, text));
+    })) : null
+  });
+
+  const renderBottomMenu = () => /*#__PURE__*/_jsx__default["default"](styles.MenuList, {}, void 0, bottomMenuItems.map((_ref3, idx) => {
+    let {
       icon,
       text,
       onClick
-    }, idx) => /*#__PURE__*/_jsx__default["default"]("div", {
+    } = _ref3;
+    return /*#__PURE__*/_jsx__default["default"]("div", {
       className: "menuitem",
-      onClick: menuItemClick.bind(null, idx, text, onClick)
+      onClick: () => onClick(idx, text)
     }, idx, /*#__PURE__*/_jsx__default["default"]("div", {
       className: "icon"
     }, void 0, icon), /*#__PURE__*/_jsx__default["default"]("div", {
-      className: "text ".concat(idx === selectedMenuItemIdx ? 'active' : '')
-    }, void 0, text)))) : null
-  });
-
-  const renderBottomMenu = () => /*#__PURE__*/_jsx__default["default"](styles.MenuList, {}, void 0, bottomMenuItems.map(({
-    icon,
-    text,
-    onClick
-  }, idx) => /*#__PURE__*/_jsx__default["default"]("div", {
-    className: "menuitem",
-    onClick: () => onClick(idx, text)
-  }, idx, /*#__PURE__*/_jsx__default["default"]("div", {
-    className: "icon"
-  }, void 0, icon), /*#__PURE__*/_jsx__default["default"]("div", {
-    className: "text"
-  }, void 0, text))));
+      className: "text"
+    }, void 0, text));
+  }));
 
   return /*#__PURE__*/_jsx__default["default"](styles.Container, {
     "data-testid": containerProps['data-testid'] || 'global-header-menu'
-  }, void 0, /*#__PURE__*/_jsx__default["default"](dsBasic.DSBackdrop, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Backdrop.DSBackdrop, {
     onClick: onClose,
     type: "cover"
   }), /*#__PURE__*/_jsx__default["default"](styles.Menu, {}, void 0, /*#__PURE__*/_jsx__default["default"](styles.MenuWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](styles.Heading, {}, void 0, /*#__PURE__*/_jsx__default["default"](styles.Icon, {}, void 0, EM_logo()), /*#__PURE__*/_jsx__default["default"]("div", {
     className: "content"
   }, void 0, /*#__PURE__*/_jsx__default["default"]("label", {}, void 0, title), _span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {})), /*#__PURE__*/_jsx__default["default"]("div", {
     className: "icon"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](Close__default["default"], {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.Close, {
     onClick: onClose,
-    size: Icon.DSIconSizes.S,
-    color: Icon.DSIconColors.WHITE
+    size: dsIcon.DSIconSizes.S,
+    color: dsIcon.DSIconColors.WHITE
   })))), _Hr || (_Hr = /*#__PURE__*/_jsx__default["default"](styles.Hr, {})), renderMenuList(), bottomMenuItems.length > 0 ? /*#__PURE__*/_jsx__default["default"](styles.BottomMenu, {}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
     className: "content"
   }, void 0, _hr || (_hr = /*#__PURE__*/_jsx__default["default"]("hr", {})), renderBottomMenu())) : null)));

package/cjs/SwipeToRefresh/ProgressIndicator.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var dsSystem = require('@elliemae/ds-system');
-var Grid = require('@elliemae/ds-basic/Grid');
+var dsGrid = require('@elliemae/ds-grid');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -13,13 +13,14 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
 const rad = 54;
 const cir = 2 * Math.PI * rad;
-const ProgressIndicator = ({
-  progress = 0
-}) => {
+const ProgressIndicator = _ref => {
+  let {
+    progress = 0
+  } = _ref;
   const factor = progress / 100;
   const theme = dsSystem.useTheme();
   const dashoffset = cir * (1 - factor);
-  return /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     height: theme.space.s,
     width: theme.space.s,
     justifyContent: "center",

package/cjs/SwipeToRefresh/SwipeToRefresh.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var reactDesc = require('react-desc');
-var CircularProgressIndicator = require('@elliemae/ds-basic/CircularProgressIndicator');
+var dsCircularProgressIndicator = require('@elliemae/ds-circular-progress-indicator');
 var dsSystem = require('@elliemae/ds-system');
 var useSwipe = require('./useSwipe.js');
 var styled = require('./styled.js');
@@ -18,11 +18,12 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
 var _DSCircularProgressIn;
 
-const SwipeToRefresh = ({
-  children,
-  loading,
-  onRefresh
-}) => {
+const SwipeToRefresh = _ref => {
+  let {
+    children,
+    loading,
+    onRefresh
+  } = _ref;
   const breakpoint = 60;
   const theme = dsSystem.useTheme();
   const swipe = useSwipe.useSwipe({
@@ -45,7 +46,7 @@ const SwipeToRefresh = ({
       justifyContent: "center",
       alignItems: "center",
       mt: swipe.height > 40 || loading ? 0 : "".concat(swipe.height - 40, "px")
-    }, void 0, loading ? _DSCircularProgressIn || (_DSCircularProgressIn = /*#__PURE__*/_jsx__default["default"](CircularProgressIndicator.DSCircularProgressIndicator, {})) : /*#__PURE__*/_jsx__default["default"](ProgressIndicator.ProgressIndicator, {
+    }, void 0, loading ? _DSCircularProgressIn || (_DSCircularProgressIn = /*#__PURE__*/_jsx__default["default"](dsCircularProgressIndicator.DSCircularProgressIndicator, {})) : /*#__PURE__*/_jsx__default["default"](ProgressIndicator.ProgressIndicator, {
       progress: progress
     }))), /*#__PURE__*/jsxRuntime.jsx("div", {
       ref: swipe.target,

package/cjs/SwipeToRefresh/styled.js

@@ -2,23 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Grid = require('@elliemae/ds-basic/Grid');
+var dsGrid = require('@elliemae/ds-grid');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const SwipeContainer = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+const SwipeContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-pbpd8a-0"
 })(["transition:height 0.2s;overscroll-behavior:none;height:100%;"]);
 const SwipeDrag = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-pbpd8a-1"
 })(["border:none;overscroll-behavior:none;overflow:auto;max-height:100%;"]);
-const LoaderBox = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+const LoaderBox = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-pbpd8a-2"
 })(["transition:height 0.2s;overflow:hidden;"]);
-const PositionLoader = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+const PositionLoader = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-pbpd8a-3"
 })(["transition:margin 0.2s;"]);
 

package/cjs/SwipeToRefresh/useSwipe.js

@@ -5,10 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 
-const useSwipe = ({
-  onRefresh,
-  breakpoint
-}) => {
+const useSwipe = _ref => {
+  let {
+    onRefresh,
+    breakpoint
+  } = _ref;
   const [startingPoint, setStartingPoint] = React.useState(0);
   const [movingPoint, setMovingPoint] = React.useState(0);
   const ref = React.useRef();

package/cjs/Tabs/index.js

@@ -2,10 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-var dsBasic = require('@elliemae/ds-basic');
+var reactDesc = require('react-desc');
+var dsTabs = require('@elliemae/ds-tabs');
+var propTypes = require('./propTypes.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -25,7 +31,7 @@ const DSMobileTabs = _ref => {
   } = _ref,
       props = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  return /*#__PURE__*/jsxRuntime.jsx(dsBasic.DSTabs, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx(dsTabs.DSTabs, _objectSpread(_objectSpread({}, props), {}, {
     isDSMobile: true,
     children: children
   }));
@@ -36,11 +42,16 @@ const DSMobileTab = _ref2 => {
   } = _ref2,
       props = _objectWithoutProperties__default["default"](_ref2, _excluded2);
 
-  return /*#__PURE__*/jsxRuntime.jsx(dsBasic.DSTab, _objectSpread(_objectSpread({}, props), {}, {
-    isDSMobile: true,
+  return /*#__PURE__*/jsxRuntime.jsx(dsTabs.DSTab, _objectSpread(_objectSpread({}, props), {}, {
     children: children
   }));
 };
+const DSMobileTabsWithSchema = reactDesc.describe(DSMobileTabs);
+DSMobileTabsWithSchema.propTypes = propTypes.MobileTabsPropTypes;
+const DSMobileTabWithSchema = reactDesc.describe(DSMobileTab);
+DSMobileTabWithSchema.propTypes = propTypes.MobileTabPropTypes;
 
 exports.DSMobileTab = DSMobileTab;
+exports.DSMobileTabWithSchema = DSMobileTabWithSchema;
 exports.DSMobileTabs = DSMobileTabs;
+exports.DSMobileTabsWithSchema = DSMobileTabsWithSchema;

package/cjs/Tabs/propTypes.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+
+const MobileTabPropTypes = {
+  tabId: reactDesc.PropTypes.string.description('Unique Tab id.').defaultValue(''),
+  title: reactDesc.PropTypes.string.description('Tab title.').defaultValue(''),
+  required: reactDesc.PropTypes.bool.description('Show a required mark next to the title.').defaultValue(false),
+  disabled: reactDesc.PropTypes.bool.description('Disables Tab.').defaultValue(false)
+};
+const MobileTabsPropTypes = {
+  onTabChange: reactDesc.PropTypes.func.description('Handler when a user clicks on a different Tab.').defaultValue('() => {}'),
+  tabBarExtraContent: reactDesc.PropTypes.element.description('Extra content next to the Tabs Bar.').defaultValue(undefined),
+  onlyRenderActiveTab: reactDesc.PropTypes.bool.description('Only renders the active Tab in the DOM.').defaultValue(false),
+  fixedTabsHeaders: reactDesc.PropTypes.bool.description('Enables fixed Tabs mode. Makes Tab Bar non scrollable and adds equal fixed widths.').defaultValue(false),
+  activeTab: reactDesc.PropTypes.string.description('Passing a value makes DSTabs a controlled component.').defaultValue('First DSTab children.'),
+  children: reactDesc.PropTypes.node.description('Use DSTab component as children.').isRequired,
+  tabsListAriaLabel: reactDesc.PropTypes.string.description('Aria label for the Tab list.').defaultValue('Tab list.'),
+  containerProps: reactDesc.PropTypes.object.description('Additional properties for the container.').defaultValue({}),
+  innerRef: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.func, reactDesc.PropTypes.shape({
+    current: reactDesc.PropTypes.any
+  })]).description('Ref to the container.').defaultValue(undefined)
+};
+
+exports.MobileTabPropTypes = MobileTabPropTypes;
+exports.MobileTabsPropTypes = MobileTabsPropTypes;

package/cjs/index.js

@@ -8,7 +8,7 @@ var PageForm = require('./PageForm/PageForm.js');
 var PageSummary = require('./PageSummary/PageSummary.js');
 var Page = require('./LoadingPage/Page.js');
 var PageSearch = require('./PageSearch/PageSearch.js');
-var Accordion = require('@elliemae/ds-basic/Accordion');
+var dsAccordion = require('@elliemae/ds-accordion');
 var Separator = require('./MobileSeparator/Separator.js');
 var MobileListItem = require('./MobileListItem/MobileListItem.js');
 var MobileTouchable = require('./MobileTouchable/MobileTouchable.js');
@@ -45,6 +45,7 @@ var MobileBanner = require('./MobileBanner/MobileBanner.js');
 var bannerTypes = require('./MobileBanner/utils/bannerTypes.js');
 var Card = require('./MobileCard/Card.js');
 var Group = require('./MobileCard/Group.js');
+var CardIcons = require('./MobileCard/CardIcons.js');
 
 
 
@@ -59,20 +60,21 @@ exports.DSMobilePageSearch = PageSearch.DSMobilePageSearch;
 exports.DSPageSearch = PageSearch.DSPageSearch;
 Object.defineProperty(exports, 'DSMobileAccordion', {
   enumerable: true,
-  get: function () { return Accordion.DSAccordion; }
+  get: function () { return dsAccordion.DSAccordion; }
 });
 Object.defineProperty(exports, 'DSMobileAccordionItem', {
   enumerable: true,
-  get: function () { return Accordion.DSAccordionItem; }
+  get: function () { return dsAccordion.DSAccordionItem; }
 });
 Object.defineProperty(exports, 'DSMobileAccordionItemWithSchema', {
   enumerable: true,
-  get: function () { return Accordion.DSAccordionItemWithSchema; }
+  get: function () { return dsAccordion.DSAccordionItemWithSchema; }
 });
 Object.defineProperty(exports, 'DSMobileAccordionWithSchema', {
   enumerable: true,
-  get: function () { return Accordion.DSAccordionWithSchema; }
+  get: function () { return dsAccordion.DSAccordionWithSchema; }
 });
+exports.DSMobileSeparator = Separator["default"];
 exports.MobileSeparatorWithSchema = Separator.MobileSeparatorWithSchema;
 exports.DSMobileListItem = MobileListItem.DSMobileListItem;
 exports.ListItemWithSchema = MobileListItem.ListItemWithSchema;
@@ -89,6 +91,7 @@ exports.DSMobileFilterbarSort = FilterbarSort.DSMobileFilterbarSort;
 exports.FilterbarSortWithSchema = FilterbarSort.FilterbarSortWithSchema;
 exports.DSMobileFilterbarItem = FilterbarItem.DSMobileFilterbarItem;
 exports.FilterbarItemWithSchema = FilterbarItem.FilterbarItemWithSchema;
+exports.DSMobileActionToolbar = MobileActionToolbar["default"];
 exports.DSMobileActionToolbarWithSchema = MobileActionToolbar.DSMobileActionToolbarWithSchema;
 exports.DSToolbarItemWithSchema = MobileActionToolbarItem.DSToolbarItemWithSchema;
 exports.ToolbarItem = MobileActionToolbarItem["default"];
@@ -111,7 +114,9 @@ exports.DSMobileDropdownMenu = MobileDropdownMenu.DSMobileDropdownMenu;
 exports.DSMobileDropdownMenuWithSchema = MobileDropdownMenu.DSMobileDropdownMenuWithSchema;
 exports.DSMobileDropdownTriggerInput = MobileDropdownInput.DSMobileDropdownTriggerInput;
 exports.DSMobileTab = index$1.DSMobileTab;
+exports.DSMobileTabWithSchema = index$1.DSMobileTabWithSchema;
 exports.DSMobileTabs = index$1.DSMobileTabs;
+exports.DSMobileTabsWithSchema = index$1.DSMobileTabsWithSchema;
 exports.DSMobileCard = index.DSMobileCard;
 exports.DSCollectionBox = CollectionBox.DSCollectionBox;
 exports.DSCollectionBoxWithSchema = CollectionBox.DSCollectionBoxWithSchema;
@@ -136,3 +141,4 @@ exports.DSMobileBannerWithSchema = MobileBanner.DSMobileBannerWithSchema;
 exports.MOBILE_BANNER_TYPES = bannerTypes.MOBILE_BANNER_TYPES;
 exports.DSMobileCardWithSchema = Card.DSMobileCardWithSchema;
 exports.DSMobileCardGroupWithSchema = Group.DSMobileCardGroupWithSchema;
+exports.SubIcons = CardIcons.SubIcons;

package/esm/Accordion/Accordion.js

@@ -1 +1 @@
-export { DSAccordion as DSMobileAccordion, DSAccordionItem as DSMobileAccordionItem, DSAccordionItemWithSchema as DSMobileAccordionItemWithSchema, DSAccordionWithSchema as DSMobileAccordionWithSchema } from '@elliemae/ds-basic/Accordion';
+export { DSAccordion as DSMobileAccordion, DSAccordionItem as DSMobileAccordionItem, DSAccordionItemWithSchema as DSMobileAccordionItemWithSchema, DSAccordionWithSchema as DSMobileAccordionWithSchema } from '@elliemae/ds-accordion';

package/esm/Accordion/index.js

@@ -1 +1 @@
-export { DSAccordion as DSMobileAccordion, DSAccordionItem as DSMobileAccordionItem, DSAccordionItemWithSchema as DSMobileAccordionItemWithSchema, DSAccordionWithSchema as DSMobileAccordionWithSchema } from '@elliemae/ds-basic/Accordion';
+export { DSAccordion as DSMobileAccordion, DSAccordionItem as DSMobileAccordionItem, DSAccordionItemWithSchema as DSMobileAccordionItemWithSchema, DSAccordionWithSchema as DSMobileAccordionWithSchema } from '@elliemae/ds-accordion';

package/esm/CategoryBox/CategoryBox.js

@@ -3,7 +3,7 @@ import 'react';
 import { times } from 'lodash';
 import { PropTypes, describe } from 'react-desc';
 import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-basic';
+import { Grid } from '@elliemae/ds-grid';
 import { truncate } from '@elliemae/ds-system';
 
 const Title = /*#__PURE__*/styled.h3.withConfig({
@@ -13,13 +13,14 @@ const CategoryBox = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-iv6vo1-1"
 })(["background:", ";border-top:", ";"], props => props.theme.colors.neutral['0'], props => props.borderTop ? "1px solid ".concat(props.theme.colors.neutral['100']) : 'none');
 
-const DSCategoryBox = ({
-  borderTop = true,
-  actionsRight = [],
-  title,
-  headerLevel = 3,
-  children
-}) => {
+const DSCategoryBox = _ref => {
+  let {
+    borderTop = true,
+    actionsRight = [],
+    title,
+    headerLevel = 3,
+    children
+  } = _ref;
   const rows = ['auto'];
   const hasActions = actionsRight.length > 0;
   if (hasActions) rows.push('auto');