@elliemae/ds-mobile 1.60.0 → 2.0.0-alpha.12

package/cjs/MobileBanner/MobileBanner.js

@@ -2,116 +2,109 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var dsIcons = require('@elliemae/ds-icons');
 var reactDesc = require('react-desc');
-var MobileBanner_utils_icons = require('./utils/icons.js');
-var MobileBanner_propTypes = require('./propTypes.js');
-var MobileBanner_defaultProps = require('./defaultProps.js');
-var MobileBanner_styles = require('./styles.js');
-require('./utils/bannerTypes.js');
-require('styled-components');
-require('@elliemae/ds-system');
-require('@elliemae/ds-button');
-require('./utils/styleHelpers.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
+var icons = require('./utils/icons.js');
+var propTypes = require('./propTypes.js');
+var defaultProps = require('./defaultProps.js');
+var styles = require('./styles.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var DSMobileBanner = function DSMobileBanner(_ref) {
-  var type = _ref.type,
-      isOpen = _ref.isOpen,
-      closeButtonOnClick = _ref.closeButtonOnClick,
-      label = _ref.label,
-      body = _ref.body,
-      actionLinkLabel = _ref.actionLinkLabel,
-      actionLinkHref = _ref.actionLinkHref,
-      actionLinkOnClick = _ref.actionLinkOnClick,
-      showCloseButton = _ref.showCloseButton,
-      containerProps = _ref.containerProps,
-      focusOnOpen = _ref.focusOnOpen;
-  var innerContainerRef = React.useRef(null);
-  var closeRef = React.useRef(null);
+var _CloseX;
 
-  var _useState = React.useState(isOpen),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      current = _useState2[0],
-      setCurrent = _useState2[1];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-  var _useState3 = React.useState(false),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      isAnimating = _useState4[0],
-      setIsAnimating = _useState4[1];
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  var _useState5 = React.useState(0),
-      _useState6 = _slicedToArray__default['default'](_useState5, 2),
-      height = _useState6[0],
-      setHeight = _useState6[1];
-
-  React.useEffect(function () {
+const DSMobileBanner = _ref => {
+  let {
+    type,
+    isOpen,
+    closeButtonOnClick,
+    label,
+    body,
+    actionLinkLabel,
+    actionLinkHref,
+    actionLinkOnClick,
+    showCloseButton,
+    containerProps,
+    focusOnOpen
+  } = _ref;
+  const innerContainerRef = React.useRef(null);
+  const closeRef = React.useRef(null);
+  const [current, setCurrent] = React.useState(isOpen);
+  const [isAnimating, setIsAnimating] = React.useState(false);
+  const [height, setHeight] = React.useState(0);
+  React.useEffect(() => {
     if (innerContainerRef.current) {
       setHeight(innerContainerRef.current.offsetHeight);
     }
   }, [isAnimating, isOpen]);
-  React.useEffect(function () {
+  React.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]);
-  React.useLayoutEffect(function () {
+  React.useLayoutEffect(() => {
     if (isOpen !== current || isOpen) setIsAnimating(true);else setIsAnimating(false);
   }, [isOpen, current]);
   if (!isAnimating && !isOpen) return null;
-  return /*#__PURE__*/React__default['default'].createElement(MobileBanner_styles.StyledBannerContainer, _extends__default['default']({
+  return /*#__PURE__*/jsxRuntime.jsx(styles.StyledBannerContainer, _objectSpread(_objectSpread({
     type: type,
     isOpen: isOpen,
     isAnimating: isAnimating,
-    onAnimationEnd: function onAnimationEnd() {
-      return setCurrent(isOpen);
-    },
+    onAnimationEnd: () => setCurrent(isOpen),
     height: height
-  }, containerProps, {
+  }, containerProps), {}, {
     "data-testid": "ds-mobile-banner-container",
-    role: "alert"
-  }), /*#__PURE__*/React__default['default'].createElement(MobileBanner_styles.StyledInnerContainer, {
-    type: type,
-    isOpen: isOpen,
-    ref: innerContainerRef,
-    isAnimating: isAnimating
-  }, /*#__PURE__*/React__default['default'].createElement(MobileBanner_styles.StyledIconContainer, {
-    "data-testid": "ds-mobile-banner-icon"
-  }, MobileBanner_utils_icons.icons[type]), /*#__PURE__*/React__default['default'].createElement(MobileBanner_styles.StyledContent, {
-    showCloseButton: showCloseButton
-  }, /*#__PURE__*/React__default['default'].createElement(MobileBanner_styles.StyledTitle, null, label), /*#__PURE__*/React__default['default'].createElement(MobileBanner_styles.StyledSubTitle, null, body, actionLinkLabel && /*#__PURE__*/React__default['default'].createElement(MobileBanner_styles.StyledActionLink, {
-    href: actionLinkHref,
-    "data-testid": "ds-mobile-banner-link",
-    onClick: actionLinkOnClick
-  }, actionLinkLabel))), showCloseButton && /*#__PURE__*/React__default['default'].createElement(MobileBanner_styles.StyledCloseButtonContainer, null, /*#__PURE__*/React__default['default'].createElement(MobileBanner_styles.StyledCloseButton, {
-    "data-testid": "ds-mobile-banner-close-button",
-    buttonType: "link",
-    onClick: closeButtonOnClick,
-    "aria-label": "Close Banner",
-    icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.CloseX, {
-      width: "12px",
-      height: "12px"
-    }),
-    innerRef: closeRef
-  }))));
+    role: "alert",
+    children: /*#__PURE__*/jsxRuntime.jsxs(styles.StyledInnerContainer, {
+      type: type,
+      isOpen: isOpen,
+      ref: innerContainerRef,
+      isAnimating: isAnimating,
+      children: [/*#__PURE__*/_jsx__default["default"](styles.StyledIconContainer, {
+        "data-testid": "ds-mobile-banner-icon"
+      }, void 0, icons.icons[type]), /*#__PURE__*/_jsx__default["default"](styles.StyledContent, {
+        showCloseButton: showCloseButton
+      }, void 0, /*#__PURE__*/_jsx__default["default"](styles.StyledTitle, {}, void 0, label), /*#__PURE__*/_jsx__default["default"](styles.StyledSubTitle, {}, void 0, body, actionLinkLabel && /*#__PURE__*/_jsx__default["default"](styles.StyledActionLink, {
+        href: actionLinkHref,
+        "data-testid": "ds-mobile-banner-link",
+        onClick: actionLinkOnClick
+      }, void 0, actionLinkLabel))), showCloseButton && /*#__PURE__*/_jsx__default["default"](styles.StyledCloseButtonContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](styles.StyledCloseButton, {
+        "data-testid": "ds-mobile-banner-close-button",
+        buttonType: "link",
+        onClick: closeButtonOnClick,
+        "aria-label": "Close Banner",
+        icon: _CloseX || (_CloseX = /*#__PURE__*/_jsx__default["default"](dsIcons.CloseX, {
+          width: "12px",
+          height: "12px"
+        })),
+        innerRef: closeRef
+      }))]
+    })
+  }));
 };
 
-DSMobileBanner.defaultProps = MobileBanner_defaultProps.defaultProps;
-DSMobileBanner.propTypes = MobileBanner_propTypes.propTypes;
-var DSMobileBannerWithSchema = reactDesc.describe(DSMobileBanner);
-DSMobileBannerWithSchema.propTypes = MobileBanner_propTypes.propTypes;
+DSMobileBanner.defaultProps = defaultProps.defaultProps;
+const DSMobileBannerWithSchema = reactDesc.describe(DSMobileBanner);
+DSMobileBannerWithSchema.propTypes = propTypes.propTypes;
 
 exports.DSMobileBanner = DSMobileBanner;
 exports.DSMobileBannerWithSchema = DSMobileBannerWithSchema;
-//# sourceMappingURL=MobileBanner.js.map

package/cjs/MobileBanner/defaultProps.js

@@ -2,19 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MobileBanner_utils_bannerTypes = require('./utils/bannerTypes.js');
+var bannerTypes = require('./utils/bannerTypes.js');
 
-var defaultProps = {
-  type: MobileBanner_utils_bannerTypes.MOBILE_BANNER_TYPES.SUCCESS,
+const defaultProps = {
+  type: bannerTypes.MOBILE_BANNER_TYPES.SUCCESS,
   isOpen: false,
-  closeButtonOnClick: function closeButtonOnClick() {
-    return null;
-  },
+  closeButtonOnClick: () => null,
   actionLinkLabel: null,
   actionLinkHref: null,
-  actionLinkOnClick: function actionLinkOnClick() {
-    return null;
-  },
+  actionLinkOnClick: () => null,
   label: '',
   body: '',
   showCloseButton: true,
@@ -23,4 +19,3 @@ var defaultProps = {
 };
 
 exports.defaultProps = defaultProps;
-//# sourceMappingURL=defaultProps.js.map

package/cjs/MobileBanner/index.d.js

@@ -1,3 +1,2 @@
 'use strict';
 
-//# sourceMappingURL=index.d.js.map

package/cjs/MobileBanner/index.js

@@ -2,26 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MobileBanner_MobileBanner = require('./MobileBanner.js');
-var MobileBanner_utils_bannerTypes = require('./utils/bannerTypes.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/slicedToArray');
-require('react');
-require('@elliemae/ds-icons');
-require('react-desc');
-require('./utils/icons.js');
-require('./propTypes.js');
-require('./defaultProps.js');
-require('./styles.js');
-require('styled-components');
-require('@elliemae/ds-system');
-require('@elliemae/ds-button');
-require('./utils/styleHelpers.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
+var MobileBanner = require('./MobileBanner.js');
+var bannerTypes = require('./utils/bannerTypes.js');
 
 
 
-exports.DSMobileBanner = MobileBanner_MobileBanner.DSMobileBanner;
-exports.DSMobileBannerWithSchema = MobileBanner_MobileBanner.DSMobileBannerWithSchema;
-exports.MOBILE_BANNER_TYPES = MobileBanner_utils_bannerTypes.MOBILE_BANNER_TYPES;
-//# sourceMappingURL=index.js.map
+exports.DSMobileBanner = MobileBanner.DSMobileBanner;
+exports.DSMobileBannerWithSchema = MobileBanner.DSMobileBannerWithSchema;
+exports.MOBILE_BANNER_TYPES = bannerTypes.MOBILE_BANNER_TYPES;

package/cjs/MobileBanner/propTypes.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var reactDesc = require('react-desc');
 
-var propTypes = {
+const propTypes = {
   type: reactDesc.PropTypes.oneOf(['info', 'success', 'warning', 'error']).description('Type of banner'),
   isOpen: reactDesc.PropTypes.bool.description('Whether the banner is open or not'),
   closeButtonOnClick: reactDesc.PropTypes.func.description('OnClick function used in the close button'),
@@ -19,4 +19,3 @@ var propTypes = {
 };
 
 exports.propTypes = propTypes;
-//# sourceMappingURL=propTypes.js.map

package/cjs/MobileBanner/styles.js

@@ -5,117 +5,161 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var styled = require('styled-components');
 var dsSystem = require('@elliemae/ds-system');
 var DSButton = require('@elliemae/ds-button');
-var MobileBanner_utils_styleHelpers = require('./utils/styleHelpers.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('./utils/bannerTypes.js');
+var styleHelpers = require('./utils/styleHelpers.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-var StyledInnerContainer = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledInnerContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-4jnp92-0"
-})(["display:flex;min-height:68px;width:100%;background-color:", ";border-bottom:4px solid ", ";transform:translateY(", ");", ";"], function (_ref) {
-  var theme = _ref.theme;
+})(["display:flex;min-height:68px;width:100%;background-color:", ";border-bottom:4px solid ", ";transform:translateY(", ");", ";"], _ref => {
+  let {
+    theme
+  } = _ref;
   return theme.colors.neutral['000'];
-}, function (_ref2) {
-  var type = _ref2.type,
-      theme = _ref2.theme;
-  return MobileBanner_utils_styleHelpers.handleBorderColor(type, theme);
-}, function (_ref3) {
-  var isOpen = _ref3.isOpen;
+}, _ref2 => {
+  let {
+    type,
+    theme
+  } = _ref2;
+  return styleHelpers.handleBorderColor(type, theme);
+}, _ref3 => {
+  let {
+    isOpen
+  } = _ref3;
   return isOpen ? '0' : '-100%';
-}, function (_ref4) {
-  var isAnimating = _ref4.isAnimating,
-      isOpen = _ref4.isOpen;
-  return MobileBanner_utils_styleHelpers.handleAnimation(isAnimating, isOpen);
+}, _ref4 => {
+  let {
+    isAnimating,
+    isOpen
+  } = _ref4;
+  return styleHelpers.handleAnimation(isAnimating, isOpen);
 });
-var StyledTextContent = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledTextContent = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-4jnp92-1"
 })(["width:100%;"]);
-var StyledTitle = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledTitle = /*#__PURE__*/styled__default["default"].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 ", ";}"], function (_ref5) {
-  var theme = _ref5.theme;
+})(["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];
-}, function (_ref6) {
-  var theme = _ref6.theme;
+}, _ref6 => {
+  let {
+    theme
+  } = _ref6;
   return dsSystem.toMobile(theme.fontSizes.title[700]);
-}, function (_ref7) {
-  var theme = _ref7.theme;
+}, _ref7 => {
+  let {
+    theme
+  } = _ref7;
   return theme.fontWeights.semibold;
-}, function (_ref8) {
-  var theme = _ref8.theme;
+}, _ref8 => {
+  let {
+    theme
+  } = _ref8;
   return theme.space.xxs;
-}, function (_ref9) {
-  var theme = _ref9.theme;
+}, _ref9 => {
+  let {
+    theme
+  } = _ref9;
   return theme.colors.neutral[700];
-}, function (_ref10) {
-  var theme = _ref10.theme;
+}, _ref10 => {
+  let {
+    theme
+  } = _ref10;
   return theme.colors.neutral[700];
 });
-var StyledSubTitle = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledSubTitle = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-4jnp92-3"
-})(["font-size:", ";font-weight:", ";"], function (_ref11) {
-  var theme = _ref11.theme;
+})(["font-size:", ";font-weight:", ";"], _ref11 => {
+  let {
+    theme
+  } = _ref11;
   return dsSystem.toMobile(theme.fontSizes.title[600]);
-}, function (_ref12) {
-  var theme = _ref12.theme;
+}, _ref12 => {
+  let {
+    theme
+  } = _ref12;
   return theme.fontWeights.regular;
 });
-var StyledIconContainer = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledIconContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-4jnp92-4"
-})(["margin-top:10px;margin-right:", ";margin-left:", ";"], function (_ref13) {
-  var theme = _ref13.theme;
+})(["margin-top:10px;margin-right:", ";margin-left:", ";"], _ref13 => {
+  let {
+    theme
+  } = _ref13;
   return theme.space.xxs;
-}, function (_ref14) {
-  var theme = _ref14.theme;
+}, _ref14 => {
+  let {
+    theme
+  } = _ref14;
   return theme.space.xs;
 });
