@elliemae/ds-mobile 3.0.0-next.1 → 3.0.0-next.5

package/dist/esm/PageFilter/PageFilter.js

@@ -0,0 +1,95 @@
+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]};
+
+  & > button {
+    flex-grow: 1;
+    margin: 0 0.33rem;
+  }
+`;
+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));
+  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)
+  };
+  return /* @__PURE__ */ React2.createElement(DSFullPageContainer, {
+    rows
+  }, /* @__PURE__ */ React2.createElement(Header, {
+    cols,
+    height: headerDimension
+  }, leftProp && /* @__PURE__ */ React2.createElement(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, {
+    ml: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
+  }, rightProp)), /* @__PURE__ */ React2.createElement(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
+};
+const DSPageFilter = PageFilter;
+export {
+  DSPageFilter
+};
+//# sourceMappingURL=PageFilter.js.map

package/dist/esm/PageFilter/PageFilter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageFilter/PageFilter.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { op, useTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSFullPageContainer } from '../FullPageContainer';\n\nconst Header = styled(Grid)`\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['300']};\n`;\nconst ButtonSlot = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\nconst Title = styled.div`\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  font-size: 22px;\n`;\nconst BreadCrumb = styled(Grid)`\n  align-items: flex-end;\n  font-size: 16px;\n  color: ${(props) => props.theme.colors.neutral[500]};\n`;\nconst Body = styled(Grid)`\n  margin: 0 auto;\n  width: 100%;\n  overflow: auto;\n`;\nconst Footer = styled(Grid)`\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  width: 100%;\n  padding: 0.67rem;\n  border-top: 1px solid ${(props) => props.theme.colors.neutral[300]};\n\n  & > button {\n    flex-grow: 1;\n    margin: 0 0.33rem;\n  }\n`;\n\nconst PageFilter = ({\n  children = null,\n  breadCrumb = null,\n  pageTitle = null,\n  leftProp = null,\n  rightProp = null,\n  footerButton = null,\n}) => {\n  const theme = useTheme();\n  const headerDimension = theme.space.l;\n  const rows = [headerDimension, 1];\n  if (footerButton) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.167));\n  const cols = ['auto'];\n  if (leftProp) cols.unshift(headerDimension);\n  if (rightProp) cols.push(headerDimension);\n  const bodyStyle = {\n    maxWidth: op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25),\n  };\n  return (\n    <DSFullPageContainer rows={rows}>\n      <Header cols={cols} height={headerDimension}>\n        {leftProp && <ButtonSlot ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{leftProp}</ButtonSlot>}\n        <Grid>\n          {breadCrumb && <BreadCrumb pl={!leftProp && '1rem'}>{breadCrumb}</BreadCrumb>}\n          <Title style={leftProp ? {} : { paddingLeft: '1rem' }}>{pageTitle}</Title>\n        </Grid>\n        {rightProp && <ButtonSlot ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{rightProp}</ButtonSlot>}\n      </Header>\n\n      <Body style={bodyStyle}>{children}</Body>\n      {footerButton && <Footer>{footerButton}</Footer>}\n    </DSFullPageContainer>\n  );\n};\n\nPageFilter.propTypes = {\n  /**\n   * Text to render in header title\n   */\n  pageTitle: PropTypes.string,\n  /**\n   * Pass an element to render left. For example a Button with an icon\n   */\n  leftProp: PropTypes.element,\n  /**\n   * Pass an element to render right. For example a Button with an icon\n   */\n  rightProp: PropTypes.element,\n  /**\n   * Pass an element to render in the body section\n   */\n  children: PropTypes.element,\n  /**\n   * Pass a button to render in the footer\n   */\n  footerButton: PropTypes.element,\n  /**\n   * BreadCrumb text\n   */\n  breadCrumb: PropTypes.string,\n};\n\nconst DSPageFilter = PageFilter;\n\nexport { DSPageFilter };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,SAAS,OAAO;AAAA,6BACO,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAEnE,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAK1B,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAMrB,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA,WAGf,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAEjD,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAKpB,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAMI,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhE,MAAM,aAAa,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AAAA,MACX;AACJ,QAAM,QAAQ;AACd,QAAM,kBAAkB,MAAM,MAAM;AACpC,QAAM,OAAO,CAAC,iBAAiB;AAC/B,MAAI;AAAc,SAAK,KAAK,GAAG,KAAK,yBAAyB,MAAM,MAAM,KAAK;AAC9E,QAAM,OAAO,CAAC;AACd,MAAI;AAAU,SAAK,QAAQ;AAC3B,MAAI;AAAW,SAAK,KAAK;AACzB,QAAM,YAAY;AAAA,IAChB,UAAU,GAAG,KAAK,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAE/D,SACE,qCAAC,qBAAD;AAAA,IAAqB;AAAA,KACnB,qCAAC,QAAD;AAAA,IAAQ;AAAA,IAAY,QAAQ;AAAA,KACzB,YAAY,qCAAC,YAAD;AAAA,IAAY,IAAI,yBAAyB,MAAM,MAAM;AAAA,KAAK,WACvE,qCAAC,MAAD,MACG,cAAc,qCAAC,YAAD;AAAA,IAAY,IAAI,CAAC,YAAY;AAAA,KAAS,aACrD,qCAAC,OAAD;AAAA,IAAO,OAAO,WAAW,KAAK,EAAE,aAAa;AAAA,KAAW,aAEzD,aAAa,qCAAC,YAAD;AAAA,IAAY,IAAI,yBAAyB,MAAM,MAAM;AAAA,KAAK,aAG1E,qCAAC,MAAD;AAAA,IAAM,OAAO;AAAA,KAAY,WACxB,gBAAgB,qCAAC,QAAD,MAAS;AAAA;AAKhC,WAAW,YAAY;AAAA,EAIrB,WAAW,UAAU;AAAA,EAIrB,UAAU,UAAU;AAAA,EAIpB,WAAW,UAAU;AAAA,EAIrB,UAAU,UAAU;AAAA,EAIpB,cAAc,UAAU;AAAA,EAIxB,YAAY,UAAU;AAAA;AAGxB,MAAM,eAAe;",
+  "names": []
+}

package/dist/esm/PageForm/PageForm.js

@@ -0,0 +1,39 @@
+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 }) => {
+  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
+};
+const DSPageForm = PageForm;
+const DSMobilePageForm = DSPageForm;
+export {
+  DSMobilePageForm,
+  DSPageForm
+};
+//# sourceMappingURL=PageForm.js.map

package/dist/esm/PageForm/PageForm.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageForm/PageForm.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { op, __UNSAFE_SPACE_TO_DIMSUM, useTheme } from '@elliemae/ds-system';\nimport { DSFullPageContainer, DSFullPageContainerScroll } from '../FullPageContainer';\n\nconst Body = styled(Grid)`\n  margin: 0 auto;\n  width: 100%;\n  @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n    ${({ theme }) => `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`}\n  }\n`;\n\nconst PageForm = ({ header = null, body = null, footer = null }) => {\n  const theme = useTheme();\n  const rows = [1];\n  if (header) rows.unshift(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 1.125));\n  if (footer) rows.push(theme.space.l);\n  return (\n    <DSFullPageContainer rows={rows}>\n      {header && <Grid>{header}</Grid>}\n      <Grid style={{ overflow: 'hidden' }}>\n        <DSFullPageContainerScroll>\n          <Body>{body}</Body>\n        </DSFullPageContainerScroll>\n      </Grid>\n      {footer && <Grid>{footer}</Grid>}\n    </DSFullPageContainer>\n  );\n};\n\nPageForm.propTypes = {\n  header: PropTypes.element,\n  body: PropTypes.element,\n  footer: PropTypes.element,\n};\n\nconst DSPageForm = PageForm;\nconst DSMobilePageForm = DSPageForm;\n\nexport { DSPageForm, DSMobilePageForm };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA,uBAGG,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,MAClD,CAAC,EAAE,YAAY,UAAU,GAAG,KAAK,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAIlF,MAAM,WAAW,CAAC,EAAE,SAAS,MAAM,OAAO,MAAM,SAAS,WAAW;AAClE,QAAM,QAAQ;AACd,QAAM,OAAO,CAAC;AACd,MAAI;AAAQ,SAAK,QAAQ,GAAG,KAAK,yBAAyB,MAAM,MAAM,MAAM;AAC5E,MAAI;AAAQ,SAAK,KAAK,MAAM,MAAM;AAClC,SACE,qCAAC,qBAAD;AAAA,IAAqB;AAAA,KAClB,UAAU,qCAAC,MAAD,MAAO,SAClB,qCAAC,MAAD;AAAA,IAAM,OAAO,EAAE,UAAU;AAAA,KACvB,qCAAC,2BAAD,MACE,qCAAC,MAAD,MAAO,SAGV,UAAU,qCAAC,MAAD,MAAO;AAAA;AAKxB,SAAS,YAAY;AAAA,EACnB,QAAQ,UAAU;AAAA,EAClB,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AAAA;AAGpB,MAAM,aAAa;AACnB,MAAM,mBAAmB;",
+  "names": []
+}

package/dist/esm/PageList/PageList.js

@@ -0,0 +1,33 @@
+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));
+});
+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

package/dist/esm/PageList/PageList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageList/PageList.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSFullPageContainer, DSFullPageContainerScroll } from '../FullPageContainer';\n\nconst PageTitleWrapper = styled(Grid)`\n  min-height: 44px;\n`;\n\nconst DSMobilePageList = withTheme(\n  ({ header = null, pageTitle = null, filterBar = null, body = null, footer = null, theme }) => {\n    const rows = ['auto', op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 0.83), 1];\n    if (header) rows.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl));\n    if (footer) rows.push('56px');\n    return (\n      <DSFullPageContainer rows={rows}>\n        {header && <Grid>{header}</Grid>}\n        <PageTitleWrapper>{pageTitle}</PageTitleWrapper>\n        <Grid>{filterBar}</Grid>\n        <DSFullPageContainerScroll>{body}</DSFullPageContainerScroll>\n        {footer && <Grid>{footer}</Grid>}\n      </DSFullPageContainer>\n    );\n  },\n);\n\nDSMobilePageList.propTypes = {\n  header: PropTypes.element,\n  pageTitle: PropTypes.element,\n  filterBar: PropTypes.element,\n  body: PropTypes.element,\n  footer: PropTypes.element,\n};\n\nconst DSPageList = DSMobilePageList;\n\nexport { DSPageList, DSMobilePageList };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAIhC,MAAM,mBAAmB,UACvB,CAAC,EAAE,SAAS,MAAM,YAAY,MAAM,YAAY,MAAM,OAAO,MAAM,SAAS,MAAM,YAAY;AAC5F,QAAM,OAAO,CAAC,QAAQ,GAAG,KAAK,yBAAyB,MAAM,MAAM,KAAK,OAAO;AAC/E,MAAI;AAAQ,SAAK,QAAQ,yBAAyB,MAAM,MAAM;AAC9D,MAAI;AAAQ,SAAK,KAAK;AACtB,SACE,qCAAC,qBAAD;AAAA,IAAqB;AAAA,KAClB,UAAU,qCAAC,MAAD,MAAO,SAClB,qCAAC,kBAAD,MAAmB,YACnB,qCAAC,MAAD,MAAO,YACP,qCAAC,2BAAD,MAA4B,OAC3B,UAAU,qCAAC,MAAD,MAAO;AAAA;AAM1B,iBAAiB,YAAY;AAAA,EAC3B,QAAQ,UAAU;AAAA,EAClB,WAAW,UAAU;AAAA,EACrB,WAAW,UAAU;AAAA,EACrB,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AAAA;AAGpB,MAAM,aAAa;",
+  "names": []
+}

package/dist/esm/PageList/index.js

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

package/dist/esm/PageList/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageList/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './PageList';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}

package/dist/esm/PageSearch/PageSearch.js

@@ -0,0 +1,48 @@
+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,
+    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, {
+    height: "100%",
+    style: { overflow: "hidden" }
+  }, /* @__PURE__ */ React2.createElement(Grid, {
+    height: "100%",
+    style: { overflow: "auto" }
+  }, 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

package/dist/esm/PageSearch/PageSearch.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageSearch/PageSearch.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst Header = styled(Grid)`\n  height: 100%;\n  background: ${(props) => props.theme.colors.brand['600']};\n  padding: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n`;\n\nconst DSMobilePageSearch = withTheme(\n  ({\n    HeaderContainer = Header,\n    SearchContainer = Header,\n    searchHeader = null,\n    pageTitle = 'Search',\n    body = null,\n    theme,\n  }) => {\n    const rows = [\n      op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 0.81),\n      op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 1.62),\n      1,\n    ];\n    return (\n      <Grid rows={rows} height=\"100%\">\n        <Grid>\n          <HeaderContainer>{pageTitle}</HeaderContainer>\n        </Grid>\n        <Grid>\n          <SearchContainer>{searchHeader}</SearchContainer>\n        </Grid>\n        <Grid height=\"100%\" style={{ overflow: 'hidden' }}>\n          <Grid height=\"100%\" style={{ overflow: 'auto' }}>\n            {body}\n          </Grid>\n        </Grid>\n      </Grid>\n    );\n  },\n);\n\nDSMobilePageSearch.propTypes = {\n  header: PropTypes.element,\n  pageTitle: PropTypes.element,\n  filterBar: PropTypes.element,\n  body: PropTypes.element,\n  footer: PropTypes.element,\n};\n\nconst DSPageSearch = DSMobilePageSearch;\n\nexport { DSPageSearch, DSMobilePageSearch };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,SAAS,OAAO;AAAA;AAAA,gBAEN,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,aACvC,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAGnE,MAAM,qBAAqB,UACzB,CAAC;AAAA,EACC,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,OAAO;AAAA,EACP;AAAA,MACI;AACJ,QAAM,OAAO;AAAA,IACX,GAAG,KAAK,yBAAyB,MAAM,MAAM,IAAI;AAAA,IACjD,GAAG,KAAK,yBAAyB,MAAM,MAAM,IAAI;AAAA,IACjD;AAAA;AAEF,SACE,qCAAC,MAAD;AAAA,IAAM;AAAA,IAAY,QAAO;AAAA,KACvB,qCAAC,MAAD,MACE,qCAAC,iBAAD,MAAkB,aAEpB,qCAAC,MAAD,MACE,qCAAC,iBAAD,MAAkB,gBAEpB,qCAAC,MAAD;AAAA,IAAM,QAAO;AAAA,IAAO,OAAO,EAAE,UAAU;AAAA,KACrC,qCAAC,MAAD;AAAA,IAAM,QAAO;AAAA,IAAO,OAAO,EAAE,UAAU;AAAA,KACpC;AAAA;AAQb,mBAAmB,YAAY;AAAA,EAC7B,QAAQ,UAAU;AAAA,EAClB,WAAW,UAAU;AAAA,EACrB,WAAW,UAAU;AAAA,EACrB,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AAAA;AAGpB,MAAM,eAAe;",
+  "names": []
+}

package/dist/esm/PageSummary/PageSummary.js

@@ -0,0 +1,40 @@
+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
+};
+const DSPageSummary = PageSummary;
+export {
+  DSPageSummary
+};
+//# sourceMappingURL=PageSummary.js.map

package/dist/esm/PageSummary/PageSummary.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageSummary/PageSummary.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSFullPageContainer } from '../FullPageContainer';\nimport { Header, Toolbar, BodyWrapper, Section } from './Tags';\n\nconst Body = styled(Grid)`\n  margin: 0 auto;\n  width: 100%;\n  @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n    ${({ theme }) => `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`}\n  }\n`;\n\nconst PageSummary = ({\n  header = null,\n  headerZIndex = 1,\n  bodyPrimary = null,\n  actions = null,\n  actionsZIndex = 1,\n  bodySecondary = null,\n}) => (\n  <DSFullPageContainer>\n    {header && <Header zIndex={headerZIndex}>{header}</Header>}\n    <Section>\n      <Grid>\n        <Body>{bodyPrimary}</Body>\n      </Grid>\n      <Toolbar zIndex={actionsZIndex}>{actions}</Toolbar>\n      <BodyWrapper>\n        <Body>{bodySecondary}</Body>\n      </BodyWrapper>\n    </Section>\n  </DSFullPageContainer>\n);\n\nPageSummary.propTypes = {\n  header: PropTypes.element,\n  bodyPrimary: PropTypes.element,\n  actions: PropTypes.element,\n  bodySecondary: PropTypes.element,\n  headerZIndex: PropTypes.number,\n  actionsZIndex: PropTypes.number,\n};\n\nconst DSPageSummary = PageSummary;\n\nexport { DSPageSummary };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA,uBAGG,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,MAClD,CAAC,EAAE,YAAY,UAAU,GAAG,KAAK,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAIlF,MAAM,cAAc,CAAC;AAAA,EACnB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,MAEhB,qCAAC,qBAAD,MACG,UAAU,qCAAC,QAAD;AAAA,EAAQ,QAAQ;AAAA,GAAe,SAC1C,qCAAC,SAAD,MACE,qCAAC,MAAD,MACE,qCAAC,MAAD,MAAO,eAET,qCAAC,SAAD;AAAA,EAAS,QAAQ;AAAA,GAAgB,UACjC,qCAAC,aAAD,MACE,qCAAC,MAAD,MAAO;AAMf,YAAY,YAAY;AAAA,EACtB,QAAQ,UAAU;AAAA,EAClB,aAAa,UAAU;AAAA,EACvB,SAAS,UAAU;AAAA,EACnB,eAAe,UAAU;AAAA,EACzB,cAAc,UAAU;AAAA,EACxB,eAAe,UAAU;AAAA;AAG3B,MAAM,gBAAgB;",
+  "names": []
+}

package/dist/esm/PageSummary/Tags.js

@@ -0,0 +1,37 @@
+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

package/dist/esm/PageSummary/Tags.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageSummary/Tags.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const Header = styled.div`\n  position: fixed;\n  display: grid;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 64px;\n  z-index: ${({ zIndex }) => zIndex};\n`;\nexport const Toolbar = styled.div`\n  position: sticky;\n  left: 0;\n  top: 64px;\n  background: ${(props) => props.theme.colors.neutral['000']};\n  z-index: ${({ zIndex }) => zIndex};\n`;\nexport const BodyWrapper = styled.div`\n  position: relative;\n  display: grid;\n  top: 0;\n  left: 0;\n  height: 100%;\n`;\n\nexport const Section = styled.div`\n  position: relative;\n  top: 64px;\n  height: 100%;\n`;\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAOhB,CAAC,EAAE,aAAa;AAAA;AAEtB,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA,gBAId,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,aACzC,CAAC,EAAE,aAAa;AAAA;AAEtB,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ3B,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/SideNav/SideNav.js

@@ -0,0 +1,71 @@
+import * as React from "react";
+import React2, { useState } from "react";
+import { DSBackdrop } from "@elliemae/ds-backdrop";
+import { Close } from "@elliemae/ds-icons";
+import { DSIconSizes, DSIconColors } from "@elliemae/ds-icon";
+import { PropTypes, describe } from "react-desc";
+import { noop } from "lodash";
+import Logo from "../Icons/EM_logo";
+import { Container, Menu, Heading, Icon, Hr, MenuList, BottomMenu, MenuWrapper } from "./styles";
+const DSSideNav = ({ containerProps = {}, title, onClose = noop, menuItems = [], bottomMenuItems = [] }) => {
+  const [selectedMenuItemIdx, setSelectedMenuItem] = useState(-1);
+  const menuItemClick = (idx, text, cb) => {
+    if (cb) {
+      cb(idx, text);
+    }
+    setSelectedMenuItem(idx);
+  };
+  const renderMenuList = () => /* @__PURE__ */ React2.createElement(React2.Fragment, null, menuItems.length > 0 ? /* @__PURE__ */ React2.createElement(MenuList, null, menuItems.map(({ icon, text, onClick }, idx) => /* @__PURE__ */ React2.createElement("div", {
+    key: idx,
+    className: "menuitem",
+    onClick: menuItemClick.bind(null, idx, text, onClick)
+  }, /* @__PURE__ */ React2.createElement("div", {
+    className: "icon"
+  }, icon), /* @__PURE__ */ React2.createElement("div", {
+    className: `text ${idx === selectedMenuItemIdx ? "active" : ""}`
+  }, text)))) : null);
+  const renderBottomMenu = () => /* @__PURE__ */ React2.createElement(MenuList, null, bottomMenuItems.map(({ icon, text, onClick }, idx) => /* @__PURE__ */ React2.createElement("div", {
+    key: idx,
+    className: "menuitem",
+    onClick: () => onClick(idx, text)
+  }, /* @__PURE__ */ React2.createElement("div", {
+    className: "icon"
+  }, icon), /* @__PURE__ */ React2.createElement("div", {
+    className: "text"
+  }, text))));
+  return /* @__PURE__ */ React2.createElement(Container, {
+    "data-testid": containerProps["data-testid"] || "global-header-menu"
+  }, /* @__PURE__ */ React2.createElement(DSBackdrop, {
+    onClick: onClose,
+    type: "cover"
+  }), /* @__PURE__ */ React2.createElement(Menu, null, /* @__PURE__ */ React2.createElement(MenuWrapper, null, /* @__PURE__ */ React2.createElement(Heading, null, /* @__PURE__ */ React2.createElement(Icon, null, Logo()), /* @__PURE__ */ React2.createElement("div", {
+    className: "content"
+  }, /* @__PURE__ */ React2.createElement("label", null, title), /* @__PURE__ */ React2.createElement("span", null), /* @__PURE__ */ React2.createElement("div", {
+    className: "icon"
+  }, /* @__PURE__ */ React2.createElement(Close, {
+    onClick: onClose,
+    size: DSIconSizes.S,
+    color: DSIconColors.WHITE
+  })))), /* @__PURE__ */ React2.createElement(Hr, null), renderMenuList(), bottomMenuItems.length > 0 ? /* @__PURE__ */ React2.createElement(BottomMenu, null, /* @__PURE__ */ React2.createElement("div", {
+    className: "content"
+  }, /* @__PURE__ */ React2.createElement("hr", null), renderBottomMenu())) : null)));
+};
+const menuProps = PropTypes.arrayOf(PropTypes.shape({
+  icon: PropTypes.element,
+  text: PropTypes.string
+}));
+const navProps = {
+  containerProps: PropTypes.object.description("inject props to wrapper element of side nav"),
+  title: PropTypes.string.isRequired.description("Heading Title"),
+  onClose: PropTypes.func.description("Callback function when close is menu is triggered"),
+  menuItems: menuProps.description("Top Menu items array"),
+  bottomMenuItems: menuProps.description("Bottom Menu items array")
+};
+DSSideNav.propTypes = navProps;
+const DSSideNavWithSchema = describe(DSSideNav).description("Side navigation for mobile and tablet");
+DSSideNavWithSchema.propTypes = navProps;
+export {
+  DSSideNav,
+  DSSideNavWithSchema
+};
+//# sourceMappingURL=SideNav.js.map

package/dist/esm/SideNav/SideNav.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SideNav/SideNav.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useState } from 'react';\nimport { DSBackdrop } from '@elliemae/ds-backdrop';\nimport { Close } from '@elliemae/ds-icons';\nimport { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';\nimport { PropTypes, describe } from 'react-desc';\nimport { noop } from 'lodash';\nimport Logo from '../Icons/EM_logo';\nimport { Container, Menu, Heading, Icon, Hr, MenuList, BottomMenu, MenuWrapper } from './styles';\n\nconst DSSideNav = ({ containerProps = {}, title, onClose = noop, menuItems = [], bottomMenuItems = [] }) => {\n  const [selectedMenuItemIdx, setSelectedMenuItem] = useState(-1);\n\n  const menuItemClick = (idx, text, cb) => {\n    if (cb) {\n      cb(idx, text);\n    }\n    setSelectedMenuItem(idx);\n  };\n\n  const renderMenuList = () => (\n    <>\n      {menuItems.length > 0 ? (\n        <MenuList>\n          {menuItems.map(({ icon, text, onClick }, idx) => (\n            <div key={idx} className=\"menuitem\" onClick={menuItemClick.bind(null, idx, text, onClick)}>\n              <div className=\"icon\">{icon}</div>\n              <div className={`text ${idx === selectedMenuItemIdx ? 'active' : ''}`}>{text}</div>\n            </div>\n          ))}\n        </MenuList>\n      ) : null}\n    </>\n  );\n\n  const renderBottomMenu = () => (\n    <MenuList>\n      {bottomMenuItems.map(({ icon, text, onClick }, idx) => (\n        <div key={idx} className=\"menuitem\" onClick={() => onClick(idx, text)}>\n          <div className=\"icon\">{icon}</div>\n          <div className=\"text\">{text}</div>\n        </div>\n      ))}\n    </MenuList>\n  );\n\n  return (\n    <Container data-testid={containerProps['data-testid'] || 'global-header-menu'}>\n      <DSBackdrop onClick={onClose} type=\"cover\"></DSBackdrop>\n\n      <Menu>\n        <MenuWrapper>\n          <Heading>\n            <Icon>{Logo()}</Icon>\n            <div className=\"content\">\n              <label>{title}</label>\n              <span></span>\n              <div className=\"icon\">\n                <Close onClick={onClose} size={DSIconSizes.S} color={DSIconColors.WHITE} />\n              </div>\n            </div>\n          </Heading>\n          <Hr></Hr>\n          {renderMenuList()}\n          {bottomMenuItems.length > 0 ? (\n            <BottomMenu>\n              <div className=\"content\">\n                <hr></hr>\n                {renderBottomMenu()}\n              </div>\n            </BottomMenu>\n          ) : null}\n        </MenuWrapper>\n      </Menu>\n    </Container>\n  );\n};\n\nconst menuProps = PropTypes.arrayOf(\n  PropTypes.shape({\n    icon: PropTypes.element,\n    text: PropTypes.string,\n  }),\n);\n\nconst navProps = {\n  /** inject props to wrapper element of side nav */\n  containerProps: PropTypes.object.description('inject props to wrapper element of side nav'),\n  /**\n   * Heading Title\n   */\n  title: PropTypes.string.isRequired.description('Heading Title'),\n  /**\n   * Callback function when close is menu is triggered\n   */\n  onClose: PropTypes.func.description('Callback function when close is menu is triggered'),\n  /**\n   * Top Menu items array\n   */\n  menuItems: menuProps.description('Top Menu items array'),\n  /**\n   * Bottom Menu items array\n   */\n  bottomMenuItems: menuProps.description('Bottom Menu items array'),\n};\n\nDSSideNav.propTypes = navProps;\n\nconst DSSideNavWithSchema = describe(DSSideNav).description('Side navigation for mobile and tablet');\n\nDSSideNavWithSchema.propTypes = navProps;\n\nexport { DSSideNav, DSSideNavWithSchema };\n"],
+  "mappings": "AAAA;ACKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY,CAAC,EAAE,iBAAiB,IAAI,OAAO,UAAU,MAAM,YAAY,IAAI,kBAAkB,SAAS;AAC1G,QAAM,CAAC,qBAAqB,uBAAuB,SAAS;AAE5D,QAAM,gBAAgB,CAAC,KAAK,MAAM,OAAO;AACvC,QAAI,IAAI;AACN,SAAG,KAAK;AAAA;AAEV,wBAAoB;AAAA;AAGtB,QAAM,iBAAiB,MACrB,4DACG,UAAU,SAAS,IAClB,qCAAC,UAAD,MACG,UAAU,IAAI,CAAC,EAAE,MAAM,MAAM,WAAW,QACvC,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAK,WAAU;AAAA,IAAW,SAAS,cAAc,KAAK,MAAM,KAAK,MAAM;AAAA,KAC/E,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KAAQ,OACvB,qCAAC,OAAD;AAAA,IAAK,WAAW,QAAQ,QAAQ,sBAAsB,WAAW;AAAA,KAAO,WAI5E;AAIR,QAAM,mBAAmB,MACvB,qCAAC,UAAD,MACG,gBAAgB,IAAI,CAAC,EAAE,MAAM,MAAM,WAAW,QAC7C,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAK,WAAU;AAAA,IAAW,SAAS,MAAM,QAAQ,KAAK;AAAA,KAC9D,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KAAQ,OACvB,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KAAQ;AAM/B,SACE,qCAAC,WAAD;AAAA,IAAW,eAAa,eAAe,kBAAkB;AAAA,KACvD,qCAAC,YAAD;AAAA,IAAY,SAAS;AAAA,IAAS,MAAK;AAAA,MAEnC,qCAAC,MAAD,MACE,qCAAC,aAAD,MACE,qCAAC,SAAD,MACE,qCAAC,MAAD,MAAO,SACP,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KACb,qCAAC,SAAD,MAAQ,QACR,qCAAC,QAAD,OACA,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KACb,qCAAC,OAAD;AAAA,IAAO,SAAS;AAAA,IAAS,MAAM,YAAY;AAAA,IAAG,OAAO,aAAa;AAAA,SAIxE,qCAAC,IAAD,OACC,kBACA,gBAAgB,SAAS,IACxB,qCAAC,YAAD,MACE,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KACb,qCAAC,MAAD,OACC,uBAGH;AAAA;AAOd,MAAM,YAAY,UAAU,QAC1B,UAAU,MAAM;AAAA,EACd,MAAM,UAAU;AAAA,EAChB,MAAM,UAAU;AAAA;AAIpB,MAAM,WAAW;AAAA,EAEf,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAI7C,OAAO,UAAU,OAAO,WAAW,YAAY;AAAA,EAI/C,SAAS,UAAU,KAAK,YAAY;AAAA,EAIpC,WAAW,UAAU,YAAY;AAAA,EAIjC,iBAAiB,UAAU,YAAY;AAAA;AAGzC,UAAU,YAAY;AAEtB,MAAM,sBAAsB,SAAS,WAAW,YAAY;AAE5D,oBAAoB,YAAY;",
+  "names": []
+}

package/dist/esm/SideNav/index.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { DSSideNav, DSSideNavWithSchema } from "./SideNav";
+export {
+  DSSideNav,
+  DSSideNavWithSchema
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/SideNav/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SideNav/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSSideNav, DSSideNavWithSchema } from './SideNav';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}

package/dist/esm/SideNav/styles.js

@@ -0,0 +1,100 @@
+import * as React from "react";
+import styled from "styled-components";
+const Container = styled.div`
+  position: fixed;
+  width: 100%;
+  height: 100%;
+`;
+const MenuWrapper = styled.div`
+  position: relative;
+  height: 100%;
+`;
+const Menu = styled.div`
+  position: fixed;
+  width: 80%;
+  height: 100%;
+  background-color: ${(props) => props.theme.colors.brand[700]};
+  font-family: ${(props) => props.theme.fonts.default};
+  box-shadow: 5px 0 5px ${(props) => props.theme.colors.neutral[600]};
+  padding: ${(props) => props.theme.space.xs};
+`;
+const Heading = styled.div`
+  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: ${(props) => props.theme.fontWeights.semibold};
+      font-size: 22px;
+      color: ${(props) => props.theme.colors.neutral["000"]};
+    }
+    .icon {
+      cursor: pointer;
+      padding-top: 6px;
+    }
+  }
+`;
+const Icon = styled.div`
+  margin-right: ${(props) => props.theme.space.xxs2};
+`;
+const Hr = styled.hr`
+  margin-left: -${(props) => props.theme.space.xs};
+  margin-right: -${(props) => props.theme.space.xs};
+`;
+const MenuList = styled.div`
+  .menuitem {
+    display: flex;
+    flex-direction: row;
+    cursor: pointer;
+    height:22px;
+    margin-bottom: ${(props) => props.theme.space.xs};
+    .icon {
+      padding-left: 6px;
+      margin-right: ${(props) => props.theme.space.xs};
+      span{
+        height:20px;
+        width:20px;
+        svg{
+          height:20px;
+          width:20px;
+        }
+      }
+    }
+    .text {
+      font-weight: ${(props) => props.theme.fontWeights.regular};
+      font-size: 18px;
+      line-height:22px;
+      color: ${(props) => props.theme.colors.neutral["000"]};
+      &.active {
+        font-weight: ${(props) => props.theme.fontWeights.semibold};
+      }
+    }
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+`;
+const BottomMenu = styled.div`
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+`;
+export {
+  BottomMenu,
+  Container,
+  Heading,
+  Hr,
+  Icon,
+  Menu,
+  MenuList,
+  MenuWrapper
+};
+//# sourceMappingURL=styles.js.map

package/dist/esm/SideNav/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SideNav/styles.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const Container = styled.div`\n  position: fixed;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const MenuWrapper = styled.div`\n  position: relative;\n  height: 100%;\n`;\n\nexport const Menu = styled.div`\n  position: fixed;\n  width: 80%;\n  height: 100%;\n  background-color: ${(props) => props.theme.colors.brand[700]};\n  font-family: ${(props) => props.theme.fonts.default};\n  box-shadow: 5px 0 5px ${(props) => props.theme.colors.neutral[600]};\n  padding: ${(props) => props.theme.space.xs};\n`;\n\nexport const Heading = styled.div`\n  display: flex;\n  flex-direction: row;\n\n  .content {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    span {\n      flex-grow: 1;\n    }\n    label {\n      padding-top: 1px;\n      line-height:30px;\n      font-weight: ${(props) => props.theme.fontWeights.semibold};\n      font-size: 22px;\n      color: ${(props) => props.theme.colors.neutral['000']};\n    }\n    .icon {\n      cursor: pointer;\n      padding-top: 6px;\n    }\n  }\n`;\n\nexport const Icon = styled.div`\n  margin-right: ${(props) => props.theme.space.xxs2};\n`;\n\nexport const Hr = styled.hr`\n  margin-left: -${(props) => props.theme.space.xs};\n  margin-right: -${(props) => props.theme.space.xs};\n`;\nexport const MenuList = styled.div`\n  .menuitem {\n    display: flex;\n    flex-direction: row;\n    cursor: pointer;\n    height:22px;\n    margin-bottom: ${(props) => props.theme.space.xs};\n    .icon {\n      padding-left: 6px;\n      margin-right: ${(props) => props.theme.space.xs};\n      span{\n        height:20px;\n        width:20px;\n        svg{\n          height:20px;\n          width:20px;\n        }\n      }\n    }\n    .text {\n      font-weight: ${(props) => props.theme.fontWeights.regular};\n      font-size: 18px;\n      line-height:22px;\n      color: ${(props) => props.theme.colors.neutral['000']};\n      &.active {\n        font-weight: ${(props) => props.theme.fontWeights.semibold};\n      }\n    }\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n`;\n\nexport const BottomMenu = styled.div`\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n`;\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAK3B,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,sBAIL,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,iBACzC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,0BACpB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,aACnD,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGnC,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAcT,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,eAEzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS9C,MAAM,OAAO,OAAO;AAAA,kBACT,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGxC,MAAM,KAAK,OAAO;AAAA,kBACP,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,mBAC5B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAEzC,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAMV,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,sBAG5B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAW9B,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA,eAGzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,uBAE9B,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASnD,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}