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

package/cjs/PageList/PageList.js

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

package/cjs/PageSearch/PageSearch.js

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

package/cjs/PageSummary/PageSummary.js

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

package/cjs/PageSummary/Tags.js

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

package/cjs/SideNav/SideNav.js

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

package/cjs/SideNav/styles.js

@@ -8,28 +8,28 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Container = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Container = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-10h55hr-0"
 })(["position:fixed;width:100%;height:100%;"]);
-const MenuWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const MenuWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-10h55hr-1"
 })(["position:relative;height:100%;"]);
-const Menu = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Menu = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-10h55hr-2"
 })(["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__default['default'].div.withConfig({
+const Heading = /*#__PURE__*/styled__default["default"].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;}}"], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['000']);
-const Icon = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Icon = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-10h55hr-4"
 })(["margin-right:", ";"], props => props.theme.space.xxs2);
-const Hr = /*#__PURE__*/styled__default['default'].hr.withConfig({
+const Hr = /*#__PURE__*/styled__default["default"].hr.withConfig({
   componentId: "sc-10h55hr-5"
 })(["margin-left:-", ";margin-right:-", ";"], props => props.theme.space.xs, props => props.theme.space.xs);
-const MenuList = /*#__PURE__*/styled__default['default'].div.withConfig({
+const MenuList = /*#__PURE__*/styled__default["default"].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;}}"], 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__default['default'].div.withConfig({
+const BottomMenu = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-10h55hr-7"
 })(["position:absolute;bottom:0;width:100%;"]);
 

package/cjs/SwipeToRefresh/ProgressIndicator.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var dsSystem = require('@elliemae/ds-system');
-var Grid = require('@elliemae/ds-basic/Grid');
+var dsGrid = require('@elliemae/ds-grid');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -13,38 +13,39 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
 const rad = 54;
 const cir = 2 * Math.PI * rad;
