@elliemae/ds-mobile 1.55.0-next.7 → 2.0.0-alpha.10

package/esm/PageForm/PageForm.js

@@ -1,54 +1,38 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { Grid } from '@elliemae/ds-basic/Grid';
 import styled from 'styled-components';
 import { useTheme, op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
 import { DSFullPageContainer } from '../FullPageContainer/FullPageContainer.js';
 import { DSFullPageContainerScroll } from '../FullPageContainer/FullPageContainerScroll.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@elliemae/ds-basic';
-import '../FullPageContainer/useMobileHeight.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@babel/runtime/helpers/esm/defineProperty';
 
-var Body = /*#__PURE__*/styled(Grid).withConfig({
+const Body = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-1qg3tcm-0"
-})(["margin:0 auto;width:100%;@media (min-width:", "){", "}"], function (_ref) {
-  var theme = _ref.theme;
-  return theme.breakpoints.small;
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return "width: ".concat(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25), ";");
-});
+})(["margin:0 auto;width:100%;@media (min-width:", "){", "}"], ({
+  theme
+}) => theme.breakpoints.small, ({
+  theme
+}) => `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`);
 
-var PageForm = function PageForm(_ref3) {
-  var _ref3$header = _ref3.header,
-      header = _ref3$header === void 0 ? null : _ref3$header,
-      _ref3$body = _ref3.body,
-      body = _ref3$body === void 0 ? null : _ref3$body,
-      _ref3$footer = _ref3.footer,
-      footer = _ref3$footer === void 0 ? null : _ref3$footer;
-  var theme = useTheme();
-  var rows = [1];
+const PageForm = ({
+  header = null,
+  body = null,
+  footer = null
+}) => {
+  const theme = useTheme();
+  const rows = [1];
   if (header) rows.unshift(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 1.125));
   if (footer) rows.push(theme.space.l);
-  return /*#__PURE__*/React.createElement(DSFullPageContainer, {
+  return /*#__PURE__*/_jsx(DSFullPageContainer, {
     rows: rows
-  }, header && /*#__PURE__*/React.createElement(Grid, null, header), /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, header && /*#__PURE__*/_jsx(Grid, {}, void 0, header), /*#__PURE__*/_jsx(Grid, {
     style: {
       overflow: 'hidden'
     }
-  }, /*#__PURE__*/React.createElement(DSFullPageContainerScroll, null, /*#__PURE__*/React.createElement(Body, null, body))), footer && /*#__PURE__*/React.createElement(Grid, null, footer));
+  }, void 0, /*#__PURE__*/_jsx(DSFullPageContainerScroll, {}, void 0, /*#__PURE__*/_jsx(Body, {}, void 0, body))), footer && /*#__PURE__*/_jsx(Grid, {}, void 0, footer));
 };
 
-PageForm.propTypes = {
-  header: PropTypes.element,
-  body: PropTypes.element,
-  footer: PropTypes.element
-};
-var DSPageForm = PageForm;
-var DSMobilePageForm = DSPageForm;
+const DSPageForm = PageForm;
+const DSMobilePageForm = DSPageForm;
 
 export { DSMobilePageForm, DSPageForm };
-//# sourceMappingURL=PageForm.js.map

package/esm/PageList/PageList.js

