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

package/esm/InfiniteLoader/VirtualizedInfiniteLoader.js

@@ -1,84 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState } from 'react';
-import { PropTypes, describe } from 'react-desc';
-import RWInfiniteLoader from 'react-window-infinite-loader';
-import { VariableSizeList } from 'react-window';
-import { jsx } from 'react/jsx-runtime';
-
-const VirtualizedInfiniteLoader = _ref => {
-  let {
-    moreItemsLoading = false,
-    hasNextPage = false,
-    isItemLoaded = () => true,
-    loadMoreItems,
-    getItemSize = () => 38,
-    height,
-    item: Row
-  } = _ref;
-  const [itemCount, setItemCount] = useState(10);
-
-  const loadMore = (startIndex, stopIndex) => {
-    if (hasNextPage) setItemCount(itemCount + 1);
-    return loadMoreItems(startIndex, stopIndex);
-  };
-
-  return /*#__PURE__*/_jsx("div", {
-    style: {
-      position: 'relative'
-    }
-  }, void 0, /*#__PURE__*/_jsx(RWInfiniteLoader, {
-    isItemLoaded: isItemLoaded,
-    itemCount: itemCount,
-    loadMoreItems: loadMore
-  }, void 0, _ref2 => {
-    let {
-      onItemsRendered,
-      ref
-    } = _ref2;
-    return /*#__PURE__*/jsx(VariableSizeList, {
-      className: "List",
-      height: height,
-      itemCount: itemCount,
-      itemSize: getItemSize,
-      onItemsRendered: onItemsRendered,
-      ref: ref,
-      width: "100%",
-      children: Row
-    });
-  }), moreItemsLoading && /*#__PURE__*/_jsx("div", {
-    style: {
-      position: 'absolute',
-      bottom: 0,
-      background: 'blue',
-      zIndex: 1
-    }
-  }, void 0, "Loading"));
-};
-
-const listProps = {
-  /** Function responsible for tracking the loaded state of each item. */
-  isItemLoaded: PropTypes.bool.description('Function responsible for tracking the loaded state of each item.'),
-
-  /**  Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading. */
-  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.'),
-
-  /** callback to get row item size */
-  getItemSize: PropTypes.func.description('callback to get row item size'),
-
-  /** height for the list */
-  height: PropTypes.number.description('height for the list'),
-
-  /** flag to know if virtual list should be on loading state */
-  moreItemsLoading: PropTypes.bool.description('flag to know if virtual list s'),
-
-  /** Row item to render */
-  item: PropTypes.element.description('Row item to render'),
-
-  /** flag for virtualized list */
-  hasNextPage: PropTypes.bool.description('flag for virtualized list')
-};
-const VirtualizedInfiniteLoaderWithSchema = describe(VirtualizedInfiniteLoader);
-VirtualizedInfiniteLoaderWithSchema.propTypes = listProps;
-
-export { VirtualizedInfiniteLoader, VirtualizedInfiniteLoaderWithSchema };

package/esm/InfiniteLoader/index.js

@@ -1,2 +0,0 @@
-export { InfiniteLoader, InfiniteLoaderWithSchema } from './Infiniteloader.js';
-export { VirtualizedInfiniteLoader, VirtualizedInfiniteLoaderWithSchema } from './VirtualizedInfiniteLoader.js';

package/esm/InfiniteLoader/styled.js

