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

package/esm/PageFilter/PageFilter.js

@@ -1,12 +1,16 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-basic/Grid';
+import { Grid } from '@elliemae/ds-grid';
 import { useTheme, op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
 import { DSFullPageContainer } from '../FullPageContainer/FullPageContainer.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import '@babel/runtime/helpers/esm/defineProperty';
 import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@elliemae/ds-basic';
 import 'react/jsx-runtime';
 
 const Header = /*#__PURE__*/styled(Grid).withConfig({
@@ -28,14 +32,15 @@ const Footer = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-15cmidp-5"
 })(["display:flex;justify-content:space-around;align-items:center;width:100%;padding:0.67rem;border-top:1px solid ", ";& > button{flex-grow:1;margin:0 0.33rem;}"], props => props.theme.colors.neutral[300]);
 
-const PageFilter = ({
-  children = null,
-  breadCrumb = null,
-  pageTitle = null,
-  leftProp = null,
-  rightProp = null,
-  footerButton = null
-}) => {
+const PageFilter = _ref => {
+  let {
+    children = null,
+    breadCrumb = null,
+    pageTitle = null,
+    leftProp = null,
+    rightProp = null,
+    footerButton = null
+  } = _ref;
   const theme = useTheme();
   const headerDimension = theme.space.l;
   const rows = [headerDimension, 1];

package/esm/PageForm/PageForm.js

@@ -1,6 +1,6 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
-import { Grid } from '@elliemae/ds-basic/Grid';
+import { Grid } from '@elliemae/ds-grid';
 import styled from 'styled-components';
 import { useTheme, op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
 import { DSFullPageContainer } from '../FullPageContainer/FullPageContainer.js';
@@ -8,17 +8,24 @@ import { DSFullPageContainerScroll } from '../FullPageContainer/FullPageContaine
 
 const Body = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-1qg3tcm-0"
-})(["margin:0 auto;width:100%;@media (min-width:", "){", "}"], ({
-  theme
-}) => theme.breakpoints.small, ({
-  theme
-}) => `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`);
+})(["margin:0 auto;width:100%;@media (min-width:", "){", "}"], _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.breakpoints.small;
+}, _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return "width: ".concat(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25), ";");
+});
 
-const PageForm = ({
-  header = null,
-  body = null,
-  footer = null
-}) => {
+const PageForm = _ref3 => {
+  let {
+    header = null,
+    body = null,
+    footer = null
+  } = _ref3;
   const theme = useTheme();
   const rows = [1];
   if (header) rows.unshift(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 1.125));

package/esm/PageList/PageList.js

@@ -1,7 +1,7 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-basic/Grid';
+import { Grid } from '@elliemae/ds-grid';
 import { withTheme, op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
 import { DSFullPageContainer } from '../FullPageContainer/FullPageContainer.js';
 import { DSFullPageContainerScroll } from '../FullPageContainer/FullPageContainerScroll.js';
@@ -9,14 +9,15 @@ import { DSFullPageContainerScroll } from '../FullPageContainer/FullPageContaine
 const PageTitleWrapper = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-e4h57j-0"
 })(["min-height:44px;"]);