@@ -1,47 +1,29 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import styled from 'styled-components';
 import { Grid } from '@elliemae/ds-basic/Grid';
 import { withTheme, op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
 import { DSFullPageContainer } from '../FullPageContainer/FullPageContainer.js';
 import { DSFullPageContainerScroll } from '../FullPageContainer/FullPageContainerScroll.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@elliemae/ds-basic';
-import '../FullPageContainer/useMobileHeight.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@babel/runtime/helpers/esm/defineProperty';
 
-var PageTitleWrapper = /*#__PURE__*/styled(Grid).withConfig({
+const PageTitleWrapper = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-e4h57j-0"
 })(["min-height:44px;"]);
-var DSMobilePageList = withTheme(function (_ref) {
-  var _ref$header = _ref.header,
-      header = _ref$header === void 0 ? null : _ref$header,
-      _ref$pageTitle = _ref.pageTitle,
-      pageTitle = _ref$pageTitle === void 0 ? null : _ref$pageTitle,
-      _ref$filterBar = _ref.filterBar,
-      filterBar = _ref$filterBar === void 0 ? null : _ref$filterBar,
-      _ref$body = _ref.body,
-      body = _ref$body === void 0 ? null : _ref$body,
-      _ref$footer = _ref.footer,
-      footer = _ref$footer === void 0 ? null : _ref$footer,
-      theme = _ref.theme;
-  var rows = ['auto', op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 0.83), 1];
+const DSMobilePageList = withTheme(({
+  header = null,
+  pageTitle = null,
+  filterBar = null,
+  body = null,
+  footer = null,
+  theme
+}) => {
+  const rows = ['auto', op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 0.83), 1];
   if (header) rows.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl));
   if (footer) rows.push('56px');
-  return /*#__PURE__*/React.createElement(DSFullPageContainer, {
+  return /*#__PURE__*/_jsx(DSFullPageContainer, {
     rows: rows
-  }, header && /*#__PURE__*/React.createElement(Grid, null, header), /*#__PURE__*/React.createElement(PageTitleWrapper, null, pageTitle), /*#__PURE__*/React.createElement(Grid, null, filterBar), /*#__PURE__*/React.createElement(DSFullPageContainerScroll, null, body), footer && /*#__PURE__*/React.createElement(Grid, null, footer));
+  }, void 0, header && /*#__PURE__*/_jsx(Grid, {}, void 0, header), /*#__PURE__*/_jsx(PageTitleWrapper, {}, void 0, pageTitle), /*#__PURE__*/_jsx(Grid, {}, void 0, filterBar), /*#__PURE__*/_jsx(DSFullPageContainerScroll, {}, void 0, body), footer && /*#__PURE__*/_jsx(Grid, {}, void 0, footer));
 });
-DSMobilePageList.propTypes = {
-  header: PropTypes.element,
-  pageTitle: PropTypes.element,
-  filterBar: PropTypes.element,
-  body: PropTypes.element,
-  footer: PropTypes.element
-};
-var DSPageList = DSMobilePageList;
+const DSPageList = DSMobilePageList;
 
 export { DSMobilePageList, DSPageList };
-//# sourceMappingURL=PageList.js.map

package/esm/PageList/index.js

@@ -1,15 +1 @@
 export { DSMobilePageList, DSPageList } from './PageList.js';
-import 'react';
-import 'prop-types';
-import 'styled-components';
-import '@elliemae/ds-basic/Grid';
-import '@elliemae/ds-system';
-import '../FullPageContainer/FullPageContainer.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@elliemae/ds-basic';
-import '../FullPageContainer/useMobileHeight.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '../FullPageContainer/FullPageContainerScroll.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-//# sourceMappingURL=index.js.map

package/esm/PageSearch/PageSearch.js

