@elliemae/ds-mobile 2.0.0-alpha.1 → 2.0.0-alpha.13

package/cjs/Accordion/Accordion.js

@@ -2,31 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Accordion = require('@elliemae/ds-basic/Accordion');
+var dsAccordion = require('@elliemae/ds-accordion');
 
 
 
 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; }
 });

package/cjs/Accordion/index.js

@@ -2,31 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Accordion = require('@elliemae/ds-basic/Accordion');
+var dsAccordion = require('@elliemae/ds-accordion');
 
 
 
 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; }
 });

package/cjs/CategoryBox/CategoryBox.js

@@ -7,7 +7,7 @@ require('react');
 var lodash = require('lodash');
 var reactDesc = require('react-desc');
 var styled = require('styled-components');
-var dsBasic = require('@elliemae/ds-basic');
+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 }; }
@@ -15,34 +15,35 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Title = /*#__PURE__*/styled__default['default'].h3.withConfig({
+const Title = /*#__PURE__*/styled__default["default"].h3.withConfig({
   componentId: "sc-iv6vo1-0"
 })(["font-size:18px;margin:0;color:", ";line-height:inherit;", " font-weight:", ";"], props => props.theme.colors.neutral['700'], dsSystem.truncate(), props => props.theme.fontWeights.semibold);
-const CategoryBox = /*#__PURE__*/styled__default['default'](dsBasic.Grid).withConfig({
+const CategoryBox = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-iv6vo1-1"
-})(["background:", ";border-top:", ";"], props => props.theme.colors.neutral['0'], props => props.borderTop ? `1px solid ${props.theme.colors.neutral['100']}` : 'none');
+})(["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');
-  return /*#__PURE__*/_jsx__default['default'](dsBasic.Grid, {
+  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     rows: ['40px', 'auto']
-  }, void 0, /*#__PURE__*/_jsx__default['default'](CategoryBox, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](CategoryBox, {
     cols: rows,
     borderTop: borderTop,
     alignItems: "center",
     pl: "xs",
     pr: actionsRight.length > 0 ? 'xxs' : 'xs'
-  }, void 0, /*#__PURE__*/_jsx__default['default'](Title, {
-    as: `h${headerLevel}`
-  }, void 0, title), hasActions && /*#__PURE__*/_jsx__default['default'](dsBasic.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Title, {
+    as: "h".concat(headerLevel)
+  }, void 0, title), hasActions && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     cols: lodash.times(actionsRight.length, () => 'auto'),
     justifySelf: "end"
   }, void 0, actionsRight)), children);

package/cjs/CollectionBox/CollectionBox.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,29 +14,30 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const CollectionBox = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const CollectionBox = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-z729w4-0"
 })(["background:", ";font-size:13px;color:", ";font-weight:", ";border-top:1px solid ", ";"], props => props.theme.colors.neutral['000'], props => props.theme.colors.neutral['700'], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['100']);
-const Footer = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const Footer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-z729w4-1"
 })(["border-top:1px dashed ", ";"], props => props.theme.colors.neutral['100']);
-const Body = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const Body = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-z729w4-2"
 })(["min-height:92px;font-weight:", ";"], props => props.theme.fontWeights.regular);
-const Header = /*#__PURE__*/styled__default['default'].h3.withConfig({
+const Header = /*#__PURE__*/styled__default["default"].h3.withConfig({
   componentId: "sc-z729w4-3"
 })(["line-height:unset;font-size:inherit;font-weight:inherit;margin:0;", "}"], dsSystem.truncate());
-const ActionWrap = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const ActionWrap = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-z729w4-4"
 })(["& .em-ds-button{padding:0;min-width:unset;}"]);
 