@@ -1,7 +0,0 @@
-import styled from 'styled-components';
-
-const LoaderBox = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-ejumr4-0"
-})(["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 };

package/esm/LoadingPage/Page.js

@@ -1,79 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.constructor.js';
-import 'core-js/modules/esnext.async-iterator.to-array.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.to-array.js';
-import 'core-js/modules/esnext.async-iterator.filter.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 React, { useState, useRef, useEffect } from 'react';
-import { withTheme } from '@elliemae/ds-system';
-import { get } from 'lodash';
-import styled from 'styled-components';
-import Backdrop from '@elliemae/ds-backdrop';
-import { jsxs, Fragment } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const LoadingPageLoader = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-wx0z8k-0"
-})(["", ";z-index:", ";top:25%;left:15%;width:70%;height:75%;display:flex;flex-direction:column;align-items:center;"], _ref => {
-  let {
-    type
-  } = _ref;
-  return type === 'cover' ? 'position: fixed' : 'position: absolute';
-}, props => props.zIndex);
-
-const LoadingPage = _ref2 => {
-  let {
-    backdropZIndex,
-    children,
-    loader,
-    loading,
-    type = 'fill',
-    zIndex = 1
-  } = _ref2;
-  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__*/_jsx(Backdrop, {
-    type: type,
-    zIndex: backdropZIndex
-  });
-
-  const Loader = loader && loading && /*#__PURE__*/_jsx(LoadingPageLoader, {
-    zIndex: zIndex,
-    type: type,
-    hide: !loading
-  }, void 0, loader);
-
-  const injectRefPosition = child => /*#__PURE__*/React.cloneElement(React.Children.only(child), {
-    ref: childRef,
-    children: React.Children.toArray(child.props.children).concat([Loader, Back]),
-    style: _objectSpread(_objectSpread({}, get(child, 'props.style', {})), {}, {
-      position: position === 'static' ? 'relative' : position
-    })
-  });
-
-  if (React.Children.count(children) === 0) {
-    return /*#__PURE__*/jsxs(Fragment, {
-      children: [Loader, Back]
-    });
-  }
-
-  return injectRefPosition(children);
-};
-
-const DSMobileLoadingPage = withTheme(LoadingPage);
-
-export { DSMobileLoadingPage };

package/esm/LoadingPage/index.js

@@ -1,2 +0,0 @@
-import { DSMobileLoadingPage } from './Page.js';
-export { DSMobileLoadingPage, DSMobileLoadingPage as default } from './Page.js';

package/esm/MobileActionToolbar/MobileActionToolbar.js

@@ -1,44 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import { Grid } from '@elliemae/ds-grid';
-import styled from 'styled-components';
-import { withTheme } from '@elliemae/ds-system';
-export { default as ToolbarItem } from './MobileActionToolbarItem.js';
-
-const ToolStrip = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-162vd15-0"
-})(["display:flex;justify-content:space-around;align-items:center;background-color:", ";"], props => props.theme.colors.neutral['000']);
-
-const Toolbar = _ref => {
-  let {
-    withDepth = true,
-    buttons = [],
-    theme
-  } = _ref;
-  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__*/_jsx(ToolStrip, {
-    rows: rows,
-    height: toolbarHeight,
-    style: borderStyle
-  }, void 0, buttons);
-};
-
-const props = {
-  /** toggle box shadow for buttons border */
-  withDepth: PropTypes.bool.description('toggle box shadow for buttons border'),
-
-  /** button array for the mobile action toolbar */
-  buttons: PropTypes.arrayOf(PropTypes.element).description('button array for the mobile action toolbar')
-};
-const DSMobileActionToolbar = withTheme(Toolbar);
-const DSMobileActionToolbarWithSchema = describe(DSMobileActionToolbar);
-DSMobileActionToolbarWithSchema.propTypes = props;
-
-export { DSMobileActionToolbarWithSchema, DSMobileActionToolbar as default };

package/esm/MobileActionToolbar/MobileActionToolbarItem.js