@@ -1,52 +1,36 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import styled from 'styled-components';
 import { Grid } from '@elliemae/ds-basic/Grid';
 import { withTheme, op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
 
-var Header = /*#__PURE__*/styled(Grid).withConfig({
+const Header = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-a8tzbi-0"
-})(["height:100%;background:", ";padding:", ";"], function (props) {
-  return props.theme.colors.brand['600'];
-}, function (props) {
-  return __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs);
-});
-var DSMobilePageSearch = withTheme(function (_ref) {
-  var _ref$HeaderContainer = _ref.HeaderContainer,
-      HeaderContainer = _ref$HeaderContainer === void 0 ? Header : _ref$HeaderContainer,
-      _ref$SearchContainer = _ref.SearchContainer,
-      SearchContainer = _ref$SearchContainer === void 0 ? Header : _ref$SearchContainer,
-      _ref$searchHeader = _ref.searchHeader,
-      searchHeader = _ref$searchHeader === void 0 ? null : _ref$searchHeader,
-      _ref$pageTitle = _ref.pageTitle,
-      pageTitle = _ref$pageTitle === void 0 ? 'Search' : _ref$pageTitle,
-      _ref$body = _ref.body,
-      body = _ref$body === void 0 ? null : _ref$body,
-      theme = _ref.theme;
-  var rows = [op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 0.81), op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 1.62), 1];
-  return /*#__PURE__*/React.createElement(Grid, {
+})(["height:100%;background:", ";padding:", ";"], props => props.theme.colors.brand['600'], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs));
+const DSMobilePageSearch = withTheme(({
+  HeaderContainer = Header,
+  SearchContainer = Header,
+  searchHeader = null,
+  pageTitle = 'Search',
+  body = null,
+  theme
+}) => {
+  const rows = [op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 0.81), op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 1.62), 1];
+  return /*#__PURE__*/_jsx(Grid, {
     rows: rows,
     height: "100%"
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(HeaderContainer, null, pageTitle)), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(SearchContainer, null, searchHeader)), /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, /*#__PURE__*/_jsx(Grid, {}, void 0, /*#__PURE__*/_jsx(HeaderContainer, {}, void 0, pageTitle)), /*#__PURE__*/_jsx(Grid, {}, void 0, /*#__PURE__*/_jsx(SearchContainer, {}, void 0, searchHeader)), /*#__PURE__*/_jsx(Grid, {
     height: "100%",
     style: {
       overflow: 'hidden'
     }
-  }, /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, /*#__PURE__*/_jsx(Grid, {
     height: "100%",
     style: {
       overflow: 'auto'
     }
-  }, body)));
+  }, void 0, body)));
 });
-DSMobilePageSearch.propTypes = {
-  header: PropTypes.element,
-  pageTitle: PropTypes.element,
-  filterBar: PropTypes.element,
-  body: PropTypes.element,
-  footer: PropTypes.element
-};
-var DSPageSearch = DSMobilePageSearch;
+const DSPageSearch = DSMobilePageSearch;
 
 export { DSMobilePageSearch, DSPageSearch };
-//# sourceMappingURL=PageSearch.js.map

package/esm/PageSummary/PageSummary.js

@@ -1,57 +1,36 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { Grid } from '@elliemae/ds-basic/Grid';
 import styled from 'styled-components';
 import { op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
 import { DSFullPageContainer } from '../FullPageContainer/FullPageContainer.js';
-import '../FullPageContainer/FullPageContainerScroll.js';
-import { Header, Section, Toolbar, BodyWrapper } from './Tags.js';
-import '@babel/runtime/helpers/esm/extends';
+import '@babel/runtime/helpers/esm/defineProperty';
 import '@babel/runtime/helpers/esm/objectWithoutProperties';
 import '@elliemae/ds-basic';
-import '../FullPageContainer/useMobileHeight.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@babel/runtime/helpers/esm/defineProperty';
+import 'react/jsx-runtime';
+import { Header, Section, Toolbar, BodyWrapper } from './Tags.js';
 
-var Body = /*#__PURE__*/styled(Grid).withConfig({
+const Body = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-1jlvilw-0"
-})(["margin:0 auto;width:100%;@media (min-width:", "){", "}"], function (_ref) {
-  var theme = _ref.theme;
-  return theme.breakpoints.small;
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return "width: ".concat(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25), ";");
-});
+})(["margin:0 auto;width:100%;@media (min-width:", "){", "}"], ({
+  theme
+}) => theme.breakpoints.small, ({
+  theme
+}) => `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`);
 
