@elliemae/ds-mobile 2.0.0-alpha.10 → 2.0.0-alpha.14

package/cjs/MobileFooter/Footer.js

@@ -3,11 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.constructor.js');
+require('core-js/modules/esnext.async-iterator.to-array.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.to-array.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 var React = require('react');
 var styled = require('styled-components');
 var dsSystem = require('@elliemae/ds-system');
-var Grid = require('@elliemae/ds-basic/Grid');
-var DSButton = require('@elliemae/ds-basic/Button');
+var dsGrid = require('@elliemae/ds-grid');
+var DSButton = require('@elliemae/ds-button');
 var reactDesc = require('react-desc');
 var Text = require('./Text.js');
 
@@ -18,13 +24,14 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-const FooterWrap = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+const FooterWrap = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-ls5vfg-0"
-})(["background-color:", ";border-top:", ";height:", ";"], props => props.theme.colors.neutral['000'], props => dsSystem.border(props.theme.colors.neutral[100]), props => `calc(${dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)} * 7)`);
+})(["background-color:", ";border-top:", ";height:", ";"], props => props.theme.colors.neutral['000'], props => dsSystem.border(props.theme.colors.neutral[100]), props => "calc(".concat(dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), " * 7)"));
 
-const MobileFooter = ({
-  children
-}) => {
+const MobileFooter = _ref => {
+  let {
+    children
+  } = _ref;
   const childArr = React__default["default"].Children.toArray(children);
   const isButtonType = childArr[0].type === Text.DSMobileFooterText || childArr[0].type === DSButton__default["default"];
 
@@ -33,10 +40,10 @@ const MobileFooter = ({
       return childArr.length === 1 ? ['90%'] : ['45%', '45%'];
     }
 
-    return childArr.map(() => `${100 / childArr.length}%`);
+    return childArr.map(() => "".concat(100 / childArr.length, "%"));
   };
 
-  return /*#__PURE__*/_jsx__default["default"](FooterWrap, {}, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  return /*#__PURE__*/_jsx__default["default"](FooterWrap, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     cols: setCols(),
     gutter: isButtonType ? 'xs' : undefined,
     justifyContent: "center",
@@ -44,7 +51,7 @@ const MobileFooter = ({
   }, void 0, childArr.map((c, i) =>
   /*#__PURE__*/
   // eslint-disable-next-line react/no-array-index-key
-  _jsx__default["default"](Grid.Grid, {}, i, c))));
+  _jsx__default["default"](dsGrid.Grid, {}, i, c))));
 };
 
 const footerProps = {

package/cjs/MobileFooter/Text.js

@@ -17,9 +17,12 @@ const Text = /*#__PURE__*/styled__default["default"].p.withConfig({
   componentId: "sc-1v0cqsw-0"
 })(["margin:auto 0;", " ", " ", ""], dsSystem.truncate(), dsSystem.textStyle('body'), dsSystem.color('neutral', '800'));
 
-const DSMobileFooterText = ({
-  children
-}) => /*#__PURE__*/_jsx__default["default"](Text, {}, void 0, children);
+const DSMobileFooterText = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](Text, {}, void 0, children);
+};
 
 const props = {
   children: reactDesc.PropTypes.string.isRequired.description('Children')

package/cjs/MobileListItem/MobileListItem.js

@@ -6,7 +6,7 @@ var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var reactDesc = require('react-desc');
 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 }; }
@@ -14,21 +14,22 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const StyledContainer = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+const StyledContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-n7r3qn-0"
 })(["background:", ";border-bottom:", ";"], props => props.theme.colors.neutral['000'], props => dsSystem.border(props.theme.colors.neutral['300']));
 const StyledTitle = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-n7r3qn-1"
 })(["font-weight:", ";font-size:13px;color:", ";", ""], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['800'], dsSystem.truncate());
 
-const MobileListItem = ({
-  leftAddon = null,
-  rightAddon = null,
-  title = '',
-  value = '',
-  dataTestid = 'mobile-list-item',
-  theme
-}) => {
+const MobileListItem = _ref => {
+  let {
+    leftAddon = null,
+    rightAddon = null,
+    title = '',
+    value = '',
+    dataTestid = 'mobile-list-item',
+    theme
+  } = _ref;
   const cols = [1];
   if (leftAddon) cols.unshift(dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));
   if (rightAddon) cols.push(dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));