-const DSCollectionBox = ({
-  body,
-  title,
-  headerAction,
-  footerAction,
-  headerLevel = 3
-}) => {
+const DSCollectionBox = _ref => {
+  let {
+    body,
+    title,
+    headerAction,
+    footerAction,
+    headerLevel = 3
+  } = _ref;
   const headerCols = [];
   const footerCols = [];
   const rows = [];
@@ -46,19 +47,19 @@ const DSCollectionBox = ({
   if (headerAction) headerCols.push('auto');
   if (title) headerCols.push('auto');
   if (footerAction) footerCols.push('auto');
-  return /*#__PURE__*/_jsx__default['default'](CollectionBox, {
+  return /*#__PURE__*/_jsx__default["default"](CollectionBox, {
     rows: rows
-  }, void 0, /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     alignItems: "center",
     cols: headerCols
-  }, void 0, title && /*#__PURE__*/_jsx__default['default'](Header, {
-    as: `h${headerLevel}`
-  }, void 0, title), headerAction && /*#__PURE__*/_jsx__default['default'](ActionWrap, {
+  }, void 0, title && /*#__PURE__*/_jsx__default["default"](Header, {
+    as: "h".concat(headerLevel)
+  }, void 0, title), headerAction && /*#__PURE__*/_jsx__default["default"](ActionWrap, {
     justifySelf: "end"
-  }, void 0, headerAction)), /*#__PURE__*/_jsx__default['default'](Body, {}, void 0, body), footerAction && /*#__PURE__*/_jsx__default['default'](Footer, {
+  }, void 0, headerAction)), /*#__PURE__*/_jsx__default["default"](Body, {}, void 0, body), footerAction && /*#__PURE__*/_jsx__default["default"](Footer, {
     alignItems: "center",
     cols: footerCols
-  }, void 0, /*#__PURE__*/_jsx__default['default'](ActionWrap, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](ActionWrap, {
     justifySelf: "end"
   }, void 0, footerAction)));
 };

package/cjs/FullPageContainer/FullPageContainer.js

@@ -2,10 +2,15 @@
 
 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 dsGrid = require('@elliemae/ds-grid');
 var useMobileHeight = require('./useMobileHeight.js');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -18,16 +23,16 @@ const _excluded = ["children"];
 
 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; }
+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 DSFullPageContainer = _ref => {
   let {
     children
   } = _ref,
-      props = _objectWithoutProperties__default['default'](_ref, _excluded);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   const height = useMobileHeight.useMobileHeight();
-  return /*#__PURE__*/jsxRuntime.jsx(dsBasic.Grid, _objectSpread(_objectSpread({
+  return /*#__PURE__*/jsxRuntime.jsx(dsGrid.Grid, _objectSpread(_objectSpread({
     height: height,
     width: "100%"
   }, props), {}, {

package/cjs/FullPageContainer/FullPageContainerScroll.js

@@ -2,10 +2,15 @@
 
 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 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,16 +22,16 @@ const _excluded = ["style", "children"];
 
 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; }
+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 DSFullPageContainerScroll = _ref => {
   let {
     style = {},
     children
   } = _ref,
-      props = _objectWithoutProperties__default['default'](_ref, _excluded);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  return /*#__PURE__*/jsxRuntime.jsx(dsBasic.Grid, _objectSpread(_objectSpread({
+  return /*#__PURE__*/jsxRuntime.jsx(dsGrid.Grid, _objectSpread(_objectSpread({
     maxHeight: "100%",
     style: _objectSpread({
       overflow: 'auto'

package/cjs/FullPageContainer/useMobileHeight.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 
 function useMobileHeight() {

package/cjs/GlobalHeader/MobileGlobalHeader.js

@@ -4,14 +4,20 @@ 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.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
-var Search = require('@elliemae/ds-icons/Search');
-var DSInput = require('@elliemae/ds-basic/form/Input');
+var dsIcons = require('@elliemae/ds-icons');
+var dsForm = require('@elliemae/ds-form');
 var reactDesc = require('react-desc');
-var DSButton = require('@elliemae/ds-basic/Button');
-var Icon = require('@elliemae/ds-basic/Icon');
+var DSButton = require('@elliemae/ds-button');
+var dsIcon = require('@elliemae/ds-icon');
 var lodash = require('lodash');
-var Grid = require('@elliemae/ds-basic/Grid');
+var dsGrid = require('@elliemae/ds-grid');
 var EM_logo = require('../Icons/EM_logo.js');
 var styles = require('./styles.js');
 var SideNav = require('../SideNav/SideNav.js');
@@ -21,24 +27,23 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
-var DSInput__default = /*#__PURE__*/_interopDefaultLegacy(DSInput);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
 var _span;
 
 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 DSGlobalHeader = ({
-  containerProps = {},
-  title,
-  lastIcon,
-  onSearchChange = lodash.noop,
-  topMenuItems,
-  bottomMenuItems
-}) => {
+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 DSGlobalHeader = _ref => {
+  let {
+    containerProps = {},
+    title,
+    lastIcon,
+    onSearchChange = lodash.noop,
+    topMenuItems,
+    bottomMenuItems
+  } = _ref;
   const [searchBarVisible, setSearchBarVisible] = React.useState(false);
   const [searchValue, setSearchValue] = React.useState();
   const [showMenu, setShowMenu] = React.useState(false);
@@ -68,35 +73,35 @@ const DSGlobalHeader = ({
       "data-testid": containerProps['data-testid'] || 'global-header-wrapper'
     }, containerProps), {}, {
       children: !searchBarVisible ? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: /*#__PURE__*/_jsx__default['default'](styles.MainSection, {}, void 0, /*#__PURE__*/_jsx__default['default'](styles.Icon, {
+        children: /*#__PURE__*/_jsx__default["default"](styles.MainSection, {}, void 0, /*#__PURE__*/_jsx__default["default"](styles.Icon, {
           onClick: menuToggle.bind(null, true)
-        }, void 0, EM_logo()), /*#__PURE__*/_jsx__default['default'](styles.Label, {}, void 0, title), _span || (_span = /*#__PURE__*/_jsx__default['default']("span", {})), /*#__PURE__*/_jsx__default['default'](styles.RightSection, {}, void 0, /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+        }, void 0, EM_logo()), /*#__PURE__*/_jsx__default["default"](styles.Label, {}, void 0, title), _span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {})), /*#__PURE__*/_jsx__default["default"](styles.RightSection, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
           cols: lastIcon ? [1 / 2, 1 / 2] : [1],
           gutter: "xs"
-        }, void 0, /*#__PURE__*/_jsx__default['default'](Grid.Grid, {}, void 0, /*#__PURE__*/_jsx__default['default'](Search__default['default'], {
+        }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.Search, {
           "data-testid": "mobile-global-header-search",
-          size: Icon.DSIconSizes.M,
-          color: Icon.DSIconColors.WHITE,
+          size: dsIcon.DSIconSizes.M,
+          color: dsIcon.DSIconColors.WHITE,
           onClick: searchClicked
-        })), lastIcon && /*#__PURE__*/_jsx__default['default'](Grid.Grid, {}, void 0, lastIcon))))
-      }) : /*#__PURE__*/_jsx__default['default'](styles.SearchWrapper, {}, void 0, /*#__PURE__*/_jsx__default['default'](DSInput__default['default'], {
+        })), lastIcon && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, lastIcon))))
+      }) : /*#__PURE__*/_jsx__default["default"](styles.SearchWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSInput, {
         clearable: true,
         className: "dsInput",
         placeholder: "Search here",
         onChange: searchValueChanged,
-        rightComponent: /*#__PURE__*/_jsx__default['default'](DSButton__default['default'], {
+        rightComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
           buttonType: "primary",
           className: "dsButton",
-          icon: /*#__PURE__*/_jsx__default['default'](Search__default['default'], {
-            size: Icon.DSIconSizes.M,
-            color: Icon.DSIconColors.WHITE,
+          icon: /*#__PURE__*/_jsx__default["default"](dsIcons.Search, {
+            size: dsIcon.DSIconSizes.M,
+            color: dsIcon.DSIconColors.WHITE,
             onClick: searchCloseClicked
           })
         }),
         value: searchValue,
         variant: "variant-active"
       }))
-    })), showMenu ? /*#__PURE__*/_jsx__default['default'](SideNav.DSSideNav, {
+    })), showMenu ? /*#__PURE__*/_jsx__default["default"](SideNav.DSSideNav, {
       title: title,
       menuItems: topMenuItems,
       bottomMenuItems: bottomMenuItems,

package/cjs/GlobalHeader/styles.js

@@ -2,39 +2,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
 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 _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Container = /*#__PURE__*/styled__default['default'].header.withConfig({
+var _templateObject, _templateObject2;
+const Container = /*#__PURE__*/styled__default["default"].header.withConfig({
   componentId: "sc-1nzpklc-0"
 })(["width:auto;height:64px;position:fixed;width:100%;background-color:", ";padding:", ";color:", ";"], props => props.theme.colors.brand[700], props => props.theme.space.xs, props => props.theme.colors.neutral['000']);
-const growLeft = dsSystem.kfrm`
-  0% {
-    width: 0;
-  }
-  100% {
-    width: 100%;
-  }
-`;
-const SearchWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const growLeft = dsSystem.kfrm(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n  0% {\n    width: 0;\n  }\n  100% {\n    width: 100%;\n  }\n"])));
+const SearchWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1nzpklc-1"
-})(["background-color:", ";", " float:right;width:100%;border-radius:4px;.dsInput{input{border-radius:2px 0 0 2px;color:", ";border:calc(0.30769rem * 0.25) solid ", " !important;&:focus{border-right:none !important;}&::placeholder{color:", ";}}.em-ds-input__clearable{border:calc(0.30769rem * 0.25) solid ", " !important;}}.dsButton{border-color:", " !important;border-radius:0 2px 2px 0;border-left:none;}svg,svg:not([fill]){fill:", ";}"], props => props.theme.colors.brand[600], dsSystem.css`
-    animation: ${growLeft} 1s;
-  `, props => props.theme.colors.neutral['000'], props => props.theme.colors.brand[800], props => props.theme.colors.neutral['000'], props => props.theme.colors.brand[800], props => props.theme.colors.brand[800], props => props.theme.colors.neutral['000']);
-const Icon = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["background-color:", ";", " float:right;width:100%;border-radius:4px;.dsInput{input{border-radius:2px 0 0 2px;color:", ";border:calc(0.30769rem * 0.25) solid ", " !important;&:focus{border-right:none !important;}&::placeholder{color:", ";}}.em-ds-input__clearable{border:calc(0.30769rem * 0.25) solid ", " !important;}}.dsButton{border-color:", " !important;border-radius:0 2px 2px 0;border-left:none;}svg,svg:not([fill]){fill:", ";}"], props => props.theme.colors.brand[600], dsSystem.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default["default"](["\n    animation: ", " 1s;\n  "])), growLeft), props => props.theme.colors.neutral['000'], props => props.theme.colors.brand[800], props => props.theme.colors.neutral['000'], props => props.theme.colors.brand[800], props => props.theme.colors.brand[800], props => props.theme.colors.neutral['000']);
+const Icon = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1nzpklc-2"
 })(["margin-right:", ";"], props => props.theme.space.xs);
-const Label = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Label = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1nzpklc-3"
 })(["font-family:", ";font-weight:", ";font-size:25px;line-height:32px;"], props => props.theme.fonts.default, props => props.theme.fontWeights.regular);
-const RightSection = /*#__PURE__*/styled__default['default'].div.withConfig({
+const RightSection = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1nzpklc-4"
 })(["padding-top:5px;"]);
-const MainSection = /*#__PURE__*/styled__default['default'].div.withConfig({
+const MainSection = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1nzpklc-5"
 })(["display:flex;flex-direction:row;height:32px;span{flex-grow:1;}"]);
 

package/cjs/GroupBox/GroupBox.js

@@ -8,43 +8,44 @@ var reactDesc = require('react-desc');
 var lodash = require('lodash');
 var dsSystem = require('@elliemae/ds-system');
 var styled = require('styled-components');
-var dsBasic = require('@elliemae/ds-basic');
+var dsGrid = require('@elliemae/ds-grid');
 
 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 Title = /*#__PURE__*/styled__default['default'].h3.withConfig({
+const Title = /*#__PURE__*/styled__default["default"].h3.withConfig({
   componentId: "sc-1g87w66-0"
 })(["font-size:14px;margin:0;", " color:", ";line-height:inherit;text-transform:capitalize;font-weight:", ";"], dsSystem.truncate(), props => props.theme.colors.neutral['700'], props => props.theme.fontWeights.semibold);
-const GroupBox = /*#__PURE__*/styled__default['default'](dsBasic.Grid).withConfig({
+const GroupBox = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-1g87w66-1"
-})(["background:", ";border-top:", ";"], props => props.background === 'grey' ? props.theme.colors.neutral['050'] : props.theme.colors.neutral['000'], props => props.borderTop ? `1px solid ${props.theme.colors.neutral['100']}` : 'none');
+})(["background:", ";border-top:", ";"], props => props.background === 'grey' ? props.theme.colors.neutral['050'] : props.theme.colors.neutral['000'], props => props.borderTop ? "1px solid ".concat(props.theme.colors.neutral['100']) : 'none');
 
-const DSGroupBox = ({
-  children,
-  title,
-  background = 'grey',
-  headerLevel = 3,
-  actionsRight = [],
-  borderTop
-}) => {
+const DSGroupBox = _ref => {
+  let {
+    children,
+    title,
+    background = 'grey',
+    headerLevel = 3,
+    actionsRight = [],
+    borderTop
+  } = _ref;
   const rows = ['auto'];
   const hasActions = actionsRight.length > 0;
   if (hasActions) rows.push('auto');
-  return /*#__PURE__*/_jsx__default['default'](dsBasic.Grid, {
+  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     rows: ['32px', 'auto']
-  }, void 0, /*#__PURE__*/_jsx__default['default'](GroupBox, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](GroupBox, {
     background: background,
     cols: rows,
     borderTop: borderTop,
     alignItems: "center",
     pl: "xs",
     pr: hasActions ? 'xxs' : 'xs'
-  }, void 0, /*#__PURE__*/_jsx__default['default'](Title, {
-    as: `h${headerLevel}`
-  }, void 0, title), hasActions && /*#__PURE__*/_jsx__default['default'](dsBasic.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Title, {
+    as: "h".concat(headerLevel)
+  }, void 0, title), hasActions && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     cols: lodash.times(actionsRight.length, () => 'auto'),
     justifySelf: "end"
   }, void 0, actionsRight)), children);

package/cjs/Icons/EM_logo.js

@@ -10,25 +10,25 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _svg;
 
 function SvgIcon() {
-  return _svg || (_svg = /*#__PURE__*/_jsx__default['default']("svg", {
+  return _svg || (_svg = /*#__PURE__*/_jsx__default["default"]("svg", {
     width: "32px",
     height: "32px",
     viewBox: "0 0 32 32",
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("title", {}, void 0, "em-logo-whitebackground"), /*#__PURE__*/_jsx__default['default']("g", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("title", {}, void 0, "em-logo-whitebackground"), /*#__PURE__*/_jsx__default["default"]("g", {
     id: "em-logo-whitebackground",
     stroke: "none",
     strokeWidth: "1",
     fill: "none",
     fillRule: "evenodd"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("circle", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
     id: "Oval",
     fill: "#FFFFFF",
     cx: "16",
     cy: "16",
     r: "16"
-  }), /*#__PURE__*/_jsx__default['default']("image", {
+  }), /*#__PURE__*/_jsx__default["default"]("image", {
     id: "Encompass_ICON_COLOR",
     width: "32",
     height: "32",

package/cjs/InfiniteLoader/Infiniteloader.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var reactDesc = require('react-desc');
-var dsBasic = require('@elliemae/ds-basic');
+var dsGrid = require('@elliemae/ds-grid');
 var Loader = require('./Loader.js');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -13,12 +13,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const InfiniteLoader = ({
-  isFetching,
-  fetchData,
-  children,
-  height = window.innerHeight
-}) => {
+const InfiniteLoader = _ref => {
+  let {
+    isFetching,
+    fetchData,
+    children,
+    height = window.innerHeight
+  } = _ref;
+
   const callback = entries => {
     const {
       isIntersecting
@@ -57,13 +59,13 @@ const InfiniteLoader = ({
       (_observer$current2 = observer.current) === null || _observer$current2 === void 0 ? void 0 : _observer$current2.disconnect();
     };
   }, [target, observer, fetchData]);
-  return /*#__PURE__*/_jsx__default['default'](dsBasic.Grid, {
+  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     style: {
       position: 'relative',
       height,
       overflow: 'hidden'
     }
-  }, void 0, /*#__PURE__*/_jsx__default['default'](dsBasic.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     style: {
       overflow: isFetching ? 'hidden' : 'auto',
       height
@@ -73,7 +75,7 @@ const InfiniteLoader = ({
     style: {
       height: 1
     }
-  })), /*#__PURE__*/_jsx__default['default'](Loader.Loader, {
+  })), /*#__PURE__*/_jsx__default["default"](Loader.Loader, {
     isOpen: isFetching
   }));
 };