-var PageSummary = function PageSummary(_ref3) {
-  var _ref3$header = _ref3.header,
-      header = _ref3$header === void 0 ? null : _ref3$header,
-      _ref3$headerZIndex = _ref3.headerZIndex,
-      headerZIndex = _ref3$headerZIndex === void 0 ? 1 : _ref3$headerZIndex,
-      _ref3$bodyPrimary = _ref3.bodyPrimary,
-      bodyPrimary = _ref3$bodyPrimary === void 0 ? null : _ref3$bodyPrimary,
-      _ref3$actions = _ref3.actions,
-      actions = _ref3$actions === void 0 ? null : _ref3$actions,
-      _ref3$actionsZIndex = _ref3.actionsZIndex,
-      actionsZIndex = _ref3$actionsZIndex === void 0 ? 1 : _ref3$actionsZIndex,
-      _ref3$bodySecondary = _ref3.bodySecondary,
-      bodySecondary = _ref3$bodySecondary === void 0 ? null : _ref3$bodySecondary;
-  return /*#__PURE__*/React.createElement(DSFullPageContainer, null, header && /*#__PURE__*/React.createElement(Header, {
-    zIndex: headerZIndex
-  }, header), /*#__PURE__*/React.createElement(Section, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Body, null, bodyPrimary)), /*#__PURE__*/React.createElement(Toolbar, {
-    zIndex: actionsZIndex
-  }, actions), /*#__PURE__*/React.createElement(BodyWrapper, null, /*#__PURE__*/React.createElement(Body, null, bodySecondary))));
-};
+const PageSummary = ({
+  header = null,
+  headerZIndex = 1,
+  bodyPrimary = null,
+  actions = null,
+  actionsZIndex = 1,
+  bodySecondary = null
+}) => /*#__PURE__*/_jsx(DSFullPageContainer, {}, void 0, header && /*#__PURE__*/_jsx(Header, {
+  zIndex: headerZIndex
+}, void 0, header), /*#__PURE__*/_jsx(Section, {}, void 0, /*#__PURE__*/_jsx(Grid, {}, void 0, /*#__PURE__*/_jsx(Body, {}, void 0, bodyPrimary)), /*#__PURE__*/_jsx(Toolbar, {
+  zIndex: actionsZIndex
+}, void 0, actions), /*#__PURE__*/_jsx(BodyWrapper, {}, void 0, /*#__PURE__*/_jsx(Body, {}, void 0, bodySecondary))));
 
-PageSummary.propTypes = {
-  header: PropTypes.element,
-  bodyPrimary: PropTypes.element,
-  actions: PropTypes.element,
-  bodySecondary: PropTypes.element,
-  headerZIndex: PropTypes.number,
-  actionsZIndex: PropTypes.number
-};
-var DSPageSummary = PageSummary;
+const DSPageSummary = PageSummary;
 
 export { DSPageSummary };
-//# sourceMappingURL=PageSummary.js.map

package/esm/PageSummary/Tags.js

@@ -1,25 +1,20 @@
 import styled from 'styled-components';
 
-var Header = /*#__PURE__*/styled.div.withConfig({
+const Header = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1bwtial-0"
-})(["position:fixed;display:grid;top:0;left:0;width:100%;height:64px;z-index:", ";"], function (_ref) {
-  var zIndex = _ref.zIndex;
-  return zIndex;
-});
-var Toolbar = /*#__PURE__*/styled.div.withConfig({
+})(["position:fixed;display:grid;top:0;left:0;width:100%;height:64px;z-index:", ";"], ({
+  zIndex
+}) => zIndex);
+const Toolbar = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1bwtial-1"
-})(["position:sticky;left:0;top:64px;background:", ";z-index:", ";"], function (props) {
-  return props.theme.colors.neutral['000'];
-}, function (_ref2) {
-  var zIndex = _ref2.zIndex;
-  return zIndex;
-});
-var BodyWrapper = /*#__PURE__*/styled.div.withConfig({
+})(["position:sticky;left:0;top:64px;background:", ";z-index:", ";"], props => props.theme.colors.neutral['000'], ({
+  zIndex
+}) => zIndex);
+const BodyWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1bwtial-2"
 })(["position:relative;display:grid;top:0;left:0;height:100%;"]);
-var Section = /*#__PURE__*/styled.div.withConfig({
+const Section = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1bwtial-3"
 })(["position:relative;top:64px;height:100%;"]);
 
 export { BodyWrapper, Header, Section, Toolbar };
-//# sourceMappingURL=Tags.js.map

package/esm/SideNav/SideNav.js

@@ -1,5 +1,5 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import React, { useState } from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useState } from 'react';
 import { DSBackdrop } from '@elliemae/ds-basic';
 import Close from '@elliemae/ds-icons/Close';
 import { DSIconSizes, DSIconColors } from '@elliemae/ds-basic/Icon';
@@ -7,25 +7,20 @@ import { PropTypes, describe } from 'react-desc';
 import { noop } from 'lodash';
 import SvgIcon from '../Icons/EM_logo.js';
 import { Container, Menu, MenuWrapper, Heading, Icon, Hr, MenuList, BottomMenu } from './styles.js';
