@elliemae/ds-mobile 2.2.0-alpha.4 → 3.0.0-next.2

package/esm/PageFilter/PageFilter.js

@@ -1,95 +1,76 @@
-import * as React from "react";
-import React2 from "react";
-import PropTypes from "prop-types";
-import styled from "styled-components";
-import { Grid } from "@elliemae/ds-grid";
-import { op, useTheme, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
-import { DSFullPageContainer } from "../FullPageContainer";
-const Header = styled(Grid)`
-  border-bottom: 1px solid ${(props) => props.theme.colors.neutral["300"]};
-`;
-const ButtonSlot = styled.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`;
-const Title = styled.div`
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  font-size: 22px;
-`;
-const BreadCrumb = styled(Grid)`
-  align-items: flex-end;
-  font-size: 16px;
-  color: ${(props) => props.theme.colors.neutral[500]};
-`;
-const Body = styled(Grid)`
-  margin: 0 auto;
-  width: 100%;
-  overflow: auto;
-`;
-const Footer = styled(Grid)`
-  display: flex;
-  justify-content: space-around;
-  align-items: center;
-  width: 100%;
-  padding: 0.67rem;
-  border-top: 1px solid ${(props) => props.theme.colors.neutral[300]};
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import styled from 'styled-components';
+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 'react/jsx-runtime';
 
-  & > button {
-    flex-grow: 1;
-    margin: 0 0.33rem;
-  }
-`;
-const PageFilter = ({
-  children = null,
-  breadCrumb = null,
-  pageTitle = null,
-  leftProp = null,
-  rightProp = null,
-  footerButton = null
-}) => {
+const Header = /*#__PURE__*/styled(Grid).withConfig({
+  componentId: "sc-15cmidp-0"
+})(["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;"]);
+const Title = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-15cmidp-2"
+})(["display:flex;justify-content:flex-start;align-items:center;font-size:22px;"]);
+const BreadCrumb = /*#__PURE__*/styled(Grid).withConfig({
+  componentId: "sc-15cmidp-3"
+})(["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;"]);
+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 = _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];
-  if (footerButton)
-    rows.push(op("*", __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.167));
-  const cols = ["auto"];
-  if (leftProp)
-    cols.unshift(headerDimension);
-  if (rightProp)
-    cols.push(headerDimension);
+  if (footerButton) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.167));
+  const cols = ['auto'];
+  if (leftProp) cols.unshift(headerDimension);
+  if (rightProp) cols.push(headerDimension);
   const bodyStyle = {
-    maxWidth: op("*", __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)
+    maxWidth: op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)
   };
-  return /* @__PURE__ */ React2.createElement(DSFullPageContainer, {
-    rows
-  }, /* @__PURE__ */ React2.createElement(Header, {
-    cols,
+  return /*#__PURE__*/_jsx(DSFullPageContainer, {
+    rows: rows
+  }, void 0, /*#__PURE__*/_jsx(Header, {
+    cols: cols,
     height: headerDimension
-  }, leftProp && /* @__PURE__ */ React2.createElement(ButtonSlot, {
+  }, void 0, leftProp && /*#__PURE__*/_jsx(ButtonSlot, {
     ml: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
-  }, leftProp), /* @__PURE__ */ React2.createElement(Grid, null, breadCrumb && /* @__PURE__ */ React2.createElement(BreadCrumb, {
-    pl: !leftProp && "1rem"
-  }, breadCrumb), /* @__PURE__ */ React2.createElement(Title, {
-    style: leftProp ? {} : { paddingLeft: "1rem" }
-  }, pageTitle)), rightProp && /* @__PURE__ */ React2.createElement(ButtonSlot, {
+  }, void 0, leftProp), /*#__PURE__*/_jsx(Grid, {}, void 0, breadCrumb && /*#__PURE__*/_jsx(BreadCrumb, {
+    pl: !leftProp && '1rem'
+  }, void 0, breadCrumb), /*#__PURE__*/_jsx(Title, {
+    style: leftProp ? {} : {
+      paddingLeft: '1rem'
+    }
+  }, void 0, pageTitle)), rightProp && /*#__PURE__*/_jsx(ButtonSlot, {
     ml: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
-  }, rightProp)), /* @__PURE__ */ React2.createElement(Body, {
+  }, void 0, rightProp)), /*#__PURE__*/_jsx(Body, {
     style: bodyStyle
-  }, children), footerButton && /* @__PURE__ */ React2.createElement(Footer, null, footerButton));
-};
-PageFilter.propTypes = {
-  pageTitle: PropTypes.string,
-  leftProp: PropTypes.element,
-  rightProp: PropTypes.element,
-  children: PropTypes.element,
-  footerButton: PropTypes.element,
-  breadCrumb: PropTypes.string
+  }, void 0, children), footerButton && /*#__PURE__*/_jsx(Footer, {}, void 0, footerButton));
 };
+
 const DSPageFilter = PageFilter;
-export {
-  DSPageFilter
-};
-//# sourceMappingURL=PageFilter.js.map
+
+export { DSPageFilter };

package/esm/PageForm/PageForm.js

@@ -1,39 +1,45 @@
-import * as React from "react";
-import React2 from "react";
-import PropTypes from "prop-types";
-import { Grid } from "@elliemae/ds-grid";
-import styled from "styled-components";
-import { op, __UNSAFE_SPACE_TO_DIMSUM, useTheme } from "@elliemae/ds-system";
-import { DSFullPageContainer, DSFullPageContainerScroll } from "../FullPageContainer";
-const Body = styled(Grid)`
-  margin: 0 auto;
-  width: 100%;
-  @media (min-width: ${({ theme }) => theme.breakpoints.small}) {
-    ${({ theme }) => `width: ${op("*", __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`}
-  }
-`;
-const PageForm = ({ header = null, body = null, footer = null }) => {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+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';
+import { DSFullPageContainerScroll } from '../FullPageContainer/FullPageContainerScroll.js';
+
+const Body = /*#__PURE__*/styled(Grid).withConfig({
+  componentId: "sc-1qg3tcm-0"
+})(["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 = _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));
-  if (footer)
-    rows.push(theme.space.l);
-  return /* @__PURE__ */ React2.createElement(DSFullPageContainer, {
-    rows
-  }, header && /* @__PURE__ */ React2.createElement(Grid, null, header), /* @__PURE__ */ React2.createElement(Grid, {
-    style: { overflow: "hidden" }
-  }, /* @__PURE__ */ React2.createElement(DSFullPageContainerScroll, null, /* @__PURE__ */ React2.createElement(Body, null, body))), footer && /* @__PURE__ */ React2.createElement(Grid, null, footer));
-};
-PageForm.propTypes = {
-  header: PropTypes.element,
-  body: PropTypes.element,
-  footer: PropTypes.element
+  if (header) rows.unshift(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 1.125));
+  if (footer) rows.push(theme.space.l);
+  return /*#__PURE__*/_jsx(DSFullPageContainer, {
+    rows: rows
+  }, void 0, header && /*#__PURE__*/_jsx(Grid, {}, void 0, header), /*#__PURE__*/_jsx(Grid, {
+    style: {
+      overflow: 'hidden'
+    }
+  }, void 0, /*#__PURE__*/_jsx(DSFullPageContainerScroll, {}, void 0, /*#__PURE__*/_jsx(Body, {}, void 0, body))), footer && /*#__PURE__*/_jsx(Grid, {}, void 0, footer));
 };
+
 const DSPageForm = PageForm;
 const DSMobilePageForm = DSPageForm;
-export {
-  DSMobilePageForm,
-  DSPageForm
-};
-//# sourceMappingURL=PageForm.js.map
+
+export { DSMobilePageForm, DSPageForm };

package/esm/PageList/PageList.js

@@ -1,33 +1,30 @@
-import * as React from "react";
-import React2 from "react";
-import PropTypes from "prop-types";
-import styled from "styled-components";
-import { Grid } from "@elliemae/ds-grid";
-import { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
-import { DSFullPageContainer, DSFullPageContainerScroll } from "../FullPageContainer";
-const PageTitleWrapper = styled(Grid)`
-  min-height: 44px;
-`;
-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__ */ React2.createElement(DSFullPageContainer, {
-    rows
-  }, header && /* @__PURE__ */ React2.createElement(Grid, null, header), /* @__PURE__ */ React2.createElement(PageTitleWrapper, null, pageTitle), /* @__PURE__ */ React2.createElement(Grid, null, filterBar), /* @__PURE__ */ React2.createElement(DSFullPageContainerScroll, null, body), footer && /* @__PURE__ */ React2.createElement(Grid, null, footer));
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import styled from 'styled-components';
+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';
+
+const PageTitleWrapper = /*#__PURE__*/styled(Grid).withConfig({
+  componentId: "sc-e4h57j-0"
+})(["min-height:44px;"]);
+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');
+  return /*#__PURE__*/_jsx(DSFullPageContainer, {
+    rows: rows
+  }, 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
-};
 const DSPageList = DSMobilePageList;
-export {
-  DSMobilePageList,
-  DSPageList
-};
-//# sourceMappingURL=PageList.js.map
+
+export { DSMobilePageList, DSPageList };

package/esm/PageList/index.js

@@ -1,3 +1 @@
-import * as React from "react";
-export * from "./PageList";
-//# sourceMappingURL=index.js.map
+export { DSMobilePageList, DSPageList } from './PageList.js';

package/esm/PageSearch/PageSearch.js

@@ -1,48 +1,37 @@
-import * as React from "react";
-import React2 from "react";
-import PropTypes from "prop-types";
-import styled from "styled-components";
-import { Grid } from "@elliemae/ds-grid";
-import { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
-const Header = styled(Grid)`
-  height: 100%;
-  background: ${(props) => props.theme.colors.brand["600"]};
-  padding: ${(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__ */ React2.createElement(Grid, {
-    rows,
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import styled from 'styled-components';
+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(_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,
     height: "100%"
-  }, /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(HeaderContainer, null, pageTitle)), /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(SearchContainer, null, searchHeader)), /* @__PURE__ */ React2.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__ */ React2.createElement(Grid, {
+    style: {
+      overflow: 'hidden'
+    }
+  }, void 0, /*#__PURE__*/_jsx(Grid, {
     height: "100%",
-    style: { overflow: "auto" }
-  }, body)));
+    style: {
+      overflow: 'auto'
+    }
+  }, void 0, body)));
 });
