@elliemae/ds-mobile 2.3.0-alpha.6 → 2.3.0-next.0

package/dist/esm/InfiniteLoader/VirtualizedInfiniteLoader.js

@@ -1,60 +0,0 @@
-import * as React from "react";
-import React2, { useState } from "react";
-import { PropTypes, describe } from "react-desc";
-import RWInfiniteLoader from "react-window-infinite-loader";
-import { VariableSizeList as List } from "react-window";
-const VirtualizedInfiniteLoader = ({
-  moreItemsLoading = false,
-  hasNextPage = false,
-  isItemLoaded = () => true,
-  loadMoreItems,
-  getItemSize = () => 38,
-  height,
-  item: Row
-}) => {
-  const [itemCount, setItemCount] = useState(10);
-  const loadMore = (startIndex, stopIndex) => {
-    if (hasNextPage)
-      setItemCount(itemCount + 1);
-    return loadMoreItems(startIndex, stopIndex);
-  };
-  return /* @__PURE__ */ React2.createElement("div", {
-    style: { position: "relative" }
-  }, /* @__PURE__ */ React2.createElement(RWInfiniteLoader, {
-    isItemLoaded,
-    itemCount,
-    loadMoreItems: loadMore
-  }, ({ onItemsRendered, ref }) => /* @__PURE__ */ React2.createElement(List, {
-    className: "List",
-    height,
-    itemCount,
-    itemSize: getItemSize,
-    onItemsRendered,
-    ref,
-    width: "100%"
-  }, Row)), moreItemsLoading && /* @__PURE__ */ React2.createElement("div", {
-    style: {
-      position: "absolute",
-      bottom: 0,
-      background: "blue",
-      zIndex: 1
-    }
-  }, "Loading"));
-};
-const listProps = {
-  isItemLoaded: PropTypes.bool.description("Function responsible for tracking the loaded state of each item."),
-  loadMoreItems: PropTypes.func.description("Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading."),
-  getItemSize: PropTypes.func.description("callback to get row item size"),
-  height: PropTypes.number.description("height for the list"),
-  moreItemsLoading: PropTypes.bool.description("flag to know if virtual list s"),
-  item: PropTypes.element.description("Row item to render"),
-  hasNextPage: PropTypes.bool.description("flag for virtualized list")
-};
-VirtualizedInfiniteLoader.propTypes = listProps;
-const VirtualizedInfiniteLoaderWithSchema = describe(VirtualizedInfiniteLoader);
-VirtualizedInfiniteLoaderWithSchema.propTypes = listProps;
-export {
-  VirtualizedInfiniteLoader,
-  VirtualizedInfiniteLoaderWithSchema
-};
-//# sourceMappingURL=VirtualizedInfiniteLoader.js.map