-import 'styled-components';
+import { jsx, Fragment } from 'react/jsx-runtime';
 
-var DSSideNav = function DSSideNav(_ref) {
-  var _ref$containerProps = _ref.containerProps,
-      containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
-      title = _ref.title,
-      _ref$onClose = _ref.onClose,
-      onClose = _ref$onClose === void 0 ? noop : _ref$onClose,
-      _ref$menuItems = _ref.menuItems,
-      menuItems = _ref$menuItems === void 0 ? [] : _ref$menuItems,
-      _ref$bottomMenuItems = _ref.bottomMenuItems,
-      bottomMenuItems = _ref$bottomMenuItems === void 0 ? [] : _ref$bottomMenuItems;
+var _span, _Hr, _hr;
 
-  var _useState = useState(-1),
-      _useState2 = _slicedToArray(_useState, 2),
-      selectedMenuItemIdx = _useState2[0],
-      setSelectedMenuItem = _useState2[1];
+const DSSideNav = ({
+  containerProps = {},
+  title,
+  onClose = noop,
+  menuItems = [],
+  bottomMenuItems = []
+}) => {
+  const [selectedMenuItemIdx, setSelectedMenuItem] = useState(-1);
 
-  var menuItemClick = function menuItemClick(idx, text, cb) {
+  const menuItemClick = (idx, text, cb) => {
     if (cb) {
       cb(idx, text);
     }
@@ -33,65 +28,57 @@ var DSSideNav = function DSSideNav(_ref) {
     setSelectedMenuItem(idx);
   };
 
-  var renderMenuList = function renderMenuList() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, menuItems.length > 0 ? /*#__PURE__*/React.createElement(MenuList, null, menuItems.map(function (_ref2, idx) {
-      var icon = _ref2.icon,
-          text = _ref2.text,
-          onClick = _ref2.onClick;
-      return /*#__PURE__*/React.createElement("div", {
-        key: idx,
-        className: "menuitem",
-        onClick: menuItemClick.bind(null, idx, text, onClick)
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "icon"
-      }, icon), /*#__PURE__*/React.createElement("div", {
-        className: "text ".concat(idx === selectedMenuItemIdx ? 'active' : '')
-      }, text));
-    })) : null);
-  };
+  const renderMenuList = () => /*#__PURE__*/jsx(Fragment, {
+    children: menuItems.length > 0 ? /*#__PURE__*/_jsx(MenuList, {}, void 0, menuItems.map(({
+      icon,
+      text,
+      onClick
+    }, idx) => /*#__PURE__*/_jsx("div", {
+      className: "menuitem",
+      onClick: menuItemClick.bind(null, idx, text, onClick)
+    }, idx, /*#__PURE__*/_jsx("div", {
+      className: "icon"
+    }, void 0, icon), /*#__PURE__*/_jsx("div", {
+      className: `text ${idx === selectedMenuItemIdx ? 'active' : ''}`
+    }, void 0, text)))) : null
+  });
 
-  var renderBottomMenu = function renderBottomMenu() {
-    return /*#__PURE__*/React.createElement(MenuList, null, bottomMenuItems.map(function (_ref3, idx) {
-      var icon = _ref3.icon,
-          text = _ref3.text,
-          _onClick = _ref3.onClick;
-      return /*#__PURE__*/React.createElement("div", {
-        key: idx,
-        className: "menuitem",
-        onClick: function onClick() {
-          return _onClick(idx, text);
-        }
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "icon"
-      }, icon), /*#__PURE__*/React.createElement("div", {
-        className: "text"
-      }, text));
-    }));
-  };
+  const renderBottomMenu = () => /*#__PURE__*/_jsx(MenuList, {}, void 0, bottomMenuItems.map(({
+    icon,
+    text,
+    onClick
+  }, idx) => /*#__PURE__*/_jsx("div", {
+    className: "menuitem",
+    onClick: () => onClick(idx, text)
+  }, idx, /*#__PURE__*/_jsx("div", {
+    className: "icon"
+  }, void 0, icon), /*#__PURE__*/_jsx("div", {
+    className: "text"
+  }, void 0, text))));
 