@@ -39,13 +40,13 @@ const MobileListItem = ({
     pl: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
     pr: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
     gutter: "xs",
-    "data-testid": `${dataTestid}--${value}`
-  }, void 0, leftAddon && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+    "data-testid": "".concat(dataTestid, "--").concat(value)
+  }, void 0, leftAddon && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     alignItems: "center",
     justifyContent: "center"
-  }, void 0, leftAddon), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  }, void 0, leftAddon), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     alignItems: "center"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](StyledTitle, {}, void 0, title)), rightAddon && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](StyledTitle, {}, void 0, title)), rightAddon && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     alignItems: "center",
     justifyContent: "center"
   }, void 0, rightAddon));

package/cjs/MobilePageHeader/MobilePageHeader.js

@@ -3,14 +3,15 @@
 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 reactDesc = require('react-desc');
 var styled = require('styled-components');
-var TruncatedExpandableText = require('@elliemae/ds-basic/TruncatedExpandableText');
-var Grid = require('@elliemae/ds-basic/Grid');
+var dsTruncatedExpandableText = require('@elliemae/ds-truncated-expandable-text');
+var dsGrid = require('@elliemae/ds-grid');
 var dsSystem = require('@elliemae/ds-system');
-var ChevronSmallDown = require('@elliemae/ds-icons/ChevronSmallDown');
-var DSButton = require('@elliemae/ds-basic/Button');
+var dsIcons = require('@elliemae/ds-icons');
+var DSButton = require('@elliemae/ds-button');
 var Separator = require('../MobileSeparator/Separator.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -18,11 +19,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var ChevronSmallDown__default = /*#__PURE__*/_interopDefaultLegacy(ChevronSmallDown);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
 var _ChevronSmallDown;
-const StyledTitle = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+const StyledTitle = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-1tfu1y9-0"
 })(["font-size:22px;font-weight:", ";color:", ";min-height:", ";padding-top:", ";"], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['700'], props => props.withBreadcrumb ? 'auto' : '44px', props => props.withBreadcrumb ? '0' : '6px');
 const StyledBreadCrumb = /*#__PURE__*/styled__default["default"].div.withConfig({
@@ -33,23 +33,24 @@ const Label = /*#__PURE__*/styled__default["default"].div.withConfig({
 })(["color:", ";", ""], props => props.theme.colors.neutral['500'], dsSystem.truncate());
 const Value = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1tfu1y9-3"
-})(["", " color:", ";", " margin-top:", ";"], dsSystem.truncate(), props => props.theme.colors.neutral['600'], props => props.withMarginRight ? `margin-right: 4px;` : '', props => props.withBreadcrumb ? '12px' : '0');
-const Wrapper = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+})(["", " color:", ";", " margin-top:", ";"], dsSystem.truncate(), props => props.theme.colors.neutral['600'], props => props.withMarginRight ? "margin-right: 4px;" : '', props => props.withBreadcrumb ? '12px' : '0');
+const Wrapper = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-1tfu1y9-4"
 })(["border-bottom:", ";"], props => dsSystem.border(props.theme.colors.neutral['300']));
 
-const MobilePageHeader = ({
-  pageTitle = null,
-  contextMenu = null,
-  firstAction = null,
-  secondAction = null,
-  backArrow = null,
-  breadCrumb = null,
-  onOpenContextMenu = () => null,
-  value,
-  label,
-  theme
-}) => {
+const MobilePageHeader = _ref => {
+  let {
+    pageTitle = null,
+    contextMenu = null,
+    firstAction = null,
+    secondAction = null,
+    backArrow = null,
+    breadCrumb = null,
+    onOpenContextMenu = () => null,
+    value,
+    label,
+    theme
+  } = _ref;
   const hasValue = value === 0 || value;
   const countActions = React.useMemo(() => {
     let count = 0;
@@ -62,10 +63,10 @@ const MobilePageHeader = ({
     setOpen(!open);
   }, [open]);
 
-  const separator = /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  const separator = /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     height: "32px",
     alignItems: "center"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     height: "24px"
   }, void 0, /*#__PURE__*/_jsx__default["default"](Separator["default"], {
     direction: "vertical",
@@ -85,40 +86,40 @@ const MobilePageHeader = ({
     alignItems: "flex-start",
     width: "100%",
     "data-testid": "page-header-wrapper"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     alignItems: "flex-start",
     justifyContent: "flex-start",
     cols: cols2
-  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     cols: backArrow ? ['auto', 1] : [1],
     alignItems: "flex-start",
     pr: countActions === 0 && !hasValue && !label ? dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s) : 0
-  }, void 0, backArrow && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  }, void 0, backArrow && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     height: breadCrumb ? '56px' : '44px',
     alignItems: "center"
-  }, void 0, backArrow), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  }, void 0, backArrow), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     flexGrow: 0,
     pt: !breadCrumb ? 0 : theme.space.xxs