package/dist/esm/InfiniteLoader/VirtualizedInfiniteLoader.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InfiniteLoader/VirtualizedInfiniteLoader.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport RWInfiniteLoader from 'react-window-infinite-loader';\nimport { VariableSizeList as List } from 'react-window';\n\nconst VirtualizedInfiniteLoader = ({\n  moreItemsLoading = false,\n  hasNextPage = false,\n  isItemLoaded = () => true,\n  loadMoreItems,\n  getItemSize = () => 38,\n  height,\n  item: Row,\n}) => {\n  const [itemCount, setItemCount] = useState(10);\n\n  const loadMore = (startIndex, stopIndex) => {\n    if (hasNextPage) setItemCount(itemCount + 1);\n    return loadMoreItems(startIndex, stopIndex);\n  };\n\n  return (\n    <div style={{ position: 'relative' }}>\n      <RWInfiniteLoader\n        isItemLoaded={isItemLoaded}\n        itemCount={itemCount}\n        loadMoreItems={loadMore}\n      >\n        {({ onItemsRendered, ref }) => (\n          <List\n            className=\"List\"\n            height={height}\n            itemCount={itemCount}\n            itemSize={getItemSize}\n            onItemsRendered={onItemsRendered}\n            ref={ref}\n            width=\"100%\"\n          >\n            {Row}\n          </List>\n        )}\n      </RWInfiniteLoader>\n      {moreItemsLoading && (\n        <div\n          style={{\n            position: 'absolute',\n            bottom: 0,\n            background: 'blue',\n            zIndex: 1,\n          }}\n        >\n          Loading\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst listProps = {\n  /** Function responsible for tracking the loaded state of each item. */\n  isItemLoaded: PropTypes.bool.description(\n    'Function responsible for tracking the loaded state of each item.',\n  ),\n  /**  Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading. */\n  loadMoreItems: PropTypes.func.description(\n    'Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading.',\n  ),\n  /** callback to get row item size */\n  getItemSize: PropTypes.func.description('callback to get row item size'),\n  /** height for the list */\n  height: PropTypes.number.description('height for the list'),\n  /** flag to know if virtual list should be on loading state */\n  moreItemsLoading: PropTypes.bool.description(\n    'flag to know if virtual list s',\n  ),\n  /** Row item to render */\n  item: PropTypes.element.description('Row item to render'),\n  /** flag for virtualized list */\n  hasNextPage: PropTypes.bool.description('flag for virtualized list'),\n};\n\nVirtualizedInfiniteLoader.propTypes = listProps;\n\nconst VirtualizedInfiniteLoaderWithSchema = describe(VirtualizedInfiniteLoader);\n\nVirtualizedInfiniteLoaderWithSchema.propTypes = listProps;\n\nexport { VirtualizedInfiniteLoader, VirtualizedInfiniteLoaderWithSchema };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,4BAA4B,CAAC;AAAA,EACjC,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,eAAe,MAAM;AAAA,EACrB;AAAA,EACA,cAAc,MAAM;AAAA,EACpB;AAAA,EACA,MAAM;AAAA,MACF;AACJ,QAAM,CAAC,WAAW,gBAAgB,SAAS;AAE3C,QAAM,WAAW,CAAC,YAAY,cAAc;AAC1C,QAAI;AAAa,mBAAa,YAAY;AAC1C,WAAO,cAAc,YAAY;AAAA;AAGnC,SACE,qCAAC,OAAD;AAAA,IAAK,OAAO,EAAE,UAAU;AAAA,KACtB,qCAAC,kBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,eAAe;AAAA,KAEd,CAAC,EAAE,iBAAiB,UACnB,qCAAC,MAAD;AAAA,IACE,WAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,OAAM;AAAA,KAEL,OAIN,oBACC,qCAAC,OAAD;AAAA,IACE,OAAO;AAAA,MACL,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,QAAQ;AAAA;AAAA,KAEX;AAAA;AAQT,MAAM,YAAY;AAAA,EAEhB,cAAc,UAAU,KAAK,YAC3B;AAAA,EAGF,eAAe,UAAU,KAAK,YAC5B;AAAA,EAGF,aAAa,UAAU,KAAK,YAAY;AAAA,EAExC,QAAQ,UAAU,OAAO,YAAY;AAAA,EAErC,kBAAkB,UAAU,KAAK,YAC/B;AAAA,EAGF,MAAM,UAAU,QAAQ,YAAY;AAAA,EAEpC,aAAa,UAAU,KAAK,YAAY;AAAA;AAG1C,0BAA0B,YAAY;AAEtC,MAAM,sCAAsC,SAAS;AAErD,oCAAoC,YAAY;",
-  "names": []
-}

package/dist/esm/InfiniteLoader/index.js

@@ -1,13 +0,0 @@
-import * as React from "react";
-import { InfiniteLoader, InfiniteLoaderWithSchema } from "./Infiniteloader";
-import {
-  VirtualizedInfiniteLoader,
-  VirtualizedInfiniteLoaderWithSchema
-} from "./VirtualizedInfiniteLoader";
-export {
-  InfiniteLoader,
-  InfiniteLoaderWithSchema,
-  VirtualizedInfiniteLoader,
-  VirtualizedInfiniteLoaderWithSchema
-};
-//# sourceMappingURL=index.js.map

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

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

package/dist/esm/InfiniteLoader/styled.js

@@ -1,21 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-const LoaderBox = styled.div`
-  position: absolute;
-  width: 100%;
-  z-index: 10;
-  background-color: white;
-  height: 50px;
-  bottom: -50px;
-  border-top: 1px solid #e0e3e8;
-  align-items: center;
-  transition: 400ms cubic-bezier(0, 0, 0.42, 1);
-  &.opened {
-    transition: 400ms cubic-bezier(0.36, 0, 1, 1);
-    bottom: 0;
-  }
-`;
-export {
-  LoaderBox
-};
-//# sourceMappingURL=styled.js.map

package/dist/esm/InfiniteLoader/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InfiniteLoader/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const LoaderBox = styled.div`\n  position: absolute;\n  width: 100%;\n  z-index: 10;\n  background-color: white;\n  height: 50px;\n  bottom: -50px;\n  border-top: 1px solid #e0e3e8;\n  align-items: center;\n  transition: 400ms cubic-bezier(0, 0, 0.42, 1);\n  &.opened {\n    transition: 400ms cubic-bezier(0.36, 0, 1, 1);\n    bottom: 0;\n  }\n`;\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/LoadingPage/Page.js

@@ -1,63 +0,0 @@
-import * as React from "react";
-import React2, { useRef, useState, useEffect } from "react";
-import PropTypes from "prop-types";
-import { withTheme } from "@elliemae/ds-system";
-import { get } from "lodash";
-import styled from "styled-components";
-import Backdrop from "@elliemae/ds-backdrop";
-const LoadingPageLoader = styled.div`
-  ${({ type }) => type === "cover" ? "position: fixed" : "position: absolute"};
-
-  z-index: ${(props) => props.zIndex};
-  top: 25%;
-  left: 15%;
-  width: 70%;
-  height: 75%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`;
-const LoadingPage = ({ backdropZIndex, children, loader, loading, type = "fill", zIndex = 1 }) => {
-  const [position, setPosition] = useState(null);
-  const childRef = useRef(null);
-  useEffect(() => {
-    if (childRef && childRef.current) {
-      const style = childRef && window.getComputedStyle(childRef.current);
-      setPosition(style.getPropertyValue("position"));
-    }
-  }, [childRef]);
-  const Back = loading && /* @__PURE__ */ React2.createElement(Backdrop, {
-    type,
-    zIndex: backdropZIndex
-  });
-  const Loader = loader && loading && /* @__PURE__ */ React2.createElement(LoadingPageLoader, {
-    zIndex,
-    type,
-    hide: !loading
-  }, loader);
-  const injectRefPosition = (child) => React2.cloneElement(React2.Children.only(child), {
-    ref: childRef,
-    children: React2.Children.toArray(child.props.children).concat([Loader, Back]),
-    style: {
-      ...get(child, "props.style", {}),
-      position: position === "static" ? "relative" : position
-    }
-  });
-  if (React2.Children.count(children) === 0) {
-    return /* @__PURE__ */ React2.createElement(React2.Fragment, null, Loader, Back);
-  }
-  return injectRefPosition(children);
-};
-LoadingPage.propTypes = {
-  backdropZIndex: PropTypes.number,
-  children: PropTypes.element,
-  loader: PropTypes.arrayOf(PropTypes.element),
-  loading: PropTypes.bool,
-  type: PropTypes.oneOf(["fill", "cover"]),
-  zIndex: PropTypes.number
-};
-const DSMobileLoadingPage = withTheme(LoadingPage);
-export {
-  DSMobileLoadingPage
-};
-//# sourceMappingURL=Page.js.map

package/dist/esm/LoadingPage/Page.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/LoadingPage/Page.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { withTheme } from '@elliemae/ds-system';\nimport { get } from 'lodash';\nimport styled from 'styled-components';\nimport Backdrop from '@elliemae/ds-backdrop';\n\nconst LoadingPageLoader = styled.div`\n  ${({ type }) => (type === 'cover' ? 'position: fixed' : 'position: absolute')};\n\n  z-index: ${(props) => props.zIndex};\n  top: 25%;\n  left: 15%;\n  width: 70%;\n  height: 75%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nconst LoadingPage = ({ backdropZIndex, children, loader, loading, type = 'fill', zIndex = 1 }) => {\n  const [position, setPosition] = useState(null);\n  const childRef = useRef(null);\n  useEffect(() => {\n    if (childRef && childRef.current) {\n      const style = childRef && window.getComputedStyle(childRef.current);\n      setPosition(style.getPropertyValue('position'));\n    }\n  }, [childRef]);\n\n  const Back = loading && <Backdrop type={type} zIndex={backdropZIndex} />;\n  const Loader = loader && loading && (\n    <LoadingPageLoader zIndex={zIndex} type={type} hide={!loading}>\n      {loader}\n    </LoadingPageLoader>\n  );\n\n  const injectRefPosition = (child) =>\n    React.cloneElement(React.Children.only(child), {\n      ref: childRef,\n      children: React.Children.toArray(child.props.children).concat([Loader, Back]),\n      style: {\n        ...get(child, 'props.style', {}),\n        position: position === 'static' ? 'relative' : position,\n      },\n    });\n\n  if (React.Children.count(children) === 0) {\n    return (\n      <>\n        {Loader}\n        {Back}\n      </>\n    );\n  }\n  return injectRefPosition(children);\n};\n\nLoadingPage.propTypes = {\n  /**\n   * z-index of dimmer background\n   */\n  backdropZIndex: PropTypes.number,\n  /**\n   * Children page to show behind the loader\n   */\n  children: PropTypes.element,\n  /**\n   * Array of elements centrally aligned\n   */\n  loader: PropTypes.arrayOf(PropTypes.element),\n  /**\n   * Show / hide loader\n   */\n  loading: PropTypes.bool,\n  /**\n   * ['cover', 'fill']\n   */\n  type: PropTypes.oneOf(['fill', 'cover']),\n  /**\n   * z-index of loader, should be higher than the backdropZIndex\n   */\n  zIndex: PropTypes.number,\n};\n\nconst DSMobileLoadingPage = withTheme(LoadingPage);\n\nexport { DSMobileLoadingPage };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,oBAAoB,OAAO;AAAA,IAC7B,CAAC,EAAE,WAAY,SAAS,UAAU,oBAAoB;AAAA;AAAA,aAE7C,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU9B,MAAM,cAAc,CAAC,EAAE,gBAAgB,UAAU,QAAQ,SAAS,OAAO,QAAQ,SAAS,QAAQ;AAChG,QAAM,CAAC,UAAU,eAAe,SAAS;AACzC,QAAM,WAAW,OAAO;AACxB,YAAU,MAAM;AACd,QAAI,YAAY,SAAS,SAAS;AAChC,YAAM,QAAQ,YAAY,OAAO,iBAAiB,SAAS;AAC3D,kBAAY,MAAM,iBAAiB;AAAA;AAAA,KAEpC,CAAC;AAEJ,QAAM,OAAO,WAAW,qCAAC,UAAD;AAAA,IAAU;AAAA,IAAY,QAAQ;AAAA;AACtD,QAAM,SAAS,UAAU,WACvB,qCAAC,mBAAD;AAAA,IAAmB;AAAA,IAAgB;AAAA,IAAY,MAAM,CAAC;AAAA,KACnD;AAIL,QAAM,oBAAoB,CAAC,UACzB,OAAM,aAAa,OAAM,SAAS,KAAK,QAAQ;AAAA,IAC7C,KAAK;AAAA,IACL,UAAU,OAAM,SAAS,QAAQ,MAAM,MAAM,UAAU,OAAO,CAAC,QAAQ;AAAA,IACvE,OAAO;AAAA,SACF,IAAI,OAAO,eAAe;AAAA,MAC7B,UAAU,aAAa,WAAW,aAAa;AAAA;AAAA;AAIrD,MAAI,OAAM,SAAS,MAAM,cAAc,GAAG;AACxC,WACE,4DACG,QACA;AAAA;AAIP,SAAO,kBAAkB;AAAA;AAG3B,YAAY,YAAY;AAAA,EAItB,gBAAgB,UAAU;AAAA,EAI1B,UAAU,UAAU;AAAA,EAIpB,QAAQ,UAAU,QAAQ,UAAU;AAAA,EAIpC,SAAS,UAAU;AAAA,EAInB,MAAM,UAAU,MAAM,CAAC,QAAQ;AAAA,EAI/B,QAAQ,UAAU;AAAA;AAGpB,MAAM,sBAAsB,UAAU;",
-  "names": []
-}

package/dist/esm/LoadingPage/index.js

@@ -1,8 +0,0 @@
-import * as React from "react";
-import { DSMobileLoadingPage } from "./Page";
-export * from "./Page";
-var LoadingPage_default = DSMobileLoadingPage;
-export {
-  LoadingPage_default as default
-};
-//# sourceMappingURL=index.js.map

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

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

package/dist/esm/MobileActionToolbar/MobileActionToolbar.js

@@ -1,38 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { PropTypes, describe } from "react-desc";
-import { Grid } from "@elliemae/ds-grid";
-import styled from "styled-components";
-import { withTheme } from "@elliemae/ds-system";
-import ToolbarItem from "./MobileActionToolbarItem";
-const ToolStrip = styled(Grid)`
-  display: flex;
-  justify-content: space-around;
-  align-items: center;
-  background-color: ${(props2) => props2.theme.colors.neutral["000"]};
-`;
-const Toolbar = ({ withDepth = true, buttons = [], theme }) => {
-  const rows = [1];
-  const toolbarHeight = theme.space.m;
-  const borderStyle = withDepth ? { boxShadow: "0 1px 5px 0 rgba(0,0,0,0.5)" } : { boxShadow: "none" };
-  return /* @__PURE__ */ React2.createElement(ToolStrip, {
-    rows,
-    height: toolbarHeight,
-    style: borderStyle
-  }, buttons);
-};
-const props = {
-  withDepth: PropTypes.bool.description("toggle box shadow for buttons border"),
-  buttons: PropTypes.arrayOf(PropTypes.element).description("button array for the mobile action toolbar")
-};
-Toolbar.propTypes = props;
-const DSMobileActionToolbar = withTheme(Toolbar);
-const DSMobileActionToolbarWithSchema = describe(DSMobileActionToolbar);
-DSMobileActionToolbarWithSchema.propTypes = props;
-var MobileActionToolbar_default = DSMobileActionToolbar;
-export {
-  DSMobileActionToolbarWithSchema,
-  ToolbarItem,
-  MobileActionToolbar_default as default
-};
-//# sourceMappingURL=MobileActionToolbar.js.map

package/dist/esm/MobileActionToolbar/MobileActionToolbar.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileActionToolbar/MobileActionToolbar.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { withTheme } from '@elliemae/ds-system';\nimport ToolbarItem from './MobileActionToolbarItem';\n\nconst ToolStrip = styled(Grid)`\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  background-color: ${(props) => props.theme.colors.neutral['000']};\n`;\nconst Toolbar = ({ withDepth = true, buttons = [], theme }) => {\n  const rows = [1];\n  const toolbarHeight = theme.space.m;\n  const borderStyle = withDepth ? { boxShadow: '0 1px 5px 0 rgba(0,0,0,0.5)' } : { boxShadow: 'none' };\n  return (\n    <ToolStrip rows={rows} height={toolbarHeight} style={borderStyle}>\n      {buttons}\n    </ToolStrip>\n  );\n};\n\nconst props = {\n  /** toggle box shadow for buttons border */\n  withDepth: PropTypes.bool.description('toggle box shadow for buttons border'),\n  /** button array for the mobile action toolbar */\n  buttons: PropTypes.arrayOf(PropTypes.element).description('button array for the mobile action toolbar'),\n};\n\nToolbar.propTypes = props;\n\nconst DSMobileActionToolbar = withTheme(Toolbar);\n\nconst DSMobileActionToolbarWithSchema = describe(DSMobileActionToolbar);\nDSMobileActionToolbarWithSchema.propTypes = props;\n\nexport { ToolbarItem, DSMobileActionToolbarWithSchema };\nexport default DSMobileActionToolbar;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA,sBAIH,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA;AAE5D,MAAM,UAAU,CAAC,EAAE,YAAY,MAAM,UAAU,IAAI,YAAY;AAC7D,QAAM,OAAO,CAAC;AACd,QAAM,gBAAgB,MAAM,MAAM;AAClC,QAAM,cAAc,YAAY,EAAE,WAAW,kCAAkC,EAAE,WAAW;AAC5F,SACE,qCAAC,WAAD;AAAA,IAAW;AAAA,IAAY,QAAQ;AAAA,IAAe,OAAO;AAAA,KAClD;AAAA;AAKP,MAAM,QAAQ;AAAA,EAEZ,WAAW,UAAU,KAAK,YAAY;AAAA,EAEtC,SAAS,UAAU,QAAQ,UAAU,SAAS,YAAY;AAAA;AAG5D,QAAQ,YAAY;AAEpB,MAAM,wBAAwB,UAAU;AAExC,MAAM,kCAAkC,SAAS;AACjD,gCAAgC,YAAY;AAG5C,IAAO,8BAAQ;",
-  "names": []
-}

package/dist/esm/MobileActionToolbar/MobileActionToolbarItem.js

@@ -1,26 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { PropTypes, describe } from "react-desc";
-import DSButton from "@elliemae/ds-button";
-const ToolbarItem = ({ icon, ...otherProps }) => {
-  const displayIcon = React2.cloneElement(icon, { size: "m" });
-  return /* @__PURE__ */ React2.createElement(DSButton, {
-    ...otherProps,
-    buttonType: "text",
-    icon: displayIcon,
-    size: "m"
-  });
-};
-ToolbarItem.displayName = "ToolbarItem";
-const props = {
-  icon: PropTypes.element.description("Toolbar item icon")
-};
-ToolbarItem.propTypes = props;
-const DSToolbarItemWithSchema = describe(ToolbarItem);
-DSToolbarItemWithSchema.propTypes = props;
-var MobileActionToolbarItem_default = ToolbarItem;
-export {
-  DSToolbarItemWithSchema,
-  MobileActionToolbarItem_default as default
-};
-//# sourceMappingURL=MobileActionToolbarItem.js.map

package/dist/esm/MobileActionToolbar/MobileActionToolbarItem.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileActionToolbar/MobileActionToolbarItem.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSButton from '@elliemae/ds-button';\n\nconst ToolbarItem = ({ icon, ...otherProps }) => {\n  const displayIcon = React.cloneElement(icon, { size: 'm' });\n  return <DSButton {...otherProps} buttonType=\"text\" icon={displayIcon} size=\"m\" />;\n};\n\nToolbarItem.displayName = 'ToolbarItem';\n\nconst props = {\n  /** toolbar item icon */\n  icon: PropTypes.element.description('Toolbar item icon'),\n};\n\nToolbarItem.propTypes = props;\n\nconst DSToolbarItemWithSchema = describe(ToolbarItem);\n\nDSToolbarItemWithSchema.propTypes = props;\n\nexport default ToolbarItem;\n\nexport { DSToolbarItemWithSchema };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,cAAc,CAAC,EAAE,SAAS,iBAAiB;AAC/C,QAAM,cAAc,OAAM,aAAa,MAAM,EAAE,MAAM;AACrD,SAAO,qCAAC,UAAD;AAAA,OAAc;AAAA,IAAY,YAAW;AAAA,IAAO,MAAM;AAAA,IAAa,MAAK;AAAA;AAAA;AAG7E,YAAY,cAAc;AAE1B,MAAM,QAAQ;AAAA,EAEZ,MAAM,UAAU,QAAQ,YAAY;AAAA;AAGtC,YAAY,YAAY;AAExB,MAAM,0BAA0B,SAAS;AAEzC,wBAAwB,YAAY;AAEpC,IAAO,kCAAQ;",
-  "names": []
-}

package/dist/esm/MobileActionToolbar/index.js

@@ -1,9 +0,0 @@
-import * as React from "react";
-export * from "./MobileActionToolbar";
-import { default as default2 } from "./MobileActionToolbar";
-import { DSToolbarItemWithSchema } from "./MobileActionToolbarItem";
-export {
-  DSToolbarItemWithSchema,
-  default2 as default
-};
-//# sourceMappingURL=index.js.map

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

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

package/dist/esm/MobileBanner/MobileBanner.js

@@ -1,97 +0,0 @@
-import * as React from "react";
-import React2, { useLayoutEffect, useEffect, useRef, useState } from "react";
-import { CloseX } from "@elliemae/ds-icons";
-import { describe } from "react-desc";
-import { icons } from "./utils/icons";
-import { propTypes } from "./propTypes";
-import { defaultProps } from "./defaultProps";
-import {
-  StyledActionLink,
-  StyledCloseButton,
-  StyledInnerContainer,
-  StyledBannerContainer,
-  StyledContent,
-  StyledIconContainer,
-  StyledSubTitle,
-  StyledTitle,
-  StyledCloseButtonContainer
-} from "./styles";
-const DSMobileBanner = ({
-  type,
-  isOpen,
-  closeButtonOnClick,
-  label,
-  body,
-  actionLinkLabel,
-  actionLinkHref,
-  actionLinkOnClick,
-  showCloseButton,
-  containerProps,
-  focusOnOpen
-}) => {
-  const innerContainerRef = useRef(null);
-  const closeRef = useRef(null);
-  const [current, setCurrent] = useState(isOpen);
-  const [isAnimating, setIsAnimating] = useState(false);
-  const [height, setHeight] = useState(0);
-  useEffect(() => {
-    if (innerContainerRef.current) {
-      setHeight(innerContainerRef.current.offsetHeight);
-    }
-  }, [isAnimating, isOpen]);
-  useEffect(() => {
-    if (focusOnOpen && closeRef.current && isOpen) {
-      closeRef.current?.focus?.();
-    }
-  }, [focusOnOpen, isOpen]);
-  useLayoutEffect(() => {
-    if (isOpen !== current || isOpen)
-      setIsAnimating(true);
-    else
-      setIsAnimating(false);
-  }, [isOpen, current]);
-  if (!isAnimating && !isOpen)
-    return null;
-  return /* @__PURE__ */ React2.createElement(StyledBannerContainer, {
-    type,
-    isOpen,
-    isAnimating,
-    onAnimationEnd: () => setCurrent(isOpen),
-    height,
-    ...containerProps,
-    "data-testid": "ds-mobile-banner-container",
-    role: "alert"
-  }, /* @__PURE__ */ React2.createElement(StyledInnerContainer, {
-    type,
-    isOpen,
-    ref: innerContainerRef,
-    isAnimating
-  }, /* @__PURE__ */ React2.createElement(StyledIconContainer, {
-    "data-testid": "ds-mobile-banner-icon"
-  }, icons[type]), /* @__PURE__ */ React2.createElement(StyledContent, {
-    showCloseButton
-  }, /* @__PURE__ */ React2.createElement(StyledTitle, null, label), /* @__PURE__ */ React2.createElement(StyledSubTitle, null, body, actionLinkLabel && /* @__PURE__ */ React2.createElement(StyledActionLink, {
-    href: actionLinkHref,
-    "data-testid": "ds-mobile-banner-link",
-    onClick: actionLinkOnClick
-  }, actionLinkLabel))), showCloseButton && /* @__PURE__ */ React2.createElement(StyledCloseButtonContainer, null, /* @__PURE__ */ React2.createElement(StyledCloseButton, {
-    "data-testid": "ds-mobile-banner-close-button",
-    buttonType: "link",
-    onClick: closeButtonOnClick,
-    "aria-label": "Close Banner",
-    icon: /* @__PURE__ */ React2.createElement(CloseX, {
-      width: "12px",
-      height: "12px"
-    }),
-    innerRef: closeRef
-  }))));
-};
-DSMobileBanner.defaultProps = defaultProps;
-DSMobileBanner.propTypes = propTypes;
-const DSMobileBannerWithSchema = describe(DSMobileBanner);
-DSMobileBannerWithSchema.propTypes = propTypes;
-export {
-  DSMobileBanner,
-  DSMobileBannerWithSchema
-};
-//# sourceMappingURL=MobileBanner.js.map

package/dist/esm/MobileBanner/MobileBanner.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileBanner/MobileBanner.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useLayoutEffect, useEffect, useRef, useState } from 'react';\nimport { CloseX } from '@elliemae/ds-icons';\nimport { describe } from 'react-desc';\nimport type { MobileBannerPropsT } from './index.d';\nimport { icons } from './utils/icons';\nimport { propTypes } from './propTypes';\nimport { defaultProps } from './defaultProps';\nimport {\n  StyledActionLink,\n  StyledCloseButton,\n  StyledInnerContainer,\n  StyledBannerContainer,\n  StyledContent,\n  StyledIconContainer,\n  StyledSubTitle,\n  StyledTitle,\n  StyledCloseButtonContainer,\n} from './styles';\n\nconst DSMobileBanner = ({\n  type,\n  isOpen,\n  closeButtonOnClick,\n  label,\n  body,\n  actionLinkLabel,\n  actionLinkHref,\n  actionLinkOnClick,\n  showCloseButton,\n  containerProps,\n  focusOnOpen,\n}: MobileBannerPropsT): JSX.Element => {\n  const innerContainerRef = useRef<HTMLDivElement | null>(null);\n  const closeRef = useRef<HTMLDivElement | null>(null);\n  const [current, setCurrent] = useState<boolean>(isOpen);\n  const [isAnimating, setIsAnimating] = useState<boolean>(false);\n  const [height, setHeight] = useState<number>(0);\n\n  useEffect(() => {\n    if (innerContainerRef.current) {\n      setHeight(innerContainerRef.current.offsetHeight);\n    }\n  }, [isAnimating, isOpen]);\n\n  useEffect(() => {\n    if (focusOnOpen && closeRef.current && isOpen) {\n      closeRef.current?.focus?.();\n    }\n  }, [focusOnOpen, isOpen]);\n\n  useLayoutEffect(() => {\n    if (isOpen !== current || isOpen) setIsAnimating(true);\n    else setIsAnimating(false);\n  }, [isOpen, current]);\n\n  if (!isAnimating && !isOpen) return null;\n\n  return (\n    <StyledBannerContainer\n      type={type}\n      isOpen={isOpen}\n      isAnimating={isAnimating}\n      onAnimationEnd={() => setCurrent(isOpen)}\n      height={height}\n      {...containerProps}\n      data-testid=\"ds-mobile-banner-container\"\n      role=\"alert\"\n    >\n      <StyledInnerContainer type={type} isOpen={isOpen} ref={innerContainerRef} isAnimating={isAnimating}>\n        <StyledIconContainer data-testid=\"ds-mobile-banner-icon\">{icons[type]}</StyledIconContainer>\n        <StyledContent showCloseButton={showCloseButton}>\n          <StyledTitle>{label}</StyledTitle>\n          <StyledSubTitle>\n            {body}\n            {actionLinkLabel && (\n              <StyledActionLink href={actionLinkHref} data-testid=\"ds-mobile-banner-link\" onClick={actionLinkOnClick}>\n                {actionLinkLabel}\n              </StyledActionLink>\n            )}\n          </StyledSubTitle>\n        </StyledContent>\n        {showCloseButton && (\n          <StyledCloseButtonContainer>\n            <StyledCloseButton\n              data-testid=\"ds-mobile-banner-close-button\"\n              buttonType=\"link\"\n              onClick={closeButtonOnClick}\n              aria-label=\"Close Banner\"\n              icon={<CloseX width=\"12px\" height=\"12px\" />}\n              innerRef={closeRef}\n            />\n          </StyledCloseButtonContainer>\n        )}\n      </StyledInnerContainer>\n    </StyledBannerContainer>\n  );\n};\n\nDSMobileBanner.defaultProps = defaultProps;\nDSMobileBanner.propTypes = propTypes;\nconst DSMobileBannerWithSchema = describe(DSMobileBanner);\nDSMobileBannerWithSchema.propTypes = propTypes;\n\nexport { DSMobileBanner, DSMobileBannerWithSchema };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACqC;AACrC,QAAM,oBAAoB,OAA8B;AACxD,QAAM,WAAW,OAA8B;AAC/C,QAAM,CAAC,SAAS,cAAc,SAAkB;AAChD,QAAM,CAAC,aAAa,kBAAkB,SAAkB;AACxD,QAAM,CAAC,QAAQ,aAAa,SAAiB;AAE7C,YAAU,MAAM;AACd,QAAI,kBAAkB,SAAS;AAC7B,gBAAU,kBAAkB,QAAQ;AAAA;AAAA,KAErC,CAAC,aAAa;AAEjB,YAAU,MAAM;AACd,QAAI,eAAe,SAAS,WAAW,QAAQ;AAC7C,eAAS,SAAS;AAAA;AAAA,KAEnB,CAAC,aAAa;AAEjB,kBAAgB,MAAM;AACpB,QAAI,WAAW,WAAW;AAAQ,qBAAe;AAAA;AAC5C,qBAAe;AAAA,KACnB,CAAC,QAAQ;AAEZ,MAAI,CAAC,eAAe,CAAC;AAAQ,WAAO;AAEpC,SACE,qCAAC,uBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,MAAM,WAAW;AAAA,IACjC;AAAA,OACI;AAAA,IACJ,eAAY;AAAA,IACZ,MAAK;AAAA,KAEL,qCAAC,sBAAD;AAAA,IAAsB;AAAA,IAAY;AAAA,IAAgB,KAAK;AAAA,IAAmB;AAAA,KACxE,qCAAC,qBAAD;AAAA,IAAqB,eAAY;AAAA,KAAyB,MAAM,QAChE,qCAAC,eAAD;AAAA,IAAe;AAAA,KACb,qCAAC,aAAD,MAAc,QACd,qCAAC,gBAAD,MACG,MACA,mBACC,qCAAC,kBAAD;AAAA,IAAkB,MAAM;AAAA,IAAgB,eAAY;AAAA,IAAwB,SAAS;AAAA,KAClF,oBAKR,mBACC,qCAAC,4BAAD,MACE,qCAAC,mBAAD;AAAA,IACE,eAAY;AAAA,IACZ,YAAW;AAAA,IACX,SAAS;AAAA,IACT,cAAW;AAAA,IACX,MAAM,qCAAC,QAAD;AAAA,MAAQ,OAAM;AAAA,MAAO,QAAO;AAAA;AAAA,IAClC,UAAU;AAAA;AAAA;AASxB,eAAe,eAAe;AAC9B,eAAe,YAAY;AAC3B,MAAM,2BAA2B,SAAS;AAC1C,yBAAyB,YAAY;",
-  "names": []
-}

package/dist/esm/MobileBanner/defaultProps.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileBanner/defaultProps.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { MOBILE_BANNER_TYPES } from './utils/bannerTypes';\n\nexport const defaultProps = {\n  type: MOBILE_BANNER_TYPES.SUCCESS,\n  isOpen: false,\n  closeButtonOnClick: () => null,\n  actionLinkLabel: null,\n  actionLinkHref: null,\n  actionLinkOnClick: () => null,\n  label: '',\n  body: '',\n  showCloseButton: true,\n  containerProps: {},\n  focusOnOpen: false,\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,eAAe;AAAA,EAC1B,MAAM,oBAAoB;AAAA,EAC1B,QAAQ;AAAA,EACR,oBAAoB,MAAM;AAAA,EAC1B,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,mBAAmB,MAAM;AAAA,EACzB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,aAAa;AAAA;",
-  "names": []
-}

package/dist/esm/MobileBanner/index.d.js

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

package/dist/esm/MobileBanner/index.d.js.map

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

package/dist/esm/MobileBanner/index.js

@@ -1,9 +0,0 @@
-import * as React from "react";
-import { DSMobileBanner, DSMobileBannerWithSchema } from "./MobileBanner";
-import { MOBILE_BANNER_TYPES } from "./utils/bannerTypes";
-export {
-  DSMobileBanner,
-  DSMobileBannerWithSchema,
-  MOBILE_BANNER_TYPES
-};
-//# sourceMappingURL=index.js.map

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

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

package/dist/esm/MobileBanner/propTypes.js

@@ -1,19 +0,0 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
-const propTypes = {
-  type: PropTypes.oneOf(["info", "success", "warning", "error"]).description("Type of banner"),
-  isOpen: PropTypes.bool.description("Whether the banner is open or not"),
-  closeButtonOnClick: PropTypes.func.description("OnClick function used in the close button"),
-  actionLinkLabel: PropTypes.string.description("Label used in the the action link"),
-  actionLinkHref: PropTypes.string.description("Href used in the the action link"),
-  actionLinkOnClick: PropTypes.string.description("OnClick function used in the action link"),
-  label: PropTypes.string.description("Label text for the banner"),
-  body: PropTypes.string.description("Body text for the banner"),
-  showCloseButton: PropTypes.bool.description("Whether the close button should be visible or not"),
-  containerProps: PropTypes.shape({}).description("Set of properties attached to the banner container"),
-  focusOnOpen: PropTypes.bool.description("Whether the banner should get focus when its openedWhether the banner should get focus when it's opened")
-};
-export {
-  propTypes
-};
-//# sourceMappingURL=propTypes.js.map

package/dist/esm/MobileBanner/propTypes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileBanner/propTypes.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n  type: PropTypes.oneOf(['info', 'success', 'warning', 'error']).description('Type of banner'),\n  isOpen: PropTypes.bool.description('Whether the banner is open or not'),\n  closeButtonOnClick: PropTypes.func.description('OnClick function used in the close button'),\n  actionLinkLabel: PropTypes.string.description('Label used in the the action link'),\n  actionLinkHref: PropTypes.string.description('Href used in the the action link'),\n  actionLinkOnClick: PropTypes.string.description('OnClick function used in the action link'),\n  label: PropTypes.string.description('Label text for the banner'),\n  body: PropTypes.string.description('Body text for the banner'),\n  showCloseButton: PropTypes.bool.description('Whether the close button should be visible or not'),\n  containerProps: PropTypes.shape({}).description('Set of properties attached to the banner container'),\n  focusOnOpen: PropTypes.bool.description(\n    \"Whether the banner should get focus when its openedWhether the banner should get focus when it's opened\",\n  ),\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,YAAY;AAAA,EACvB,MAAM,UAAU,MAAM,CAAC,QAAQ,WAAW,WAAW,UAAU,YAAY;AAAA,EAC3E,QAAQ,UAAU,KAAK,YAAY;AAAA,EACnC,oBAAoB,UAAU,KAAK,YAAY;AAAA,EAC/C,iBAAiB,UAAU,OAAO,YAAY;AAAA,EAC9C,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAC7C,mBAAmB,UAAU,OAAO,YAAY;AAAA,EAChD,OAAO,UAAU,OAAO,YAAY;AAAA,EACpC,MAAM,UAAU,OAAO,YAAY;AAAA,EACnC,iBAAiB,UAAU,KAAK,YAAY;AAAA,EAC5C,gBAAgB,UAAU,MAAM,IAAI,YAAY;AAAA,EAChD,aAAa,UAAU,KAAK,YAC1B;AAAA;",
-  "names": []
-}

package/dist/esm/MobileBanner/styles.js

@@ -1,99 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-import { toMobile } from "@elliemae/ds-system";
-import DSButton from "@elliemae/ds-button";
-import { handleAnimation, handleBorderColor } from "./utils/styleHelpers";
-const StyledInnerContainer = styled.div`
-  display: flex;
-  min-height: 68px;
-  width: 100%;
-  background-color: ${({ theme }) => theme.colors.neutral["000"]};
-  border-bottom: 4px solid ${({ type, theme }) => handleBorderColor(type, theme)};
-  transform: translateY(${({ isOpen }) => isOpen ? "0" : "-100%"});
-  ${({ isAnimating, isOpen }) => handleAnimation(isAnimating, isOpen)};
-`;
-const StyledTextContent = styled.div`
-  width: 100%;
-`;
-const StyledTitle = styled.div`
-  color: ${({ theme }) => theme.colors.neutral[700]};
-  font-size: ${({ theme }) => toMobile(theme.fontSizes.title[700])};
-  font-weight: ${({ theme }) => theme.fontWeights.semibold};
-  margin-bottom: ${({ theme }) => theme.space.xxs};
-  @media not all and (min-resolution: 0.001dpcm) {
-    @media {
-      -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render
-      -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render
-    }
-  }
-  @media screen and (min--moz-device-pixel-ratio: 0) {
-    -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render
-    -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render
-  }
-`;
-const StyledSubTitle = styled.div`
-  font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};
-  font-weight: ${({ theme }) => theme.fontWeights.regular};
-`;
-const StyledIconContainer = styled.div`
-  margin-top: 10px;
-  margin-right: ${({ theme }) => theme.space.xxs};
-  margin-left: ${({ theme }) => theme.space.xs};
-`;
-const StyledContent = styled.div`
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  margin: ${({ theme }) => theme.space.xxs2} 0;
-  margin-right: ${({ showCloseButton }) => !showCloseButton ? "28px" : "0"};
-`;
-const StyledCloseButtonContainer = styled.div`
-  display: flex;
-  align-items: flex-start;
-  margin-top: 6px;
-  margin-right: 6px;
-`;
-const StyledCloseButton = styled(DSButton)`
-  position: relative;
-  &:focus {
-    &:after {
-      display: block;
-      content: ' ';
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      border: 2px solid ${({ theme }) => theme.colors.brand[700]};
-      border-radius: 2px;
-      pointer-events: none;
-    }
-  }
-`;
-const StyledActionLink = styled.a`
-  text-decoration: none;
-  float: right;
-  margin-left: ${({ theme }) => theme.space.xs};
-  line-height: 1.1;
-  font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};
-  font-weight: ${({ theme }) => theme.fontWeights.regular};
-  color: ${({ theme }) => theme.colors.brand[600]};
-`;
-const StyledBannerContainer = styled.div`
-  overflow: hidden;
-  height: ${({ isOpen }) => isOpen ? "auto" : "0px"};
-  ${({ isAnimating, isOpen, height }) => handleAnimation(isAnimating, isOpen, height)};
-`;
-export {
-  StyledActionLink,
-  StyledBannerContainer,
-  StyledCloseButton,
-  StyledCloseButtonContainer,
-  StyledContent,
-  StyledIconContainer,
-  StyledInnerContainer,
-  StyledSubTitle,
-  StyledTextContent,
-  StyledTitle
-};
-//# sourceMappingURL=styles.js.map