-  return /*#__PURE__*/React.createElement(Container, {
+  return /*#__PURE__*/_jsx(Container, {
     "data-testid": containerProps['data-testid'] || 'global-header-menu'
-  }, /*#__PURE__*/React.createElement(DSBackdrop, {
+  }, void 0, /*#__PURE__*/_jsx(DSBackdrop, {
     onClick: onClose,
     type: "cover"
-  }), /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(MenuWrapper, null, /*#__PURE__*/React.createElement(Heading, null, /*#__PURE__*/React.createElement(Icon, null, SvgIcon()), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_jsx(Menu, {}, void 0, /*#__PURE__*/_jsx(MenuWrapper, {}, void 0, /*#__PURE__*/_jsx(Heading, {}, void 0, /*#__PURE__*/_jsx(Icon, {}, void 0, SvgIcon()), /*#__PURE__*/_jsx("div", {
     className: "content"
-  }, /*#__PURE__*/React.createElement("label", null, title), /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("div", {
+  }, void 0, /*#__PURE__*/_jsx("label", {}, void 0, title), _span || (_span = /*#__PURE__*/_jsx("span", {})), /*#__PURE__*/_jsx("div", {
     className: "icon"
-  }, /*#__PURE__*/React.createElement(Close, {
+  }, void 0, /*#__PURE__*/_jsx(Close, {
     onClick: onClose,
     size: DSIconSizes.S,
     color: DSIconColors.WHITE
-  })))), /*#__PURE__*/React.createElement(Hr, null), renderMenuList(), bottomMenuItems.length > 0 ? /*#__PURE__*/React.createElement(BottomMenu, null, /*#__PURE__*/React.createElement("div", {
+  })))), _Hr || (_Hr = /*#__PURE__*/_jsx(Hr, {})), renderMenuList(), bottomMenuItems.length > 0 ? /*#__PURE__*/_jsx(BottomMenu, {}, void 0, /*#__PURE__*/_jsx("div", {
     className: "content"
-  }, /*#__PURE__*/React.createElement("hr", null), renderBottomMenu())) : null)));
+  }, void 0, _hr || (_hr = /*#__PURE__*/_jsx("hr", {})), renderBottomMenu())) : null)));
 };
 
