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

package/esm/MobileSelectList/MobileSelectList.js

@@ -1,9 +1,17 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.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.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import React, { useState, useEffect } from 'react';
 import { noop } from 'lodash';
-import { Grid } from '@elliemae/ds-basic/Grid';
-import DSTextBox from '@elliemae/ds-basic/form/TextBox';
+import { Grid } from '@elliemae/ds-grid';
+import { DSTextBox } from '@elliemae/ds-form';
 import { withTheme, op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
 import { DSMobileTouchable } from '../MobileTouchable/MobileTouchable.js';
 import { StyledContainer, HeaderContainer, ListContainer, Footer, checked, checkbox, selectedMark } from './styled.js';
@@ -13,21 +21,22 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-const MobileSelectList = ({
-  open = false,
-  header = null,
-  multiple = false,
-  onChange = noop,
-  children,
-  theme,
-  zIndex = 1,
-  useSearch,
-  onSearch = noop,
-  dataTestid = 'mobile-select-list',
-  buttonFooter = null,
-  onApply = noop,
-  selecteds: initSelecteds = []
-}) => {
+const MobileSelectList = _ref => {
+  let {
+    open = false,
+    header = null,
+    multiple = false,
+    onChange = noop,
+    children,
+    theme,
+    zIndex = 1,
+    useSearch,
+    onSearch = noop,
+    dataTestid = 'mobile-select-list',
+    buttonFooter = null,
+    onApply = noop,
+    selecteds: initSelecteds = []
+  } = _ref;
   const rows = ['auto', 1];
   const [selecteds, setSelected] = useState(initSelecteds);
   const [filter, setFilter] = useState('');
@@ -82,7 +91,7 @@ const MobileSelectList = ({
         overflow: 'auto'
       }
     }, void 0, /*#__PURE__*/_jsx(ListContainer, {
-      "data-testid": `${dataTestid}--list-container`
+      "data-testid": "".concat(dataTestid, "--list-container")
     }, void 0, React.Children.map(children, child => {
       let leftAddon = null;
       let rightAddon = null;
@@ -112,7 +121,7 @@ const MobileSelectList = ({
       pr: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
     }, void 0, /*#__PURE__*/React.cloneElement(buttonFooter, _objectSpread(_objectSpread({}, buttonFooter.props), {}, {
       containerProps: {
-        'data-testid': `${dataTestid}--btn`
+        'data-testid': "".concat(dataTestid, "--btn")
       },
       buttonType: 'primary',
       size: 'l',

package/esm/MobileSelectList/styled.js

@@ -2,9 +2,9 @@ import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import { noop } from 'lodash';
 import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-basic/Grid';
-import DSCheckbox from '@elliemae/ds-basic/form/Checkbox';
-import DSCheckmark from '@elliemae/ds-icons/Checkmark';
+import { Grid } from '@elliemae/ds-grid';
+import { DSCheckbox } from '@elliemae/ds-form';
+import { Checkmark } from '@elliemae/ds-icons';
 import { border } from '@elliemae/ds-system';
 import { DSMobileTouchable } from '../MobileTouchable/MobileTouchable.js';
 import { DSMobileListItem } from '../MobileListItem/MobileListItem.js';
@@ -35,7 +35,7 @@ const checked = /*#__PURE__*/_jsx(DSCheckbox, {
     pointerEvents: 'none'
   }
 });
-const selectedMark = /*#__PURE__*/_jsx(DSCheckmark, {
+const selectedMark = /*#__PURE__*/_jsx(Checkmark, {
   color: ['brand-primary', 600]
 });
 

package/esm/MobileSeparator/Separator.js

@@ -1,8 +1,13 @@
+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 'react';
 import { PropTypes, describe } from 'react-desc';
 import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-basic/Grid';
+import { Grid } from '@elliemae/ds-grid';
 import { jsx } from 'react/jsx-runtime';
 
 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; }
@@ -10,22 +15,29 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 const Separator = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-lje3kq-0"
-})(["border-top:", ";border-left:", ";"], ({
-  theme,
-  color,
-  borderType
-}) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`, ({
-  theme,
-  color,
-  borderType
-}) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`);
+})(["border-top:", ";border-left:", ";"], _ref => {
+  let {
+    theme,
+    color,
+    borderType
+  } = _ref;
+  return "".concat(theme.colors[color[0]][color[1]], " 1px ").concat(borderType);
+}, _ref2 => {
+  let {
+    theme,
+    color,
+    borderType
+  } = _ref2;
+  return "".concat(theme.colors[color[0]][color[1]], " 1px ").concat(borderType);
+});
 
-const MobileSeparator = ({
-  color = ['neutral', '800'],
-  direction = 'horizontal',
-  type = 'solid',
-  margin = 'xs'
-}) => {
+const MobileSeparator = _ref3 => {
+  let {
+    color = ['neutral', '800'],
+    direction = 'horizontal',
+    type = 'solid',
+    margin = 'xs'
+  } = _ref3;
   const orientation = direction === 'vertical' ? 'height' : 'width';
   const xORy = direction === 'vertical' ? 'mx' : 'my';
   const styles = {

package/esm/MobileTimePicker/Input.js

@@ -1,3 +1,8 @@
+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';

package/esm/MobileTimePicker/MobileTimePicker.js

@@ -1,21 +1,22 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import { useRef, useEffect, useMemo } from 'react';
 import { PropTypes, describe } from 'react-desc';
-import { DSIconColors } from '@elliemae/ds-basic/Icon';
-import RecentDocuments from '@elliemae/ds-icons/RecentDocuments';
-import DSButton from '@elliemae/ds-basic/Button';
-import DSInputGroup from '@elliemae/ds-basic/form/InputGroup';
+import { DSIconColors } from '@elliemae/ds-icon';
+import { RecentDocuments } from '@elliemae/ds-icons';
+import DSButton from '@elliemae/ds-button';
+import { DSInputGroup } from '@elliemae/ds-form';
 import { Input } from './Input.js';
 
 var _RecentDocuments;
 
-const DSMobileTimePicker = ({
-  disabled,
-  value,
-  tabIndex,
-  placeholder,
-  onChange
-}) => {
+const DSMobileTimePicker = _ref => {
+  let {
+    disabled,
+    value,
+    tabIndex,
+    placeholder,
+    onChange
+  } = _ref;
   const inputRef = useRef(null);
   const valueArr = value.split(':');
   useEffect(() => {
@@ -32,7 +33,7 @@ const DSMobileTimePicker = ({
     if (!value || !valueArr[0] || !valueArr[1]) return '';
     const ampm = valueArr[0] >= 12 ? 'pm' : 'am';
     const h = valueArr[0] > 12 ? valueArr[0] - 12 : valueArr[0];
-    return `${h} : ${valueArr[1]} ${ampm}`;
+    return "".concat(h, " : ").concat(valueArr[1], " ").concat(ampm);
   }, [value]);
   return /*#__PURE__*/_jsx(DSInputGroup, {
     rightAddon: /*#__PURE__*/_jsx(DSButton, {

package/esm/MobileTimePicker/MobileTimePicker.stories.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 { addDefaultMobileView, PATH_MOBILE_TIME_PICKER, useMobileTimePicker } from '@elliemae/ds-devutils';
 import { DSMobileTimePicker } from './MobileTimePicker.js';
 

package/esm/MobileTouchable/MobileTouchable.js

@@ -1,9 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/web.dom-collections.iterator.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 { useState, useCallback } from 'react';
 import { noop } from 'lodash';
 import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-basic/Grid';
+import { Grid } from '@elliemae/ds-grid';
 import { withTheme } from '@elliemae/ds-system';
 import { jsx } from 'react/jsx-runtime';
 

package/esm/Modal/Modal.js

@@ -1,11 +1,16 @@
+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 _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import { PropTypes, describe } from 'react-desc';
 import { noop } from 'lodash';
-import { Grid } from '@elliemae/ds-basic/Grid';
-import WarningTriangle from '@elliemae/ds-icons/WarningTriangle';
-import DSButton from '@elliemae/ds-basic/Button';
+import { Grid } from '@elliemae/ds-grid';
+import { WarningTriangle } from '@elliemae/ds-icons';
+import DSButton from '@elliemae/ds-button';
 import { useTheme } from '@elliemae/ds-system';
 import { BodyFix, BackShadow, ModalPosition, ModalBox, ModalIcon, ModalTitle, ModalDescription } from './styled.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -16,22 +21,23 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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(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 Modal = ({
-  zIndex = 1,
-  title = '',
-  description = '',
-  onClose = noop,
-  showSecondaryAction = true,
-  secondaryActionProps = {
-    onClick: noop,
-    labelText: 'Cancel'
-  },
-  primaryActionProps = {
-    onClick: noop,
-    labelText: 'Accept'
-  },
-  isOpen = false
-}) => {
+const Modal = _ref => {
+  let {
+    zIndex = 1,
+    title = '',
+    description = '',
+    onClose = noop,
+    showSecondaryAction = true,
+    secondaryActionProps = {
+      onClick: noop,
+      labelText: 'Cancel'
+    },
+    primaryActionProps = {
+      onClick: noop,
+      labelText: 'Accept'
+    },
+    isOpen = false
+  } = _ref;
   const theme = useTheme();
   if (!isOpen) return null;
   return /*#__PURE__*/jsxs(Fragment, {
@@ -44,7 +50,7 @@ const Modal = ({
       zIndex: zIndex,
       cols: ['auto']
     }, void 0, /*#__PURE__*/_jsx(ModalBox, {
-      maxHeight: `${window.innerHeight * 0.75}px`,
+      maxHeight: "".concat(window.innerHeight * 0.75, "px"),
       rows: [1, '80px'],
       style: {
         overflow: 'hidden'
@@ -79,7 +85,7 @@ const Modal = ({
       justifyContent: "center",
       alignItems: "center",
       style: {
-        borderTop: `1px solid ${theme.colors.neutral[100]}`
+        borderTop: "1px solid ".concat(theme.colors.neutral[100])
       }
     }, void 0, showSecondaryAction && /*#__PURE__*/jsx(DSButton, _objectSpread(_objectSpread({}, secondaryActionProps), {}, {
       labelText: secondaryActionProps.labelText || ' Cancel',

package/esm/Modal/styled.js

@@ -1,12 +1,10 @@
-import { Grid } from '@elliemae/ds-basic/Grid';
+import _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';
+import { Grid } from '@elliemae/ds-grid';
 import styled from 'styled-components';
 import { createGlobalStyle } from '@elliemae/ds-system';
 
-const BodyFix = createGlobalStyle`
-    body{
-        ${props => props.isOpen ? 'overflow: hidden;' : ''};
-    }
-`;
+var _templateObject;
+const BodyFix = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    body{\n        ", ";\n    }\n"])), props => props.isOpen ? 'overflow: hidden;' : '');
 const ModalBox = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-cke90o-0"
 })(["width:100%;background:", ";max-height:", ";box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);"], props => props.theme.colors.neutral['000'], props => props.maxHeight);

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%;"]);