-const ProgressIndicator = ({
-  progress = 0
-}) => {
+const ProgressIndicator = _ref => {
+  let {
+    progress = 0
+  } = _ref;
   const factor = progress / 100;
   const theme = dsSystem.useTheme();
   const dashoffset = cir * (1 - factor);
-  return /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     height: theme.space.s,
     width: theme.space.s,
     justifyContent: "center",
     alignItems: "center"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("svg", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("svg", {
     width: "23",
     height: "23",
     viewBox: "0 0 120 120",
     transform: "rotate(-90)"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("circle", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
     cx: "60",
     cy: "60",
     r: "54",
     fill: "none",
     strokeWidth: "12",
-    stroke: `${theme.colors.neutral[100]}`
-  }), /*#__PURE__*/_jsx__default['default']("circle", {
+    stroke: "".concat(theme.colors.neutral[100])
+  }), /*#__PURE__*/_jsx__default["default"]("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/cjs/SwipeToRefresh/ProgressLoader.js

@@ -13,111 +13,111 @@ var _defs, _g;
 const ProgressLoader = () => {
   const width = 32;
   const height = 32;
-  return /*#__PURE__*/_jsx__default['default']("svg", {
+  return /*#__PURE__*/_jsx__default["default"]("svg", {
     viewBox: "0 0 40 40",
     width: width,
     height: height,
     rotate: "20deg"
-  }, void 0, _defs || (_defs = /*#__PURE__*/_jsx__default['default']("defs", {}, void 0, /*#__PURE__*/_jsx__default['default']("clipPath", {
+  }, void 0, _defs || (_defs = /*#__PURE__*/_jsx__default["default"]("defs", {}, void 0, /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("circle", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
     className: "prefix__cls-1",
     cx: -220,
     cy: 21,
     r: 12
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-2"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("circle", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
     className: "prefix__cls-1",
     cx: -220,
     cy: 9,
     r: 2
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-3"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("circle", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
     className: "prefix__cls-1",
     cx: -159.98,
     cy: 21,
     r: 12
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-4"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     className: "prefix__cls-1",
     d: "M-146 21a14 14 0 00-14-14h-.13a2 2 0 00-2 2 2 2 0 002 2h.09a10 10 0 0110 10 2 2 0 002 2 2 2 0 002.04-2z"
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-5"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     className: "prefix__cls-2",
     d: "M-151.3 27.15l-1.33-6.81a1 1 0 01.79-1.18 1.05 1.05 0 01.5 0l7 2.24a1 1 0 01.65 1.26 1 1 0 01-.33.47l-5.66 4.58a1 1 0 01-1.4-.15 1.19 1.19 0 01-.22-.41z"
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-6"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("circle", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
     className: "prefix__cls-1",
     cx: -99.68,
     cy: 21.22,
     r: 12
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-7"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     className: "prefix__cls-1",
     d: "M-99.68 35.22a14 14 0 0014-14 14 14 0 00-14-14h-.26a2 2 0 00-2 2 2 2 0 002 2h.18a10 10 0 0110 10 10 10 0 01-10 10 2 2 0 00-2 2 2 2 0 002.08 2z"
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-8"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     className: "prefix__cls-2",
     d: "M-106.26 30l6.73-1.44a1 1 0 011.19.77 1 1 0 010 .48l-1.84 6.65a1 1 0 01-1.24.7 1.1 1.1 0 01-.46-.28l-4.88-5.22a1 1 0 010-1.42 1.05 1.05 0 01.5-.24z"
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-9"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("circle", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
     className: "prefix__cls-1",
     cx: -39.52,
     cy: 21.9,
     r: 12
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-10"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     className: "prefix__cls-1",
     d: "M-53.52 21.9a14 14 0 0014 14 14 14 0 0014-14 14 14 0 00-14-14h-.39a2 2 0 00-1.94 2 2 2 0 002.05 2h.28a10 10 0 0110 10 10 10 0 01-10 10 10 10 0 01-10-10 2 2 0 00-2-2 2 2 0 00-2 2z"
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-11"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     className: "prefix__cls-2",
     d: "M-47.67 14.9l1 6.87a1 1 0 01-.85 1.13 1.07 1.07 0 01-.47 0l-6.77-2.35a1 1 0 01-.61-1.27 1 1 0 01.33-.47l5.8-4.51a1 1 0 011.4.18.94.94 0 01.17.42z"
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-12"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     className: "prefix__cls-1",
     d: "M34.48 21.9a14.2 14.2 0 100 .37 2 2 0 00-4-.11 9.76 9.76 0 110-.26 2 2 0 004 0z"
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-13"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     className: "prefix__cls-1",
     d: "M-155.52-51.1h282v114h-282z"
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-14"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     className: "prefix__cls-1",
     d: "M4.48 5.9h32v32h-32z"
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-15"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     className: "prefix__cls-2",
     d: "M26.13 11.91l-6.53 1.87a1 1 0 01-1.24-.68.94.94 0 010-.5l1.48-6.43A1 1 0 0121 5.42a1.07 1.07 0 01.45.23l5 4.55a1 1 0 01.08 1.41 1.12 1.12 0 01-.4.3z"
-  })), /*#__PURE__*/_jsx__default['default']("style", {}, void 0, '.prefix__cls-1,.prefix__cls-2{fill:none}.prefix__cls-2{clip-rule:evenodd}.prefix__cls-15{clip-path:url(#prefix__clip-path-13)}'))), _g || (_g = /*#__PURE__*/_jsx__default['default']("g", {
+  })), /*#__PURE__*/_jsx__default["default"]("style", {}, void 0, '.prefix__cls-1,.prefix__cls-2{fill:none}.prefix__cls-2{clip-rule:evenodd}.prefix__cls-15{clip-path:url(#prefix__clip-path-13)}'))), _g || (_g = /*#__PURE__*/_jsx__default["default"]("g", {
     id: "prefix__Layer_5",
     "data-name": "Layer 5"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("g", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("g", {
     clipPath: "url(#prefix__clip-path-12)"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("g", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("g", {
     clipPath: "url(#prefix__clip-path-14)"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("image", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("image", {
     width: 32,
     height: 32,
     transform: "rotate(-90 21.19 16.71)",
     xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsSAAALEgHS3X78AAACA0lEQVRYR+3XTY7UMBDF8X+VnfR0SwiE2IzEBWDLHbgAHIyDwFVYcwDEEiSE5iOx32PhboYVs5ig2bQlL6KUlJ+fK44Sbz58No848r6C/z3OgDPgDDgDzoAz4NEB9b6CzUYtlIuJw1x5OhV2Nbmo+XDAp/cv7yv553gw4N3Hr7x9fcmr58mLHeynZA4zFygBGWOfIyAYkzheewMAwJcf18CeywM8u4BDMYcaTCWoGdQwCZQcqDih8DaA79cr3+YCzNxKPJngMAUXKeaEuQSlBFWQERRMJoRjG8BVFz+Xzq42oNIESxf7GuxqMHUzpZkTagaZQdFIYxNAdHG1dn4tyZQJJDKsNnuZuSRzgUUDUsPj4blRAu7iponrJqalkVEZCCMHTaIJppK0Y+PVNKmNegCbW5mbLuaeTE0UABIDvUA3dImWUEsyMVa/CcCGbnPbxFLETQsywDFePBlcQIbJIAtl0LfqAQMp0ZUsXdSM4xkQJMEpCRvEgHSbnhsBsMHQbJrGXGVqEyXKOHGIUxlK6AzINgDANt2wyjSJVUGGyd4pJMvx6AH+pOGtEggb5BGrzNo9ujxM6RBhHKdf0ACME8xGryGAYkDaMYkmUQJaJKUPzF0GRwQbJQCQ8t022FQH1dA87qX+BsD4EmwF8FhNGsBYRjIK00P0SNYuCskaoxnRaMzfAeIT7ZHlq9QAAAAASUVORK5CYII="
-  }))), /*#__PURE__*/_jsx__default['default']("g", {
+  }))), /*#__PURE__*/_jsx__default["default"]("g", {
     clipPath: "url(#prefix__clip-path-15)"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     transform: "rotate(-77 22.961 10.28)",
     fill: "#3590ce",
     d: "M13.66 1.31h18.6v17.94h-18.6z"