-var StyledContent = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledContent = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-4jnp92-5"
-})(["width:100%;display:flex;flex-direction:column;margin:", " 0;margin-right:", ";"], function (_ref15) {
-  var theme = _ref15.theme;
+})(["width:100%;display:flex;flex-direction:column;margin:", " 0;margin-right:", ";"], _ref15 => {
+  let {
+    theme
+  } = _ref15;
   return theme.space.xxs2;
-}, function (_ref16) {
-  var showCloseButton = _ref16.showCloseButton;
+}, _ref16 => {
+  let {
+    showCloseButton
+  } = _ref16;
   return !showCloseButton ? '28px' : '0';
 });
-var StyledCloseButtonContainer = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledCloseButtonContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-4jnp92-6"
 })(["display:flex;align-items:flex-start;margin-top:6px;margin-right:6px;"]);
-var StyledCloseButton = /*#__PURE__*/styled__default['default'](DSButton__default['default']).withConfig({
+const StyledCloseButton = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).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;}}"], function (_ref17) {
-  var theme = _ref17.theme;
+})(["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];
 });
-var StyledActionLink = /*#__PURE__*/styled__default['default'].a.withConfig({
+const StyledActionLink = /*#__PURE__*/styled__default["default"].a.withConfig({
   componentId: "sc-4jnp92-8"
-})(["text-decoration:none;float:right;margin-left:", ";line-height:1.1;font-size:", ";font-weight:", ";color:", ";"], function (_ref18) {
-  var theme = _ref18.theme;
+})(["text-decoration:none;float:right;margin-left:", ";line-height:1.1;font-size:", ";font-weight:", ";color:", ";"], _ref18 => {
+  let {
+    theme
+  } = _ref18;
   return theme.space.xs;
-}, function (_ref19) {
-  var theme = _ref19.theme;
+}, _ref19 => {
+  let {
+    theme
+  } = _ref19;
   return dsSystem.toMobile(theme.fontSizes.title[600]);
-}, function (_ref20) {
-  var theme = _ref20.theme;
+}, _ref20 => {
+  let {
+    theme
+  } = _ref20;
   return theme.fontWeights.regular;
-}, function (_ref21) {
-  var theme = _ref21.theme;
+}, _ref21 => {
+  let {
+    theme
+  } = _ref21;
   return theme.colors.brand[600];
 });
-var StyledBannerContainer = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledBannerContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-4jnp92-9"
-})(["overflow:hidden;height:", ";", ";"], function (_ref22) {
-  var isOpen = _ref22.isOpen;
+})(["overflow:hidden;height:", ";", ";"], _ref22 => {
+  let {
+    isOpen
+  } = _ref22;
   return isOpen ? 'auto' : '0px';
-}, function (_ref23) {
-  var isAnimating = _ref23.isAnimating,
-      isOpen = _ref23.isOpen,
-      height = _ref23.height;
-  return MobileBanner_utils_styleHelpers.handleAnimation(isAnimating, isOpen, height);
+}, _ref23 => {
+  let {
+    isAnimating,
+    isOpen,
+    height
+  } = _ref23;
+  return styleHelpers.handleAnimation(isAnimating, isOpen, height);
 });
 
 exports.StyledActionLink = StyledActionLink;
