@elliemae/ds-mobile 1.57.1-rc.0 → 2.0.0-alpha.11

package/esm/PageFilter/PageFilter.js

@@ -1,116 +1,71 @@
-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-grid';
+import { Grid } from '@elliemae/ds-basic/Grid';
 import { useTheme, op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
 import { DSFullPageContainer } from '../FullPageContainer/FullPageContainer.js';
-import '../FullPageContainer/FullPageContainerScroll.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '../FullPageContainer/useMobileHeight.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
 import '@babel/runtime/helpers/esm/defineProperty';
+import '@babel/runtime/helpers/esm/objectWithoutProperties';
+import '@elliemae/ds-basic';
+import 'react/jsx-runtime';
 
-var Header = /*#__PURE__*/styled(Grid).withConfig({
+const Header = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-15cmidp-0"
-})(["border-bottom:1px solid ", ";"], function (props) {
-  return props.theme.colors.neutral['300'];
-});
-var ButtonSlot = /*#__PURE__*/styled.div.withConfig({
+})(["border-bottom:1px solid ", ";"], props => props.theme.colors.neutral['300']);
+const ButtonSlot = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-15cmidp-1"
 })(["display:flex;justify-content:center;align-items:center;"]);
-var Title = /*#__PURE__*/styled.div.withConfig({
+const Title = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-15cmidp-2"
 })(["display:flex;justify-content:flex-start;align-items:center;font-size:22px;"]);
-var BreadCrumb = /*#__PURE__*/styled(Grid).withConfig({
+const BreadCrumb = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-15cmidp-3"
-})(["align-items:flex-end;font-size:16px;color:", ";"], function (props) {
-  return props.theme.colors.neutral[500];
-});
-var Body = /*#__PURE__*/styled(Grid).withConfig({
+})(["align-items:flex-end;font-size:16px;color:", ";"], props => props.theme.colors.neutral[500]);
+const Body = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-15cmidp-4"
 })(["margin:0 auto;width:100%;overflow:auto;"]);
-var Footer = /*#__PURE__*/styled(Grid).withConfig({
+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;}"], function (props) {
-  return props.theme.colors.neutral[300];
-});
+})(["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]);
 
-var PageFilter = function PageFilter(_ref) {
-  var _ref$children = _ref.children,
-      children = _ref$children === void 0 ? null : _ref$children,
-      _ref$breadCrumb = _ref.breadCrumb,
-      breadCrumb = _ref$breadCrumb === void 0 ? null : _ref$breadCrumb,
-      _ref$pageTitle = _ref.pageTitle,
-      pageTitle = _ref$pageTitle === void 0 ? null : _ref$pageTitle,
-      _ref$leftProp = _ref.leftProp,
-      leftProp = _ref$leftProp === void 0 ? null : _ref$leftProp,
-      _ref$rightProp = _ref.rightProp,
-      rightProp = _ref$rightProp === void 0 ? null : _ref$rightProp,
-      _ref$footerButton = _ref.footerButton,
-      footerButton = _ref$footerButton === void 0 ? null : _ref$footerButton;
-  var theme = useTheme();
-  var headerDimension = theme.space.l;
-  var rows = [headerDimension, 1];
+const PageFilter = ({
+  children = null,
+  breadCrumb = null,
+  pageTitle = null,
+  leftProp = null,
+  rightProp = null,
+  footerButton = null
+}) => {
+  const theme = useTheme();
+  const headerDimension = theme.space.l;
+  const rows = [headerDimension, 1];
   if (footerButton) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.167));
-  var cols = ['auto'];
+  const cols = ['auto'];
   if (leftProp) cols.unshift(headerDimension);
   if (rightProp) cols.push(headerDimension);
-  var bodyStyle = {
+  const bodyStyle = {
     maxWidth: op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)
   };
-  return /*#__PURE__*/React.createElement(DSFullPageContainer, {
+  return /*#__PURE__*/_jsx(DSFullPageContainer, {
     rows: rows
-  }, /*#__PURE__*/React.createElement(Header, {
+  }, void 0, /*#__PURE__*/_jsx(Header, {
     cols: cols,
     height: headerDimension
-  }, leftProp && /*#__PURE__*/React.createElement(ButtonSlot, {
+  }, void 0, leftProp && /*#__PURE__*/_jsx(ButtonSlot, {
     ml: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
-  }, leftProp), /*#__PURE__*/React.createElement(Grid, null, breadCrumb && /*#__PURE__*/React.createElement(BreadCrumb, {
+  }, void 0, leftProp), /*#__PURE__*/_jsx(Grid, {}, void 0, breadCrumb && /*#__PURE__*/_jsx(BreadCrumb, {
     pl: !leftProp && '1rem'
-  }, breadCrumb), /*#__PURE__*/React.createElement(Title, {
+  }, void 0, breadCrumb), /*#__PURE__*/_jsx(Title, {
     style: leftProp ? {} : {
       paddingLeft: '1rem'
     }
-  }, pageTitle)), rightProp && /*#__PURE__*/React.createElement(ButtonSlot, {
+  }, void 0, pageTitle)), rightProp && /*#__PURE__*/_jsx(ButtonSlot, {
     ml: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
-  }, rightProp)), /*#__PURE__*/React.createElement(Body, {
+  }, void 0, rightProp)), /*#__PURE__*/_jsx(Body, {
     style: bodyStyle
-  }, children), footerButton && /*#__PURE__*/React.createElement(Footer, null, footerButton));
+  }, void 0, children), footerButton && /*#__PURE__*/_jsx(Footer, {}, void 0, footerButton));
 };
 
-PageFilter.propTypes = {
-  /**
-   * Text to render in header title
-   */
-  pageTitle: PropTypes.string,
-
-  /**
-   * Pass an element to render left. For example a Button with an icon
-   */
-  leftProp: PropTypes.element,
-
-  /**
-   * Pass an element to render right. For example a Button with an icon
-   */
-  rightProp: PropTypes.element,
-
-  /**
-   * Pass an element to render in the body section
-   */
-  children: PropTypes.element,
-
-  /**
-   * Pass a button to render in the footer
-   */
-  footerButton: PropTypes.element,
-
-  /**
-   * BreadCrumb text
-   */
-  breadCrumb: PropTypes.string
-};
-var DSPageFilter = PageFilter;
+const DSPageFilter = PageFilter;
 
 export { DSPageFilter };
-//# sourceMappingURL=PageFilter.js.map

package/esm/PageForm/PageForm.js

@@ -1,53 +1,38 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Grid } from '@elliemae/ds-grid';
+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 '../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: ".concat(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,46 +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-grid';
+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 '../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,14 +1 @@
 export { DSMobilePageList, DSPageList } from './PageList.js';
-import 'react';
-import 'prop-types';
-import 'styled-components';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-system';
-import '../FullPageContainer/FullPageContainer.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-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-grid';
+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,56 +1,36 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Grid } from '@elliemae/ds-grid';
+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/objectWithoutProperties';
-import '../FullPageContainer/useMobileHeight.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
 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';
 
-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: ".concat(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