-const DSMobilePageList = withTheme(({
-  header = null,
-  pageTitle = null,
-  filterBar = null,
-  body = null,
-  footer = null,
-  theme
-}) => {
+const DSMobilePageList = withTheme(_ref => {
+  let {
+    header = null,
+    pageTitle = null,
+    filterBar = null,
+    body = null,
+    footer = null,
+    theme
+  } = _ref;
   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');

package/esm/PageSearch/PageSearch.js

@@ -1,20 +1,21 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-basic/Grid';
+import { Grid } from '@elliemae/ds-grid';
 import { withTheme, op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
 
 const Header = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-a8tzbi-0"
 })(["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 DSMobilePageSearch = withTheme(_ref => {
+  let {
+    HeaderContainer = Header,
+    SearchContainer = Header,
+    searchHeader = null,
+    pageTitle = 'Search',
+    body = null,
+    theme
+  } = _ref;
   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,

package/esm/PageSummary/PageSummary.js

@@ -1,35 +1,48 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
-import { Grid } from '@elliemae/ds-basic/Grid';
+import { Grid } from '@elliemae/ds-grid';
 import styled from 'styled-components';
 import { op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
 import { DSFullPageContainer } from '../FullPageContainer/FullPageContainer.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import '@babel/runtime/helpers/esm/defineProperty';
 import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@elliemae/ds-basic';
 import 'react/jsx-runtime';
 import { Header, Section, Toolbar, BodyWrapper } from './Tags.js';
 
 const Body = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-1jlvilw-0"
-})(["margin:0 auto;width:100%;@media (min-width:", "){", "}"], ({
-  theme
-}) => theme.breakpoints.small, ({
-  theme
-}) => `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`);
+})(["margin:0 auto;width:100%;@media (min-width:", "){", "}"], _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.breakpoints.small;
+}, _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return "width: ".concat(op('*', __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(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))));
+const PageSummary = _ref3 => {
+  let {
+    header = null,
+    headerZIndex = 1,
+    bodyPrimary = null,
+    actions = null,
+    actionsZIndex = 1,
+    bodySecondary = null
+  } = _ref3;
+  return /*#__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))));
+};
 
 const DSPageSummary = PageSummary;
 

package/esm/PageSummary/Tags.js

@@ -2,14 +2,20 @@ import styled from 'styled-components';
 
 const Header = /*#__PURE__*/styled.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.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.div.withConfig({
   componentId: "sc-1bwtial-2"
 })(["position:relative;display:grid;top:0;left:0;height:100%;"]);

package/esm/SideNav/SideNav.js

@@ -1,8 +1,11 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 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';
+import { DSBackdrop } from '@elliemae/ds-backdrop';
+import { Close } from '@elliemae/ds-icons';
+import { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';
 import { PropTypes, describe } from 'react-desc';
 import { noop } from 'lodash';
 import SvgIcon from '../Icons/EM_logo.js';
@@ -11,13 +14,14 @@ import { jsx, Fragment } from 'react/jsx-runtime';
 
 var _span, _Hr, _hr;
 
-const DSSideNav = ({
-  containerProps = {},
-  title,
-  onClose = noop,
-  menuItems = [],
-  bottomMenuItems = []
-}) => {
+const DSSideNav = _ref => {
+  let {
+    containerProps = {},
+    title,
+    onClose = noop,
+    menuItems = [],
+    bottomMenuItems = []
+  } = _ref;
   const [selectedMenuItemIdx, setSelectedMenuItem] = useState(-1);
 
   const menuItemClick = (idx, text, cb) => {
@@ -29,32 +33,38 @@ const DSSideNav = ({
   };
 
   const renderMenuList = () => /*#__PURE__*/jsx(Fragment, {
-    children: menuItems.length > 0 ? /*#__PURE__*/_jsx(MenuList, {}, void 0, menuItems.map(({
+    children: menuItems.length > 0 ? /*#__PURE__*/_jsx(MenuList, {}, void 0, menuItems.map((_ref2, idx) => {
+      let {
+        icon,
+        text,
+        onClick
+      } = _ref2;
+      return /*#__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 ".concat(idx === selectedMenuItemIdx ? 'active' : '')
+      }, void 0, text));
+    })) : null
+  });
+
+  const renderBottomMenu = () => /*#__PURE__*/_jsx(MenuList, {}, void 0, bottomMenuItems.map((_ref3, idx) => {
+    let {
       icon,
       text,
       onClick
-    }, idx) => /*#__PURE__*/_jsx("div", {
+    } = _ref3;
+    return /*#__PURE__*/_jsx("div", {
       className: "menuitem",
-      onClick: menuItemClick.bind(null, idx, text, onClick)
+      onClick: () => onClick(idx, text)
     }, idx, /*#__PURE__*/_jsx("div", {
       className: "icon"
     }, void 0, icon), /*#__PURE__*/_jsx("div", {
-      className: `text ${idx === selectedMenuItemIdx ? 'active' : ''}`
-    }, void 0, text)))) : null
-  });
-
-  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))));
+      className: "text"
+    }, void 0, text));
+  }));
 
   return /*#__PURE__*/_jsx(Container, {
     "data-testid": containerProps['data-testid'] || 'global-header-menu'

package/esm/SwipeToRefresh/ProgressIndicator.js

@@ -1,13 +1,14 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import { useTheme } from '@elliemae/ds-system';
-import { Grid } from '@elliemae/ds-basic/Grid';
+import { Grid } from '@elliemae/ds-grid';
 
 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 = useTheme();
   const dashoffset = cir * (1 - factor);
@@ -27,16 +28,16 @@ const ProgressIndicator = ({
     r: "54",
     fill: "none",
     strokeWidth: "12",
-    stroke: `${theme.colors.neutral[100]}`
+    stroke: "".concat(theme.colors.neutral[100])
   }), /*#__PURE__*/_jsx("circle", {
     cx: "60",
     cy: "60",
     r: "54",
     strokeWidth: "12",
     fill: "none",
-    strokeDasharray: `${cir}px`,
-    strokeDashoffset: `${dashoffset}px`,
-    stroke: `${theme.colors.brand[600]}`,
+    strokeDasharray: "".concat(cir, "px"),
+    strokeDashoffset: "".concat(dashoffset, "px"),
+    stroke: "".concat(theme.colors.brand[600]),
     strokeLinecap: "round"
   })));
 };

package/esm/SwipeToRefresh/SwipeToRefresh.js

@@ -1,7 +1,7 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import { PropTypes, describe } from 'react-desc';
-import { DSCircularProgressIndicator } from '@elliemae/ds-basic/CircularProgressIndicator';
+import { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';
 import { useTheme } from '@elliemae/ds-system';
 import { useSwipe } from './useSwipe.js';
 import { SwipeContainer, SwipeDrag, LoaderBox, PositionLoader } from './styled.js';
@@ -10,11 +10,12 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 
 var _DSCircularProgressIn;
 
-const SwipeToRefresh = ({
-  children,
-  loading,
-  onRefresh
-}) => {
+const SwipeToRefresh = _ref => {
+  let {
+    children,
+    loading,
+    onRefresh
+  } = _ref;
   const breakpoint = 60;
   const theme = useTheme();
   const swipe = useSwipe({
@@ -29,14 +30,14 @@ const SwipeToRefresh = ({
     onTouchMove: swipe.touchMove,
     ref: swipe.ref,
     children: [/*#__PURE__*/_jsx(LoaderBox, {
-      height: loading ? theme.space.m : `${swipe.height}px`,
+      height: loading ? theme.space.m : "".concat(swipe.height, "px"),
       alignItems: "flex-start",
       "data-testid": "loader-box"
     }, void 0, /*#__PURE__*/_jsx(PositionLoader, {
       height: theme.space.m,
       justifyContent: "center",
       alignItems: "center",
-      mt: swipe.height > 40 || loading ? 0 : `${swipe.height - 40}px`
+      mt: swipe.height > 40 || loading ? 0 : "".concat(swipe.height - 40, "px")
     }, void 0, loading ? _DSCircularProgressIn || (_DSCircularProgressIn = /*#__PURE__*/_jsx(DSCircularProgressIndicator, {})) : /*#__PURE__*/_jsx(ProgressIndicator, {
       progress: progress
     }))), /*#__PURE__*/jsx("div", {

package/esm/SwipeToRefresh/styled.js

@@ -1,4 +1,4 @@
-import { Grid } from '@elliemae/ds-basic/Grid';
+import { Grid } from '@elliemae/ds-grid';
 import styled from 'styled-components';
 
 const SwipeContainer = /*#__PURE__*/styled(Grid).withConfig({

package/esm/SwipeToRefresh/useSwipe.js

@@ -1,9 +1,11 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useRef } from 'react';
 
-const useSwipe = ({
-  onRefresh,
-  breakpoint
-}) => {
+const useSwipe = _ref => {
+  let {
+    onRefresh,
+    breakpoint
+  } = _ref;
   const [startingPoint, setStartingPoint] = useState(0);
   const [movingPoint, setMovingPoint] = useState(0);
   const ref = useRef();

package/esm/Tabs/index.js

@@ -1,7 +1,12 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'react';
-import { DSTabs, DSTab } from '@elliemae/ds-basic';
+import { DSTabs, DSTab } from '@elliemae/ds-tabs';
 import { jsx } from 'react/jsx-runtime';
 
 const _excluded = ["children"],

package/esm/index.js

@@ -4,8 +4,8 @@ export { DSMobilePageForm, DSPageForm } from './PageForm/PageForm.js';
 export { DSPageSummary } from './PageSummary/PageSummary.js';
 export { DSMobileLoadingPage } from './LoadingPage/Page.js';
 export { DSMobilePageSearch, DSPageSearch } from './PageSearch/PageSearch.js';
-export { DSAccordion as DSMobileAccordion, DSAccordionItem as DSMobileAccordionItem, DSAccordionItemWithSchema as DSMobileAccordionItemWithSchema, DSAccordionWithSchema as DSMobileAccordionWithSchema } from '@elliemae/ds-basic/Accordion';
-export { MobileSeparatorWithSchema } from './MobileSeparator/Separator.js';
+export { DSAccordion as DSMobileAccordion, DSAccordionItem as DSMobileAccordionItem, DSAccordionItemWithSchema as DSMobileAccordionItemWithSchema, DSAccordionWithSchema as DSMobileAccordionWithSchema } from '@elliemae/ds-accordion';
+export { default as DSMobileSeparator, MobileSeparatorWithSchema } from './MobileSeparator/Separator.js';
 export { DSMobileListItem, ListItemWithSchema } from './MobileListItem/MobileListItem.js';
 export { DSMobileTouchable } from './MobileTouchable/MobileTouchable.js';
 export { DSMobileContextMenu, DSMobileContextMenuWithSchema } from './MobileContextMenu/MobileContextMenu.js';
@@ -14,7 +14,7 @@ export { DSMobileContextMenuGroup, DSMobileContextMenuGroupWithSchema } from './
 export { DSMobileFilterbar, FilterbarWithSchema } from './MobileFilterbar/Filterbar.js';
 export { DSMobileFilterbarSort, FilterbarSortWithSchema } from './MobileFilterbar/FilterbarSort.js';
 export { DSMobileFilterbarItem, FilterbarItemWithSchema } from './MobileFilterbar/FilterbarItem.js';
-export { DSMobileActionToolbarWithSchema } from './MobileActionToolbar/MobileActionToolbar.js';
+export { default as DSMobileActionToolbar, DSMobileActionToolbarWithSchema } from './MobileActionToolbar/MobileActionToolbar.js';
 export { DSToolbarItemWithSchema, default as ToolbarItem } from './MobileActionToolbar/MobileActionToolbarItem.js';
 export { default as DSMobileFooter, MobileFooterWithSchema } from './MobileFooter/Footer.js';
 export { DSMobileFooterText, DSMobileFooterTextWithSchema } from './MobileFooter/Text.js';
@@ -41,3 +41,4 @@ export { DSMobileBanner, DSMobileBannerWithSchema } from './MobileBanner/MobileB
 export { MOBILE_BANNER_TYPES } from './MobileBanner/utils/bannerTypes.js';
 export { DSMobileCardWithSchema } from './MobileCard/Card.js';
 export { DSMobileCardGroupWithSchema } from './MobileCard/Group.js';
+export { SubIcons } from './MobileCard/CardIcons.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-mobile",
-  "version": "2.0.0-next.1",
+  "version": "2.0.0-next.13",
   "license": "MIT",
   "description": "ICE MT - Dimsum - System",
   "module": "./esm/index.js",
@@ -421,20 +421,28 @@
     "generateSubmodules": true
   },
   "dependencies": {
+    "@elliemae/ds-basic": "2.0.0-next.13",
+    "@elliemae/ds-devutils": "2.0.0-next.13",
+    "@elliemae/ds-icons": "2.0.0-next.13",
+    "@elliemae/ds-shared": "2.0.0-next.13",
+    "@elliemae/ds-system": "2.0.0-next.13",
     "polished": "~3.6.7",
+    "prop-types": "~15.7.2",
+    "react-desc": "~4.1.3",
     "react-window": "~1.8.6",
-    "react-window-infinite-loader": "~1.0.7",
-    "styled-system": "~5.1.5"
+    "react-window-infinite-loader": "~1.0.5"
   },
   "devDependencies": {
-    "@elliemae/pui-theme": "~2.2.4",
-    "styled-components": "~5.3.1"
+    "@elliemae/pui-theme": "~2.2.5",
+    "styled-components": "~5.3.3",
+    "styled-system": "~5.1.5"
   },
   "peerDependencies": {
-    "@elliemae/pui-theme": "^2.2.4",
+    "@elliemae/pui-theme": "^2.2.5",
     "lodash": "^4.17.21",
     "react": "~17.0.2",
     "react-dom": "^17.0.2",
-    "styled-components": "^5.3.1"
+    "styled-components": "^5.3.3",
+    "styled-system": "^5.1.5"
   }
 }

package/types/Accordion/Accordion.d.ts

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

package/types/CategoryBox/CategoryBox.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 declare const DSCategoryBox: {
-    ({ borderTop, actionsRight, title, headerLevel, children, }: {
+    ({ borderTop, actionsRight, title, headerLevel, children }: {
         borderTop?: boolean | undefined;
         actionsRight?: never[] | undefined;
         title: any;

package/types/CollectionBox/CollectionBox.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 declare const DSCollectionBox: {
-    ({ body, title, headerAction, footerAction, headerLevel, }: {
+    ({ body, title, headerAction, footerAction, headerLevel }: {
         body: any;
         title: any;
         headerAction: any;

package/types/GroupBox/GroupBox.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 declare const DSGroupBox: {
-    ({ children, title, background, headerLevel, actionsRight, borderTop, }: {
+    ({ children, title, background, headerLevel, actionsRight, borderTop }: {
         children: any;
         title: any;
         background?: string | undefined;

package/types/InfiniteLoader/Infiniteloader.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 declare const InfiniteLoader: {
-    ({ isFetching, fetchData, children, height, }: {
+    ({ isFetching, fetchData, children, height }: {
         isFetching: any;
         fetchData: any;
         children: any;

package/types/MobileBanner/styles.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { StyledBannerContainerT, StyledContentT, StyledInnerContainerT } from './index.d';
 export declare const StyledInnerContainer: import("styled-components").StyledComponent<"div", any, StyledInnerContainerT, never>;
 export declare const StyledTextContent: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -6,6 +7,64 @@ export declare const StyledSubTitle: import("styled-components").StyledComponent
 export declare const StyledIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledContent: import("styled-components").StyledComponent<"div", any, StyledContentT, never>;
 export declare const StyledCloseButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledCloseButton: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+export declare const StyledCloseButton: import("styled-components").StyledComponent<{
+    ({ innerRef, disabled, buttonType, fluidWidth, size, labelText, icon, onBlur, onClick, onKeyPress, leftIcon, tabIndex, variant, intent, containerProps, className, as: Component, type, ...rest }: {
+        [x: string]: any;
+        innerRef: any;
+        disabled: any;
+        buttonType: any;
+        fluidWidth: any;
+        size: any;
+        labelText: any;
+        icon: any;
+        onBlur: any;
+        onClick: any;
+        onKeyPress: any;
+        leftIcon: any;
+        tabIndex: any;
+        variant: any;
+        intent: any;
+        containerProps: any;
+        className: any;
+        as: any;
+        type: any;
+    }): JSX.Element;
+    defaultProps: {
+        disabled: boolean;
+        fluidWidth: boolean;
+        labelText: string;
+        icon: null;
+        onBlur: () => null;
+        onClick: () => null;
+        onKeyPress: () => null;
+        leftIcon: null;
+        tabIndex: number;
+        variant: string;
+        containerProps: {};
+        as: string;
+        type: string;
+    };
+    propTypes: {
+        tabIndex: any;
+        className: any;
+        'aria-disabled': any;
+        as: any;
+        disabled: any;
+        fluidWidth: any;
+        labelText: any;
+        icon: any;
+        leftIcon: any;
+        buttonType: any;
+        size: any;
+        type: any;
+        variant: any;
+        innerRef: any;
+        onBlur: any;
+        intent: any;
+        containerProps: any;
+        onClick: any;
+        onKeyPress: any;
+    };
+}, any, {}, never>;
 export declare const StyledActionLink: import("styled-components").StyledComponent<"a", any, {}, never>;
 export declare const StyledBannerContainer: import("styled-components").StyledComponent<"div", any, StyledBannerContainerT, never>;