@elliemae/ds-mobile 1.55.0-next.7 → 2.0.0-alpha.10

package/cjs/MobileActionToolbar/MobileActionToolbarItem.js

@@ -2,29 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var reactDesc = require('react-desc');
 var DSButton = require('@elliemae/ds-basic/Button');
+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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-var _excluded = ["icon"];
+const _excluded = ["icon"];
 
-var ToolbarItem = function ToolbarItem(_ref) {
-  var icon = _ref.icon,
-      otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+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 displayIcon = /*#__PURE__*/React__default['default'].cloneElement(icon, {
+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; }
+
+const ToolbarItem = _ref => {
+  let {
+    icon
+  } = _ref,
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  const displayIcon = /*#__PURE__*/React__default["default"].cloneElement(icon, {
     size: 'm'
   });
-  return /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], _extends__default['default']({}, otherProps, {
+  return /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({}, otherProps), {}, {
     buttonType: "text",
     icon: displayIcon,
     size: "m"
@@ -32,14 +39,12 @@ var ToolbarItem = function ToolbarItem(_ref) {
 };
 
 ToolbarItem.displayName = 'ToolbarItem';
-var props = {
+const props = {
   /** toolbar item icon */
   icon: reactDesc.PropTypes.element.description('Toolbar item icon')
 };
-ToolbarItem.propTypes = props;
-var DSToolbarItemWithSchema = reactDesc.describe(ToolbarItem);
+const DSToolbarItemWithSchema = reactDesc.describe(ToolbarItem);
 DSToolbarItemWithSchema.propTypes = props;
 
 exports.DSToolbarItemWithSchema = DSToolbarItemWithSchema;
-exports['default'] = ToolbarItem;
-//# sourceMappingURL=MobileActionToolbarItem.js.map
+exports["default"] = ToolbarItem;

package/cjs/MobileActionToolbar/index.js

@@ -2,21 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MobileActionToolbar_MobileActionToolbar = require('./MobileActionToolbar.js');
-var MobileActionToolbar_MobileActionToolbarItem = require('./MobileActionToolbarItem.js');
-require('react');
-require('react-desc');
-require('@elliemae/ds-basic/Grid');
-require('styled-components');
-require('@elliemae/ds-system');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@elliemae/ds-basic/Button');
+var MobileActionToolbar = require('./MobileActionToolbar.js');
+var MobileActionToolbarItem = require('./MobileActionToolbarItem.js');
 
 
 
-exports.DSMobileActionToolbarWithSchema = MobileActionToolbar_MobileActionToolbar.DSMobileActionToolbarWithSchema;
-exports.default = MobileActionToolbar_MobileActionToolbar['default'];
-exports.DSToolbarItemWithSchema = MobileActionToolbar_MobileActionToolbarItem.DSToolbarItemWithSchema;
-exports.ToolbarItem = MobileActionToolbar_MobileActionToolbarItem['default'];
-//# sourceMappingURL=index.js.map
+exports.DSMobileActionToolbarWithSchema = MobileActionToolbar.DSMobileActionToolbarWithSchema;
+exports["default"] = MobileActionToolbar["default"];
+exports.DSToolbarItemWithSchema = MobileActionToolbarItem.DSToolbarItemWithSchema;
+exports.ToolbarItem = MobileActionToolbarItem["default"];

package/cjs/MobileBanner/MobileBanner.js

@@ -2,121 +2,103 @@
 
 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');
 var React = require('react');
 var CloseX = require('@elliemae/ds-icons/CloseX');
 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('@elliemae/ds-icons/SuccessFill');
-require('@elliemae/ds-icons/InfoFill');
-require('@elliemae/ds-icons/AlertsDetailFill');
-require('@elliemae/ds-icons/WarningSquare');
-require('./utils/bannerTypes.js');
-require('styled-components');
-require('@elliemae/ds-system');
-require('@elliemae/ds-basic/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 CloseX__default = /*#__PURE__*/_interopDefaultLegacy(CloseX);
 
-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 = ({
+  type,
+  isOpen,
+  closeButtonOnClick,
+  label,
+  body,
+  actionLinkLabel,
+  actionLinkHref,
+  actionLinkOnClick,
+  showCloseButton,
+  containerProps,
+  focusOnOpen
+}) => {
+  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(CloseX__default['default'], {
-      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"](CloseX__default["default"], {
+          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,30 +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/CloseX');
-require('react-desc');
-require('./utils/icons.js');
-require('@elliemae/ds-icons/SuccessFill');
-require('@elliemae/ds-icons/InfoFill');
-require('@elliemae/ds-icons/AlertsDetailFill');
-require('@elliemae/ds-icons/WarningSquare');
-require('./propTypes.js');
-require('./defaultProps.js');
-require('./styles.js');
-require('styled-components');
-require('@elliemae/ds-system');
-require('@elliemae/ds-basic/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,118 +5,93 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var styled = require('styled-components');
 var dsSystem = require('@elliemae/ds-system');
 var DSButton = require('@elliemae/ds-basic/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;
-  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;
-  return isOpen ? '0' : '-100%';
-}, function (_ref4) {
-  var isAnimating = _ref4.isAnimating,
-      isOpen = _ref4.isOpen;
-  return MobileBanner_utils_styleHelpers.handleAnimation(isAnimating, isOpen);
-});
-var StyledTextContent = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["display:flex;min-height:68px;width:100%;background-color:", ";border-bottom:4px solid ", ";transform:translateY(", ");", ";"], ({
+  theme
+}) => theme.colors.neutral['000'], ({
+  type,
+  theme
+}) => styleHelpers.handleBorderColor(type, theme), ({
+  isOpen
+}) => isOpen ? '0' : '-100%', ({
+  isAnimating,
+  isOpen
+}) => styleHelpers.handleAnimation(isAnimating, isOpen));
+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;
-  return theme.colors.neutral[700];
-}, function (_ref6) {
-  var theme = _ref6.theme;
-  return dsSystem.toMobile(theme.fontSizes.title[700]);
-}, function (_ref7) {
-  var theme = _ref7.theme;
-  return theme.fontWeights.semibold;
-}, function (_ref8) {
-  var theme = _ref8.theme;
-  return theme.space.xxs;
-}, function (_ref9) {
-  var theme = _ref9.theme;
-  return theme.colors.neutral[700];
-}, function (_ref10) {
-  var theme = _ref10.theme;
-  return theme.colors.neutral[700];
-});
-var StyledSubTitle = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["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 ", ";}"], ({
+  theme
+}) => theme.colors.neutral[700], ({
+  theme
+}) => dsSystem.toMobile(theme.fontSizes.title[700]), ({
+  theme
+}) => theme.fontWeights.semibold, ({
+  theme
+}) => theme.space.xxs, ({
+  theme
+}) => theme.colors.neutral[700], ({
+  theme
+}) => theme.colors.neutral[700]);
+const StyledSubTitle = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-4jnp92-3"
-})(["font-size:", ";font-weight:", ";"], function (_ref11) {
-  var theme = _ref11.theme;
-  return dsSystem.toMobile(theme.fontSizes.title[600]);
-}, function (_ref12) {
-  var theme = _ref12.theme;
-  return theme.fontWeights.regular;
-});
-var StyledIconContainer = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["font-size:", ";font-weight:", ";"], ({
+  theme
+}) => dsSystem.toMobile(theme.fontSizes.title[600]), ({
+  theme
+}) => theme.fontWeights.regular);
+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;
-  return theme.space.xxs;
-}, function (_ref14) {
-  var theme = _ref14.theme;
-  return theme.space.xs;
-});
-var StyledContent = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["margin-top:10px;margin-right:", ";margin-left:", ";"], ({
+  theme
+}) => theme.space.xxs, ({
+  theme
+}) => theme.space.xs);
+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;
-  return theme.space.xxs2;
-}, function (_ref16) {
-  var showCloseButton = _ref16.showCloseButton;
-  return !showCloseButton ? '28px' : '0';
-});
-var StyledCloseButtonContainer = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["width:100%;display:flex;flex-direction:column;margin:", " 0;margin-right:", ";"], ({
+  theme
+}) => theme.space.xxs2, ({
+  showCloseButton
+}) => !showCloseButton ? '28px' : '0');
+const StyledCloseButtonContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-4jnp92-6"
 })(["display:flex;align-items:flex-start;margin-top:14px;margin-right:4px;"]);