-DSMobilePageSearch.propTypes = {
-  header: PropTypes.element,
-  pageTitle: PropTypes.element,
-  filterBar: PropTypes.element,
-  body: PropTypes.element,
-  footer: PropTypes.element
-};
 const DSPageSearch = DSMobilePageSearch;
-export {
-  DSMobilePageSearch,
-  DSPageSearch
-};
-//# sourceMappingURL=PageSearch.js.map
+
+export { DSMobilePageSearch, DSPageSearch };

package/esm/PageSummary/PageSummary.js

@@ -1,40 +1,49 @@
-import * as React from "react";
-import React2 from "react";
-import PropTypes from "prop-types";
-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";
-import { Header, Toolbar, BodyWrapper, Section } from "./Tags";
-const Body = styled(Grid)`
-  margin: 0 auto;
-  width: 100%;
-  @media (min-width: ${({ theme }) => theme.breakpoints.small}) {
-    ${({ theme }) => `width: ${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__ */ React2.createElement(DSFullPageContainer, null, header && /* @__PURE__ */ React2.createElement(Header, {
-  zIndex: headerZIndex
-}, header), /* @__PURE__ */ React2.createElement(Section, null, /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(Body, null, bodyPrimary)), /* @__PURE__ */ React2.createElement(Toolbar, {
-  zIndex: actionsZIndex
-}, actions), /* @__PURE__ */ React2.createElement(BodyWrapper, null, /* @__PURE__ */ React2.createElement(Body, null, bodySecondary))));
-PageSummary.propTypes = {
-  header: PropTypes.element,
-  bodyPrimary: PropTypes.element,
-  actions: PropTypes.element,
-  bodySecondary: PropTypes.element,
-  headerZIndex: PropTypes.number,
-  actionsZIndex: PropTypes.number
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+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 '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:", "){", "}"], _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 = _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;
-export {
-  DSPageSummary
-};
-//# sourceMappingURL=PageSummary.js.map
+
+export { DSPageSummary };

package/esm/PageSummary/Tags.js

@@ -1,37 +1,26 @@
-import * as React from "react";
-import styled from "styled-components";
-const Header = styled.div`
-  position: fixed;
-  display: grid;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 64px;
-  z-index: ${({ zIndex }) => zIndex};
-`;
-const Toolbar = styled.div`
-  position: sticky;
-  left: 0;
-  top: 64px;
-  background: ${(props) => props.theme.colors.neutral["000"]};
-  z-index: ${({ zIndex }) => zIndex};
-`;
-const BodyWrapper = styled.div`
-  position: relative;
-  display: grid;
-  top: 0;
-  left: 0;
-  height: 100%;
-`;
-const Section = styled.div`
-  position: relative;
-  top: 64px;
-  height: 100%;
-`;
-export {
-  BodyWrapper,
-  Header,
-  Section,
-  Toolbar
-};
-//# sourceMappingURL=Tags.js.map
+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:", ";"], _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'], _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%;"]);
+const Section = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-1bwtial-3"
+})(["position:relative;top:64px;height:100%;"]);
+
+export { BodyWrapper, Header, Section, Toolbar };