-var menuProps = PropTypes.arrayOf(PropTypes.shape({
+const menuProps = PropTypes.arrayOf(PropTypes.shape({
   icon: PropTypes.element,
   text: PropTypes.string
 }));
-var navProps = {
+const navProps = {
   /** inject props to wrapper element of side nav */
   containerProps: PropTypes.object.description('inject props to wrapper element of side nav'),
 
@@ -115,9 +102,7 @@ var navProps = {
    */
   bottomMenuItems: menuProps.description('Bottom Menu items array')
 };
-DSSideNav.propTypes = navProps;
-var DSSideNavWithSchema = describe(DSSideNav).description('Side navigation for mobile and tablet');
+const DSSideNavWithSchema = describe(DSSideNav).description('Side navigation for mobile and tablet');
 DSSideNavWithSchema.propTypes = navProps;
 
 export { DSSideNav, DSSideNavWithSchema };
-//# sourceMappingURL=SideNav.js.map

package/esm/SideNav/index.js

@@ -1,12 +1 @@
 export { DSSideNav, DSSideNavWithSchema } from './SideNav.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'react';
-import '@elliemae/ds-basic';
-import '@elliemae/ds-icons/Close';
-import '@elliemae/ds-basic/Icon';
-import 'react-desc';
-import 'lodash';
-import '../Icons/EM_logo.js';
-import './styles.js';
-import 'styled-components';
-//# sourceMappingURL=index.js.map

package/esm/SideNav/styles.js

@@ -1,57 +1,28 @@
 import styled from 'styled-components';
 
-var Container = /*#__PURE__*/styled.div.withConfig({
+const Container = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-10h55hr-0"
 })(["position:fixed;width:100%;height:100%;"]);
-var MenuWrapper = /*#__PURE__*/styled.div.withConfig({
+const MenuWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-10h55hr-1"
 })(["position:relative;height:100%;"]);
-var Menu = /*#__PURE__*/styled.div.withConfig({
+const Menu = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-10h55hr-2"
-})(["position:fixed;width:80%;height:100%;background-color:", ";font-family:", ";box-shadow:5px 0 5px ", ";padding:", ";"], function (props) {
-  return props.theme.colors.brand[700];
-}, function (props) {
-  return props.theme.fonts.default;
-}, function (props) {
-  return props.theme.colors.neutral[600];
-}, function (props) {
-  return props.theme.space.xs;
-});
-var Heading = /*#__PURE__*/styled.div.withConfig({
+})(["position:fixed;width:80%;height:100%;background-color:", ";font-family:", ";box-shadow:5px 0 5px ", ";padding:", ";"], props => props.theme.colors.brand[700], props => props.theme.fonts.default, props => props.theme.colors.neutral[600], props => props.theme.space.xs);
+const Heading = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-10h55hr-3"
-})(["display:flex;flex-direction:row;.content{width:100%;display:flex;flex-direction:row;span{flex-grow:1;}label{padding-top:1px;line-height:30px;font-weight:", ";font-size:22px;color:", ";}.icon{cursor:pointer;padding-top:6px;}}"], function (props) {
-  return props.theme.fontWeights.semibold;
-}, function (props) {
-  return props.theme.colors.neutral['000'];
-});
-var Icon = /*#__PURE__*/styled.div.withConfig({
+})(["display:flex;flex-direction:row;.content{width:100%;display:flex;flex-direction:row;span{flex-grow:1;}label{padding-top:1px;line-height:30px;font-weight:", ";font-size:22px;color:", ";}.icon{cursor:pointer;padding-top:6px;}}"], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['000']);
+const Icon = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-10h55hr-4"
-})(["margin-right:", ";"], function (props) {
-  return props.theme.space.xxs2;
-});
-var Hr = /*#__PURE__*/styled.hr.withConfig({
+})(["margin-right:", ";"], props => props.theme.space.xxs2);
+const Hr = /*#__PURE__*/styled.hr.withConfig({
   componentId: "sc-10h55hr-5"
-})(["margin-left:-", ";margin-right:-", ";"], function (props) {
-  return props.theme.space.xs;
-}, function (props) {
-  return props.theme.space.xs;
-});
-var MenuList = /*#__PURE__*/styled.div.withConfig({
+})(["margin-left:-", ";margin-right:-", ";"], props => props.theme.space.xs, props => props.theme.space.xs);
+const MenuList = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-10h55hr-6"
-})([".menuitem{display:flex;flex-direction:row;cursor:pointer;height:22px;margin-bottom:", ";.icon{padding-left:6px;margin-right:", ";span{height:20px;width:20px;svg{height:20px;width:20px;}}}.text{font-weight:", ";font-size:18px;line-height:22px;color:", ";&.active{font-weight:", ";}}&:last-child{margin-bottom:0;}}"], function (props) {
-  return props.theme.space.xs;
-}, function (props) {
-  return props.theme.space.xs;
-}, function (props) {
-  return props.theme.fontWeights.regular;
-}, function (props) {
-  return props.theme.colors.neutral['000'];
-}, function (props) {
-  return props.theme.fontWeights.semibold;
-});
-var BottomMenu = /*#__PURE__*/styled.div.withConfig({
+})([".menuitem{display:flex;flex-direction:row;cursor:pointer;height:22px;margin-bottom:", ";.icon{padding-left:6px;margin-right:", ";span{height:20px;width:20px;svg{height:20px;width:20px;}}}.text{font-weight:", ";font-size:18px;line-height:22px;color:", ";&.active{font-weight:", ";}}&:last-child{margin-bottom:0;}}"], props => props.theme.space.xs, props => props.theme.space.xs, props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['000'], props => props.theme.fontWeights.semibold);
+const BottomMenu = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-10h55hr-7"
 })(["position:absolute;bottom:0;width:100%;"]);
 
 export { BottomMenu, Container, Heading, Hr, Icon, Menu, MenuList, MenuWrapper };
-//# sourceMappingURL=styles.js.map