-  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     cols: ['auto', 'auto'],
     alignItems: "flex-start"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, breadCrumb && /*#__PURE__*/_jsx__default["default"](StyledBreadCrumb, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, breadCrumb && /*#__PURE__*/_jsx__default["default"](StyledBreadCrumb, {
     "data-testid": "page-header-breadcrum"
   }, void 0, breadCrumb), /*#__PURE__*/_jsx__default["default"](StyledTitle, {
     maxWidth: "100%",
     alignItems: "flex-start",
     withBreadcrumb: !!breadCrumb,
     "data-testid": "page-header-title"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     pt: breadCrumb ? 0 : theme.space.xxxs
-  }, void 0, /*#__PURE__*/_jsx__default["default"](TruncatedExpandableText.TruncatedExpandableText, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsTruncatedExpandableText.TruncatedExpandableText, {
     value: pageTitle
-  })))), contextMenu && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  })))), contextMenu && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     alignItems: "center",
     mt: breadCrumb ? '20px' : '8px'
   }, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
     buttonType: "text",
-    icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](ChevronSmallDown__default["default"], {})),
+    icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallDown, {})),
     size: "s",
     onClick: () => {
       handleContext();
@@ -133,24 +134,24 @@ const MobilePageHeader = ({
       if (contextMenu.props.onChange) contextMenu.props.onChange(event, item);
       handleContext();
     }
-  }))))), hasValue && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  }))))), hasValue && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     height: breadCrumb ? '56px' : '44px',
     alignItems: "center",
     cols: ['auto', 'auto']
   }, void 0, separator, /*#__PURE__*/_jsx__default["default"](Value, {
     withMarginRight: !!label,
     "data-testid": "page-header-value"
-  }, void 0, value)), label && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  }, void 0, value)), label && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     height: breadCrumb ? '56px' : '44px',
     alignItems: "center"
   }, void 0, /*#__PURE__*/_jsx__default["default"](Label, {
     withBreadcrumb: !!breadCrumb,
     "data-testid": "page-header-label"
-  }, void 0, label))), countActions > 0 && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  }, void 0, label))), countActions > 0 && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     height: breadCrumb ? '56px' : '44px',
     alignItems: "center",
     cols: countActions === 1 ? ['auto'] : ['auto', 'auto', 'auto']
-  }, void 0, firstAction && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, firstAction), countActions === 2 && separator, secondAction && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, secondAction)));
+  }, void 0, firstAction && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, firstAction), countActions === 2 && separator, secondAction && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, secondAction)));
 };
 
 const pageHeaderProps = {

package/cjs/MobileSelectList/MobileSelectList.js

@@ -4,10 +4,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.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.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var lodash = require('lodash');
-var Grid = require('@elliemae/ds-basic/Grid');
-var DSTextBox = require('@elliemae/ds-basic/form/TextBox');
+var dsGrid = require('@elliemae/ds-grid');
+var dsForm = require('@elliemae/ds-form');
 var dsSystem = require('@elliemae/ds-system');
 var MobileTouchable = require('../MobileTouchable/MobileTouchable.js');
 var styled = require('./styled.js');
@@ -18,27 +26,27 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var DSTextBox__default = /*#__PURE__*/_interopDefaultLegacy(DSTextBox);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-const MobileSelectList = ({
-  open = false,
-  header = null,
-  multiple = false,
-  onChange = lodash.noop,
-  children,
-  theme,
-  zIndex = 1,
-  useSearch,
-  onSearch = lodash.noop,
-  dataTestid = 'mobile-select-list',
-  buttonFooter = null,
-  onApply = lodash.noop,
-  selecteds: initSelecteds = []
-}) => {
+const MobileSelectList = _ref => {
+  let {
+    open = false,
+    header = null,
+    multiple = false,
+    onChange = lodash.noop,
+    children,
+    theme,
+    zIndex = 1,
+    useSearch,
+    onSearch = lodash.noop,
+    dataTestid = 'mobile-select-list',
+    buttonFooter = null,
+    onApply = lodash.noop,
+    selecteds: initSelecteds = []
+  } = _ref;
   const rows = ['auto', 1];
   const [selecteds, setSelected] = React.useState(initSelecteds);
   const [filter, setFilter] = React.useState('');
@@ -75,25 +83,25 @@ const MobileSelectList = ({
       "data-testid": dataTestid,
       rows: rows,
       zIndex: zIndex
-    }, void 0, /*#__PURE__*/_jsx__default["default"](styled.HeaderContainer, {}, void 0, header, useSearch && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](styled.HeaderContainer, {}, void 0, header, useSearch && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
       alignItems: "center",
       height: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xl),
       pl: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
       pr: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
-    }, void 0, /*#__PURE__*/_jsx__default["default"](DSTextBox__default["default"], {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSTextBox, {
       onChange: handleOnSearch,
       placeholder: "Filter by name",
       value: filter
-    }))), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+    }))), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
       style: {
         overflow: 'hidden'
       }