@@ -1,43 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React from 'react';
-import { PropTypes, describe } from 'react-desc';
-import DSButton from '@elliemae/ds-button';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["icon"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const ToolbarItem = _ref => {
-  let {
-    icon
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  const displayIcon = /*#__PURE__*/React.cloneElement(icon, {
-    size: 'm'
-  });
-  return /*#__PURE__*/jsx(DSButton, _objectSpread(_objectSpread({}, otherProps), {}, {
-    buttonType: "text",
-    icon: displayIcon,
-    size: "m"
-  }));
-};
-
-ToolbarItem.displayName = 'ToolbarItem';
-const props = {
-  /** toolbar item icon */
-  icon: PropTypes.element.description('Toolbar item icon')
-};
-const DSToolbarItemWithSchema = describe(ToolbarItem);
-DSToolbarItemWithSchema.propTypes = props;
-
-export { DSToolbarItemWithSchema, ToolbarItem as default };

package/esm/MobileActionToolbar/index.js

@@ -1,2 +0,0 @@
-export { DSMobileActionToolbarWithSchema, default } from './MobileActionToolbar.js';
-export { DSToolbarItemWithSchema, default as ToolbarItem } from './MobileActionToolbarItem.js';

package/esm/MobileBanner/MobileBanner.js

@@ -1,100 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useRef, useState, useEffect, useLayoutEffect } from 'react';
-import { CloseX } from '@elliemae/ds-icons';
-import { describe } from 'react-desc';
-import { icons } from './utils/icons.js';
-import { propTypes } from './propTypes.js';
-import { defaultProps } from './defaultProps.js';
-import { StyledBannerContainer, StyledInnerContainer, StyledIconContainer, StyledContent, StyledTitle, StyledSubTitle, StyledActionLink, StyledCloseButtonContainer, StyledCloseButton } from './styles.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var _CloseX;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const DSMobileBanner = _ref => {
-  let {
-    type,
-    isOpen,
-    closeButtonOnClick,
-    label,
-    body,
-    actionLinkLabel,
-    actionLinkHref,
-    actionLinkOnClick,
-    showCloseButton,
-    containerProps,
-    focusOnOpen
-  } = _ref;
-  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) {
-      var _closeRef$current, _closeRef$current$foc;
-
-      (_closeRef$current = closeRef.current) === null || _closeRef$current === void 0 ? void 0 : (_closeRef$current$foc = _closeRef$current.focus) === null || _closeRef$current$foc === void 0 ? void 0 : _closeRef$current$foc.call(_closeRef$current);
-    }
-  }, [focusOnOpen, isOpen]);
-  useLayoutEffect(() => {
-    if (isOpen !== current || isOpen) setIsAnimating(true);else setIsAnimating(false);
-  }, [isOpen, current]);
-  if (!isAnimating && !isOpen) return null;
-  return /*#__PURE__*/jsx(StyledBannerContainer, _objectSpread(_objectSpread({
-    type: type,
-    isOpen: isOpen,
-    isAnimating: isAnimating,
-    onAnimationEnd: () => setCurrent(isOpen),
-    height: height
-  }, containerProps), {}, {
-    "data-testid": "ds-mobile-banner-container",
-    role: "alert",
-    children: /*#__PURE__*/jsxs(StyledInnerContainer, {
-      type: type,
-      isOpen: isOpen,
-      ref: innerContainerRef,
-      isAnimating: isAnimating,
-      children: [/*#__PURE__*/_jsx(StyledIconContainer, {
-        "data-testid": "ds-mobile-banner-icon"
-      }, void 0, icons[type]), /*#__PURE__*/_jsx(StyledContent, {
-        showCloseButton: showCloseButton
-      }, void 0, /*#__PURE__*/_jsx(StyledTitle, {}, void 0, label), /*#__PURE__*/_jsx(StyledSubTitle, {}, void 0, body, actionLinkLabel && /*#__PURE__*/_jsx(StyledActionLink, {
-        href: actionLinkHref,
-        "data-testid": "ds-mobile-banner-link",
-        onClick: actionLinkOnClick
-      }, void 0, actionLinkLabel))), showCloseButton && /*#__PURE__*/_jsx(StyledCloseButtonContainer, {}, void 0, /*#__PURE__*/_jsx(StyledCloseButton, {
-        "data-testid": "ds-mobile-banner-close-button",
-        buttonType: "link",
-        onClick: closeButtonOnClick,
-        "aria-label": "Close Banner",
-        icon: _CloseX || (_CloseX = /*#__PURE__*/_jsx(CloseX, {
-          width: "12px",
-          height: "12px"
-        })),
-        innerRef: closeRef
-      }))]
-    })
-  }));
-};
-
-DSMobileBanner.defaultProps = defaultProps;
-const DSMobileBannerWithSchema = describe(DSMobileBanner);
-DSMobileBannerWithSchema.propTypes = propTypes;
-
-export { DSMobileBanner, DSMobileBannerWithSchema };

package/esm/MobileBanner/index.d.js

@@ -1 +0,0 @@
-

package/esm/MobileBanner/index.js

@@ -1,2 +0,0 @@
-export { DSMobileBanner, DSMobileBannerWithSchema } from './MobileBanner.js';
-export { MOBILE_BANNER_TYPES } from './utils/bannerTypes.js';

package/esm/MobileBanner/propTypes.js

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

package/esm/MobileBanner/styles.js