@@ -128,4 +172,3 @@ exports.StyledInnerContainer = StyledInnerContainer;
 exports.StyledSubTitle = StyledSubTitle;
 exports.StyledTextContent = StyledTextContent;
 exports.StyledTitle = StyledTitle;
-//# sourceMappingURL=styles.js.map

package/cjs/MobileBanner/utils/bannerTypes.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MOBILE_BANNER_TYPES = {
+const MOBILE_BANNER_TYPES = {
   INFO: 'info',
   SUCCESS: 'success',
   WARNING: 'warning',
@@ -10,4 +10,3 @@ var MOBILE_BANNER_TYPES = {
 };
 
 exports.MOBILE_BANNER_TYPES = MOBILE_BANNER_TYPES;
-//# sourceMappingURL=bannerTypes.js.map

package/cjs/MobileBanner/utils/icons.js

@@ -2,26 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var dsIcons = require('@elliemae/ds-icons');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var icons = {
-  success: /*#__PURE__*/React__default['default'].createElement(dsIcons.SuccessFill, {
+const icons = {
+  success: /*#__PURE__*/_jsx__default["default"](dsIcons.SuccessFill, {
     fill: "#207e56"
   }),
-  info: /*#__PURE__*/React__default['default'].createElement(dsIcons.InfoFill, {
+  info: /*#__PURE__*/_jsx__default["default"](dsIcons.InfoFill, {
     fill: "#1e79c2"
   }),
-  error: /*#__PURE__*/React__default['default'].createElement(dsIcons.AlertsDetailFill, {
+  error: /*#__PURE__*/_jsx__default["default"](dsIcons.AlertsDetailFill, {
     width: "24px",
     height: "24px",
     fill: "#c64252"
   }),
-  warning: /*#__PURE__*/React__default['default'].createElement(dsIcons.WarningSquare, {
+  warning: /*#__PURE__*/_jsx__default["default"](dsIcons.WarningSquare, {
     width: "24px",
     height: "24px",
     fill: "#d17a00"
@@ -29,4 +30,3 @@ var icons = {
 };
 
 exports.icons = icons;
-//# sourceMappingURL=icons.js.map

package/cjs/MobileBanner/utils/styleHelpers.js

@@ -4,46 +4,44 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
 var dsSystem = require('@elliemae/ds-system');
-var MobileBanner_utils_bannerTypes = require('./bannerTypes.js');
+var bannerTypes = require('./bannerTypes.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-var slideIn = dsSystem.kfrm(_templateObject || (_templateObject = _taggedTemplateLiteral__default['default'](["\n  0% {\n    transform: translate3d(0, -100%, 0);\n  }\n  100% {\n    transform: translate3d(0, 0, 0);\n  }\n"])));
-var slideOut = dsSystem.kfrm(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default['default'](["\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"])));
-var spanContainer = function spanContainer(height) {
-  return dsSystem.kfrm(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default['default'](["\n  0% {\n    height: 0px;\n  }\n  100% {\n    height: ", "px;\n  }\n"])), height);
-};
-var shrinkContainer = function shrinkContainer(height) {
-  return dsSystem.kfrm(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default['default'](["\n  0% {\n    height: ", "px;\n  }\n  100% {\n    height: 0px;\n  }\n"])), height);
-};
-var handleBorderColor = function handleBorderColor(type, _ref) {
-  var colors = _ref.colors;
+const slideIn = dsSystem.kfrm(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n  0% {\n    transform: translate3d(0, -100%, 0);\n  }\n  100% {\n    transform: translate3d(0, 0, 0);\n  }\n"])));
+const slideOut = dsSystem.kfrm(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default["default"](["\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 => dsSystem.kfrm(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default["default"](["\n  0% {\n    height: 0px;\n  }\n  100% {\n    height: ", "px;\n  }\n"])), height);
+const shrinkContainer = height => dsSystem.kfrm(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default["default"](["\n  0% {\n    height: ", "px;\n  }\n  100% {\n    height: 0px;\n  }\n"])), height);
+const handleBorderColor = (type, _ref) => {
+  let {
+    colors
+  } = _ref;
 
   switch (type) {
-    case MobileBanner_utils_bannerTypes.MOBILE_BANNER_TYPES.SUCCESS:
+    case bannerTypes.MOBILE_BANNER_TYPES.SUCCESS:
       return colors.success[900];
 
-    case MobileBanner_utils_bannerTypes.MOBILE_BANNER_TYPES.INFO:
+    case bannerTypes.MOBILE_BANNER_TYPES.INFO:
       return colors.brand[600];
 
-    case MobileBanner_utils_bannerTypes.MOBILE_BANNER_TYPES.WARNING:
+    case bannerTypes.MOBILE_BANNER_TYPES.WARNING:
       return colors.warning[900];
 
-    case MobileBanner_utils_bannerTypes.MOBILE_BANNER_TYPES.ERROR:
+    case bannerTypes.MOBILE_BANNER_TYPES.ERROR:
       return colors.danger[900];
   }
 };
-var handleAnimation = function handleAnimation(isAnimating, isOpen) {
-  var height = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+const handleAnimation = function (isAnimating, isOpen) {
+  let height = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
 
   if (isAnimating) {
     if (isOpen) {
-      return dsSystem.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral__default['default'](["\n        animation: ", " 0.5s ease-in;\n      "])), height ? spanContainer(height) : slideIn);
+      return dsSystem.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral__default["default"](["\n        animation: ", " 0.5s ease-in;\n      "])), height ? spanContainer(height) : slideIn);
     } else {
-      return dsSystem.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral__default['default'](["\n        animation: ", " 0.5s ease-in;\n      "])), height ? shrinkContainer(height) : slideOut);
+      return dsSystem.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral__default["default"](["\n        animation: ", " 0.5s ease-in;\n      "])), height ? shrinkContainer(height) : slideOut);
     }
   }
 };
@@ -54,4 +52,3 @@ exports.shrinkContainer = shrinkContainer;
 exports.slideIn = slideIn;
 exports.slideOut = slideOut;
 exports.spanContainer = spanContainer;
-//# sourceMappingURL=styleHelpers.js.map