-    }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
       style: {
         overflow: 'auto'
       }
     }, void 0, /*#__PURE__*/_jsx__default["default"](styled.ListContainer, {
-      "data-testid": `${dataTestid}--list-container`
+      "data-testid": "".concat(dataTestid, "--list-container")
     }, void 0, React__default["default"].Children.map(children, child => {
       let leftAddon = null;
       let rightAddon = null;
@@ -123,7 +131,7 @@ const MobileSelectList = ({
       pr: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
     }, void 0, /*#__PURE__*/React__default["default"].cloneElement(buttonFooter, _objectSpread(_objectSpread({}, buttonFooter.props), {}, {
       containerProps: {
-        'data-testid': `${dataTestid}--btn`
+        'data-testid': "".concat(dataTestid, "--btn")
       },
       buttonType: 'primary',
       size: 'l',

package/cjs/MobileSelectList/styled.js

@@ -6,9 +6,9 @@ var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var lodash = require('lodash');
 var styled = require('styled-components');
-var Grid = require('@elliemae/ds-basic/Grid');
-var DSCheckbox = require('@elliemae/ds-basic/form/Checkbox');
-var DSCheckmark = require('@elliemae/ds-icons/Checkmark');
+var dsGrid = require('@elliemae/ds-grid');
+var dsForm = require('@elliemae/ds-form');
+var dsIcons = require('@elliemae/ds-icons');
 var dsSystem = require('@elliemae/ds-system');
 var MobileTouchable = require('../MobileTouchable/MobileTouchable.js');
 var MobileListItem = require('../MobileListItem/MobileListItem.js');
@@ -17,36 +17,34 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var DSCheckbox__default = /*#__PURE__*/_interopDefaultLegacy(DSCheckbox);
-var DSCheckmark__default = /*#__PURE__*/_interopDefaultLegacy(DSCheckmark);
 
-const StyledContainer = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+const StyledContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-1dckxve-0"
 })(["background:", ";z-index:", ";position:fixed;width:100%;top:0;left:0;right:0;height:100%;"], props => props.theme.colors.neutral['000'], props => props.zIndex);
-const HeaderContainer = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+const HeaderContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-1dckxve-1"
 })(["border-bottom:", ";"], props => dsSystem.border(props.theme.colors.neutral['300']));
-const Footer = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+const Footer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-1dckxve-2"
 })(["border-top:", ";"], props => dsSystem.border(props.theme.colors.neutral['300']));
 const ListContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1dckxve-3"
 })(["& ", ":last-child ", "{border:none;}"], MobileTouchable.DSMobileTouchable, MobileListItem.DSMobileListItem);
-const checkbox = /*#__PURE__*/_jsx__default["default"](DSCheckbox__default["default"], {
+const checkbox = /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
   checked: false,
   onChange: lodash.noop,
   style: {
     pointerEvents: 'none'
   }
 });
-const checked = /*#__PURE__*/_jsx__default["default"](DSCheckbox__default["default"], {
+const checked = /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
   checked: true,
   onChange: lodash.noop,
   style: {
     pointerEvents: 'none'
   }
 });