@@ -1,156 +0,0 @@
-import styled from 'styled-components';
-import { toMobile } from '@elliemae/ds-system';
-import DSButton from '@elliemae/ds-button';
-import { handleBorderColor, handleAnimation } from './utils/styleHelpers.js';
-
-const StyledInnerContainer = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-4jnp92-0"
-})(["display:flex;min-height:68px;width:100%;background-color:", ";border-bottom:4px solid ", ";transform:translateY(", ");", ";"], _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.colors.neutral['000'];
-}, _ref2 => {
-  let {
-    type,
-    theme
-  } = _ref2;
-  return handleBorderColor(type, theme);
-}, _ref3 => {
-  let {
-    isOpen
-  } = _ref3;
-  return isOpen ? '0' : '-100%';
-}, _ref4 => {
-  let {
-    isAnimating,
-    isOpen
-  } = _ref4;
-  return handleAnimation(isAnimating, isOpen);
-});
-const StyledTextContent = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-4jnp92-1"
-})(["width:100%;"]);
-const StyledTitle = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-4jnp92-2"
-})(["color:", ";font-size:", ";font-weight:", ";margin-bottom:", ";@media not all and (min-resolution:0.001dpcm){@media{-webkit-font-smoothing:subpixel-antialiased;-webkit-text-stroke:0.4px ", ";}}@media screen and (min--moz-device-pixel-ratio:0){-webkit-font-smoothing:subpixel-antialiased;-webkit-text-stroke:0.4px ", ";}"], _ref5 => {
-  let {
-    theme
-  } = _ref5;
-  return theme.colors.neutral[700];
-}, _ref6 => {
-  let {
-    theme
-  } = _ref6;
-  return toMobile(theme.fontSizes.title[700]);
-}, _ref7 => {
-  let {
-    theme
-  } = _ref7;
-  return theme.fontWeights.semibold;
-}, _ref8 => {
-  let {
-    theme
-  } = _ref8;
-  return theme.space.xxs;
-}, _ref9 => {
-  let {
-    theme
-  } = _ref9;
-  return theme.colors.neutral[700];
-}, _ref10 => {
-  let {
-    theme
-  } = _ref10;
-  return theme.colors.neutral[700];
-});
-const StyledSubTitle = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-4jnp92-3"
-})(["font-size:", ";font-weight:", ";"], _ref11 => {
-  let {
-    theme
-  } = _ref11;
-  return toMobile(theme.fontSizes.title[600]);
-}, _ref12 => {
-  let {
-    theme
-  } = _ref12;
-  return theme.fontWeights.regular;
-});
-const StyledIconContainer = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-4jnp92-4"
-})(["margin-top:10px;margin-right:", ";margin-left:", ";"], _ref13 => {
-  let {
-    theme
-  } = _ref13;
-  return theme.space.xxs;
-}, _ref14 => {
-  let {
-    theme
-  } = _ref14;
-  return theme.space.xs;
-});
-const StyledContent = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-4jnp92-5"
-})(["width:100%;display:flex;flex-direction:column;margin:", " 0;margin-right:", ";"], _ref15 => {
-  let {
-    theme
-  } = _ref15;
-  return theme.space.xxs2;
-}, _ref16 => {
-  let {
-    showCloseButton
-  } = _ref16;
-  return !showCloseButton ? '28px' : '0';
-});
-const StyledCloseButtonContainer = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-4jnp92-6"
-})(["display:flex;align-items:flex-start;margin-top:6px;margin-right:6px;"]);
-const StyledCloseButton = /*#__PURE__*/styled(DSButton).withConfig({
-  componentId: "sc-4jnp92-7"
-})(["position:relative;&:focus{&:after{display:block;content:' ';position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid ", ";border-radius:2px;pointer-events:none;}}"], _ref17 => {
-  let {
-    theme
-  } = _ref17;
-  return theme.colors.brand[700];
-});
-const StyledActionLink = /*#__PURE__*/styled.a.withConfig({
-  componentId: "sc-4jnp92-8"
-})(["text-decoration:none;float:right;margin-left:", ";line-height:1.1;font-size:", ";font-weight:", ";color:", ";"], _ref18 => {
-  let {
-    theme
-  } = _ref18;
-  return theme.space.xs;
-}, _ref19 => {
-  let {
-    theme
-  } = _ref19;
-  return toMobile(theme.fontSizes.title[600]);
-}, _ref20 => {
-  let {
-    theme
-  } = _ref20;
-  return theme.fontWeights.regular;
-}, _ref21 => {
-  let {
-    theme
-  } = _ref21;
-  return theme.colors.brand[600];
-});
-const StyledBannerContainer = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-4jnp92-9"
-})(["overflow:hidden;height:", ";", ";"], _ref22 => {
-  let {
-    isOpen
-  } = _ref22;
-  return isOpen ? 'auto' : '0px';
-}, _ref23 => {
-  let {
-    isAnimating,
-    isOpen,
-    height
-  } = _ref23;
-  return handleAnimation(isAnimating, isOpen, height);
-});
-
-export { StyledActionLink, StyledBannerContainer, StyledCloseButton, StyledCloseButtonContainer, StyledContent, StyledIconContainer, StyledInnerContainer, StyledSubTitle, StyledTextContent, StyledTitle };