-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:-2px;left:0;width:calc(100% + 0px);height:calc(100% + 5px);border:2px solid ", ";border-radius:2px;pointer-events:none;}}"], function (_ref17) {
-  var theme = _ref17.theme;
-  return theme.colors.brand[700];
-});
-var StyledActionLink = /*#__PURE__*/styled__default['default'].a.withConfig({
+})(["position:relative;&:focus{&:after{display:block;content:' ';position:absolute;top:-2px;left:0;width:calc(100% + 0px);height:calc(100% + 5px);border:2px solid ", ";border-radius:2px;pointer-events:none;}}"], ({
+  theme
+}) => theme.colors.brand[700]);
+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;
-  return theme.space.xs;
-}, function (_ref19) {
-  var theme = _ref19.theme;
-  return dsSystem.toMobile(theme.fontSizes.title[600]);
-}, function (_ref20) {
-  var theme = _ref20.theme;
-  return theme.fontWeights.regular;
-}, function (_ref21) {
-  var theme = _ref21.theme;
-  return theme.colors.brand[600];
-});
-var StyledBannerContainer = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["text-decoration:none;float:right;margin-left:", ";line-height:1.1;font-size:", ";font-weight:", ";color:", ";"], ({
+  theme
+}) => theme.space.xs, ({
+  theme
+}) => dsSystem.toMobile(theme.fontSizes.title[600]), ({
+  theme
+}) => theme.fontWeights.regular, ({
+  theme
+}) => theme.colors.brand[600]);
+const StyledBannerContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-4jnp92-9"
-})(["overflow:hidden;height:", ";", ";"], function (_ref22) {
-  var isOpen = _ref22.isOpen;
-  return isOpen ? 'auto' : '0px';
-}, function (_ref23) {
-  var isAnimating = _ref23.isAnimating,
-      isOpen = _ref23.isOpen,
-      height = _ref23.height;
-  return MobileBanner_utils_styleHelpers.handleAnimation(isAnimating, isOpen, height);
-});
+})(["overflow:hidden;height:", ";", ";"], ({
+  isOpen
+}) => isOpen ? 'auto' : '0px', ({
+  isAnimating,
+  isOpen,
+  height
+}) => styleHelpers.handleAnimation(isAnimating, isOpen, height));
 
 exports.StyledActionLink = StyledActionLink;
 exports.StyledBannerContainer = StyledBannerContainer;