-const selectedMark = /*#__PURE__*/_jsx__default["default"](DSCheckmark__default["default"], {
+const selectedMark = /*#__PURE__*/_jsx__default["default"](dsIcons.Checkmark, {
   color: ['brand-primary', 600]
 });
 

package/cjs/MobileSeparator/Separator.js

@@ -2,11 +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');
 require('react');
 var reactDesc = require('react-desc');
 var styled = require('styled-components');
-var Grid = require('@elliemae/ds-basic/Grid');
+var dsGrid = require('@elliemae/ds-grid');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -17,24 +22,31 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-const Separator = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+const Separator = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-lje3kq-0"
-})(["border-top:", ";border-left:", ";"], ({
-  theme,
-  color,
-  borderType
-}) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`, ({
-  theme,
-  color,
-  borderType
-}) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`);
-
-const MobileSeparator = ({
-  color = ['neutral', '800'],
-  direction = 'horizontal',
-  type = 'solid',
-  margin = 'xs'
-}) => {
+})(["border-top:", ";border-left:", ";"], _ref => {
+  let {
+    theme,
+    color,
+    borderType
+  } = _ref;
+  return "".concat(theme.colors[color[0]][color[1]], " 1px ").concat(borderType);
+}, _ref2 => {
+  let {
+    theme,
+    color,
+    borderType
+  } = _ref2;
+  return "".concat(theme.colors[color[0]][color[1]], " 1px ").concat(borderType);
+});
+
+const MobileSeparator = _ref3 => {
+  let {
+    color = ['neutral', '800'],
+    direction = 'horizontal',
+    type = 'solid',
+    margin = 'xs'
+  } = _ref3;
   const orientation = direction === 'vertical' ? 'height' : 'width';
   const xORy = direction === 'vertical' ? 'mx' : 'my';
   const styles = {

package/cjs/MobileTimePicker/Input.js

@@ -2,6 +2,11 @@
 
 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');

package/cjs/MobileTimePicker/MobileTimePicker.js

@@ -5,28 +5,27 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var reactDesc = require('react-desc');
-var Icon = require('@elliemae/ds-basic/Icon');
-var RecentDocuments = require('@elliemae/ds-icons/RecentDocuments');
-var DSButton = require('@elliemae/ds-basic/Button');
-var DSInputGroup = require('@elliemae/ds-basic/form/InputGroup');
+var dsIcon = require('@elliemae/ds-icon');
+var dsIcons = require('@elliemae/ds-icons');
+var DSButton = require('@elliemae/ds-button');
+var dsForm = require('@elliemae/ds-form');
 var Input = require('./Input.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var RecentDocuments__default = /*#__PURE__*/_interopDefaultLegacy(RecentDocuments);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-var DSInputGroup__default = /*#__PURE__*/_interopDefaultLegacy(DSInputGroup);
 
 var _RecentDocuments;
 
-const DSMobileTimePicker = ({
-  disabled,
-  value,
-  tabIndex,
-  placeholder,
-  onChange
-}) => {
+const DSMobileTimePicker = _ref => {
+  let {
+    disabled,
+    value,
+    tabIndex,
+    placeholder,
+    onChange
+  } = _ref;
   const inputRef = React.useRef(null);
   const valueArr = value.split(':');
   React.useEffect(() => {
@@ -43,14 +42,14 @@ const DSMobileTimePicker = ({
     if (!value || !valueArr[0] || !valueArr[1]) return '';
     const ampm = valueArr[0] >= 12 ? 'pm' : 'am';
     const h = valueArr[0] > 12 ? valueArr[0] - 12 : valueArr[0];
-    return `${h} : ${valueArr[1]} ${ampm}`;
+    return "".concat(h, " : ").concat(valueArr[1], " ").concat(ampm);
   }, [value]);
-  return /*#__PURE__*/_jsx__default["default"](DSInputGroup__default["default"], {
+  return /*#__PURE__*/_jsx__default["default"](dsForm.DSInputGroup, {
     rightAddon: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       "aria-label": "Time Picker Button",
-      color: !disabled ? Icon.DSIconColors.PRIMARY : Icon.DSIconColors.NEUTRAL,
+      color: !disabled ? dsIcon.DSIconColors.PRIMARY : dsIcon.DSIconColors.NEUTRAL,
       disabled: disabled,
-      icon: _RecentDocuments || (_RecentDocuments = /*#__PURE__*/_jsx__default["default"](RecentDocuments__default["default"], {})),
+      icon: _RecentDocuments || (_RecentDocuments = /*#__PURE__*/_jsx__default["default"](dsIcons.RecentDocuments, {})),
       type: "button",
       buttonType: "secondary",
       onClick: () => {

package/cjs/MobileTimePicker/MobileTimePicker.stories.js

@@ -4,7 +4,7 @@ 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 dsDevutils = require('@elliemae/ds-devutils');
 var MobileTimePicker = require('./MobileTimePicker.js');
 
@@ -22,7 +22,7 @@ const Basic = () => {
     onChange
   } = dsDevutils.useMobileTimePicker(); // KNOBS
 
-  return /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     m: "xs"
   }, void 0, /*#__PURE__*/_jsx__default["default"](MobileTimePicker.DSMobileTimePicker, {
     value: value,