package/esm/MobileBanner/utils/bannerTypes.js

@@ -1,8 +0,0 @@
-const MOBILE_BANNER_TYPES = {
-  INFO: 'info',
-  SUCCESS: 'success',
-  WARNING: 'warning',
-  ERROR: 'error'
-};
-
-export { MOBILE_BANNER_TYPES };

package/esm/MobileBanner/utils/icons.js

@@ -1,24 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { SuccessFill, InfoFill, AlertsDetailFill, WarningSquare } from '@elliemae/ds-icons';
-
-const icons = {
-  success: /*#__PURE__*/_jsx(SuccessFill, {
-    fill: "#207e56"
-  }),
-  info: /*#__PURE__*/_jsx(InfoFill, {
-    fill: "#1e79c2"
-  }),
-  error: /*#__PURE__*/_jsx(AlertsDetailFill, {
-    width: "24px",
-    height: "24px",
-    fill: "#c64252"
-  }),
-  warning: /*#__PURE__*/_jsx(WarningSquare, {
-    width: "24px",
-    height: "24px",
-    fill: "#d17a00"
-  })
-};
-
-export { icons };

package/esm/MobileBanner/utils/styleHelpers.js

@@ -1,41 +0,0 @@
-import _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import { kfrm, css } from '@elliemae/ds-system';
-import { MOBILE_BANNER_TYPES } from './bannerTypes.js';
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-const slideIn = kfrm(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    transform: translate3d(0, -100%, 0);\n  }\n  100% {\n    transform: translate3d(0, 0, 0);\n  }\n"])));
-const slideOut = kfrm(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  0% {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n  60% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 0;\n    transform: translate3d(0, -100%, 0);\n  }\n"])));
-const spanContainer = height => kfrm(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  0% {\n    height: 0px;\n  }\n  100% {\n    height: ", "px;\n  }\n"])), height);
-const shrinkContainer = height => kfrm(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  0% {\n    height: ", "px;\n  }\n  100% {\n    height: 0px;\n  }\n"])), height);
-const handleBorderColor = (type, _ref) => {
-  let {
-    colors
-  } = _ref;
-
-  switch (type) {
-    case MOBILE_BANNER_TYPES.SUCCESS:
-      return colors.success[900];
-
-    case MOBILE_BANNER_TYPES.INFO:
-      return colors.brand[600];
-
-    case MOBILE_BANNER_TYPES.WARNING:
-      return colors.warning[900];
-
-    case MOBILE_BANNER_TYPES.ERROR:
-      return colors.danger[900];
-  }
-};
-const handleAnimation = function (isAnimating, isOpen) {
-  let height = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-
-  if (isAnimating) {
-    if (isOpen) {
-      return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        animation: ", " 0.5s ease-in;\n      "])), height ? spanContainer(height) : slideIn);
-    } else {
-      return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        animation: ", " 0.5s ease-in;\n      "])), height ? shrinkContainer(height) : slideOut);
-    }
-  }
-};
-
-export { handleAnimation, handleBorderColor, shrinkContainer, slideIn, slideOut, spanContainer };

package/esm/MobileCard/ActionAddon.js

@@ -1,25 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import styled from 'styled-components';
-import { ChevronSmallDown } from '@elliemae/ds-icons';
-import DSButton from '@elliemae/ds-button';
-
-const Addon = /*#__PURE__*/styled(DSButton).withConfig({
-  componentId: "sc-afblfw-0"
-})(["background-color:transparent;padding-right:4px;height:100%;border:none;font-size:12px;font-weight:", ";color:", ";cursor:pointer;&:focus,&::after{background-color:transparent;box-shadow:none !important;border:none !important;}"], props => props.theme.fontWeights.semibold, props => props.theme.colors.brand['700']);
-const ActionAddon = _ref => {
-  let {
-    label,
-    onClick,
-    icon
-  } = _ref;
-  return /*#__PURE__*/_jsx(Addon, {
-    onClick: onClick,
-    labelText: label,
-    icon: icon || /*#__PURE__*/_jsx(ChevronSmallDown, {
-      color: ['brand-primary', 700]
-    })
-  });
-};
-
-export { ActionAddon };