@@ -128,4 +103,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,7 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var SuccessFill = require('@elliemae/ds-icons/SuccessFill');
 var InfoFill = require('@elliemae/ds-icons/InfoFill');
 var AlertsDetailFill = require('@elliemae/ds-icons/AlertsDetailFill');
@@ -10,25 +11,25 @@ var WarningSquare = require('@elliemae/ds-icons/WarningSquare');
 
 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 SuccessFill__default = /*#__PURE__*/_interopDefaultLegacy(SuccessFill);
 var InfoFill__default = /*#__PURE__*/_interopDefaultLegacy(InfoFill);
 var AlertsDetailFill__default = /*#__PURE__*/_interopDefaultLegacy(AlertsDetailFill);
 var WarningSquare__default = /*#__PURE__*/_interopDefaultLegacy(WarningSquare);
 
-var icons = {
-  success: /*#__PURE__*/React__default['default'].createElement(SuccessFill__default['default'], {
+const icons = {
+  success: /*#__PURE__*/_jsx__default["default"](SuccessFill__default["default"], {
     fill: "#207e56"
   }),
-  info: /*#__PURE__*/React__default['default'].createElement(InfoFill__default['default'], {
+  info: /*#__PURE__*/_jsx__default["default"](InfoFill__default["default"], {
     fill: "#1e79c2"
   }),
-  error: /*#__PURE__*/React__default['default'].createElement(AlertsDetailFill__default['default'], {
+  error: /*#__PURE__*/_jsx__default["default"](AlertsDetailFill__default["default"], {
     width: "24px",
     height: "24px",
     fill: "#c64252"
   }),
-  warning: /*#__PURE__*/React__default['default'].createElement(WarningSquare__default['default'], {
+  warning: /*#__PURE__*/_jsx__default["default"](WarningSquare__default["default"], {
     width: "24px",
     height: "24px",
     fill: "#d17a00"
@@ -36,4 +37,3 @@ var icons = {
 };
 
 exports.icons = icons;
-//# sourceMappingURL=icons.js.map