@elliemae/ds-mobile 2.0.0-alpha.1 → 2.0.0-alpha.13

package/cjs/InfiniteLoader/Loader.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var DSIndeterminateProgressIndicator = require('@elliemae/ds-basic/IndeterminateProgressIndicator');
+var DSIndeterminateProgressIndicator = require('@elliemae/ds-indeterminate-progress-indicator');
 var styled = require('./styled.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -13,13 +13,16 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSIndeterminateProgressIndicator__default = /*#__PURE__*/_interopDefaultLegacy(DSIndeterminateProgressIndicator);
 
 var _DSIndeterminateProgr;
-const Loader = ({
-  isOpen
-}) => /*#__PURE__*/_jsx__default['default'](styled.LoaderBox, {
-  className: isOpen && 'opened'
-}, void 0, _DSIndeterminateProgr || (_DSIndeterminateProgr = /*#__PURE__*/_jsx__default['default'](DSIndeterminateProgressIndicator__default['default'], {
-  processing: true,
-  title: "Loading"
-})));
+const Loader = _ref => {
+  let {
+    isOpen
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](styled.LoaderBox, {
+    className: isOpen && 'opened'
+  }, void 0, _DSIndeterminateProgr || (_DSIndeterminateProgr = /*#__PURE__*/_jsx__default["default"](DSIndeterminateProgressIndicator__default["default"], {
+    processing: true,
+    title: "Loading"
+  })));
+};
 
 exports.Loader = Loader;

package/cjs/InfiniteLoader/VirtualizedInfiniteLoader.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var reactDesc = require('react-desc');
 var RWInfiniteLoader = require('react-window-infinite-loader');
@@ -14,15 +15,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var RWInfiniteLoader__default = /*#__PURE__*/_interopDefaultLegacy(RWInfiniteLoader);
 
-const VirtualizedInfiniteLoader = ({
-  moreItemsLoading = false,
-  hasNextPage = false,
-  isItemLoaded = () => true,
-  loadMoreItems,
-  getItemSize = () => 38,
-  height,
-  item: Row
-}) => {
+const VirtualizedInfiniteLoader = _ref => {
+  let {
+    moreItemsLoading = false,
+    hasNextPage = false,
+    isItemLoaded = () => true,
+    loadMoreItems,
+    getItemSize = () => 38,
+    height,
+    item: Row
+  } = _ref;
   const [itemCount, setItemCount] = React.useState(10);
 
   const loadMore = (startIndex, stopIndex) => {
@@ -30,27 +32,30 @@ const VirtualizedInfiniteLoader = ({
     return loadMoreItems(startIndex, stopIndex);
   };
 
-  return /*#__PURE__*/_jsx__default['default']("div", {
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     style: {
       position: 'relative'
     }
-  }, void 0, /*#__PURE__*/_jsx__default['default'](RWInfiniteLoader__default['default'], {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](RWInfiniteLoader__default["default"], {
     isItemLoaded: isItemLoaded,
     itemCount: itemCount,
     loadMoreItems: loadMore
-  }, void 0, ({
-    onItemsRendered,
-    ref
-  }) => /*#__PURE__*/jsxRuntime.jsx(reactWindow.VariableSizeList, {
-    className: "List",
-    height: height,
-    itemCount: itemCount,
-    itemSize: getItemSize,
-    onItemsRendered: onItemsRendered,
-    ref: ref,
-    width: "100%",
-    children: Row
-  })), moreItemsLoading && /*#__PURE__*/_jsx__default['default']("div", {
+  }, void 0, _ref2 => {
+    let {
+      onItemsRendered,
+      ref
+    } = _ref2;
+    return /*#__PURE__*/jsxRuntime.jsx(reactWindow.VariableSizeList, {
+      className: "List",
+      height: height,
+      itemCount: itemCount,
+      itemSize: getItemSize,
+      onItemsRendered: onItemsRendered,
+      ref: ref,
+      width: "100%",
+      children: Row
+    });
+  }), moreItemsLoading && /*#__PURE__*/_jsx__default["default"]("div", {
     style: {
       position: 'absolute',
       bottom: 0,
@@ -60,7 +65,30 @@ const VirtualizedInfiniteLoader = ({
   }, void 0, "Loading"));
 };
 
+const listProps = {
+  /** Function responsible for tracking the loaded state of each item. */
+  isItemLoaded: reactDesc.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: reactDesc.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: reactDesc.PropTypes.func.description('callback to get row item size'),
+
+  /** height for the list */
+  height: reactDesc.PropTypes.number.description('height for the list'),
+
+  /** flag to know if virtual list should be on loading state */
+  moreItemsLoading: reactDesc.PropTypes.bool.description('flag to know if virtual list s'),
+
+  /** Row item to render */
+  item: reactDesc.PropTypes.element.description('Row item to render'),
+
+  /** flag for virtualized list */
+  hasNextPage: reactDesc.PropTypes.bool.description('flag for virtualized list')
+};
 const VirtualizedInfiniteLoaderWithSchema = reactDesc.describe(VirtualizedInfiniteLoader);
+VirtualizedInfiniteLoaderWithSchema.propTypes = listProps;
 
 exports.VirtualizedInfiniteLoader = VirtualizedInfiniteLoader;
 exports.VirtualizedInfiniteLoaderWithSchema = VirtualizedInfiniteLoaderWithSchema;

package/cjs/InfiniteLoader/styled.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const LoaderBox = /*#__PURE__*/styled__default['default'].div.withConfig({
+const LoaderBox = /*#__PURE__*/styled__default["default"].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;}"]);
 

package/cjs/LoadingPage/Page.js

@@ -4,11 +4,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 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.constructor.js');
+require('core-js/modules/esnext.async-iterator.to-array.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.to-array.js');
+require('core-js/modules/esnext.async-iterator.filter.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 dsSystem = require('@elliemae/ds-system');
 var lodash = require('lodash');
 var styled = require('styled-components');
-var Backdrop = require('@elliemae/ds-basic/Backdrop');
+var Backdrop = require('@elliemae/ds-backdrop');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -21,21 +30,25 @@ var Backdrop__default = /*#__PURE__*/_interopDefaultLegacy(Backdrop);
 
 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; }
 
-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 LoadingPageLoader = /*#__PURE__*/styled__default['default'].div.withConfig({
+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 LoadingPageLoader = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-wx0z8k-0"
-})(["", ";z-index:", ";top:25%;left:15%;width:70%;height:75%;display:flex;flex-direction:column;align-items:center;"], ({
-  type
-}) => type === 'cover' ? 'position: fixed' : 'position: absolute', props => props.zIndex);
+})(["", ";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 = ({
-  backdropZIndex,
-  children,
-  loader,
-  loading,
-  type = 'fill',
-  zIndex = 1
-}) => {
+const LoadingPage = _ref2 => {
+  let {
+    backdropZIndex,
+    children,
+    loader,
+    loading,
+    type = 'fill',
+    zIndex = 1
+  } = _ref2;
   const [position, setPosition] = React.useState(null);
   const childRef = React.useRef(null);
   React.useEffect(() => {
@@ -45,26 +58,26 @@ const LoadingPage = ({
     }
   }, [childRef]);
 
-  const Back = loading && /*#__PURE__*/_jsx__default['default'](Backdrop__default['default'], {
+  const Back = loading && /*#__PURE__*/_jsx__default["default"](Backdrop__default["default"], {
     type: type,
     zIndex: backdropZIndex
   });
 
-  const Loader = loader && loading && /*#__PURE__*/_jsx__default['default'](LoadingPageLoader, {
+  const Loader = loader && loading && /*#__PURE__*/_jsx__default["default"](LoadingPageLoader, {
     zIndex: zIndex,
     type: type,
     hide: !loading
   }, void 0, loader);
 
-  const injectRefPosition = child => /*#__PURE__*/React__default['default'].cloneElement(React__default['default'].Children.only(child), {
+  const injectRefPosition = child => /*#__PURE__*/React__default["default"].cloneElement(React__default["default"].Children.only(child), {
     ref: childRef,
-    children: React__default['default'].Children.toArray(child.props.children).concat([Loader, Back]),
+    children: React__default["default"].Children.toArray(child.props.children).concat([Loader, Back]),
     style: _objectSpread(_objectSpread({}, lodash.get(child, 'props.style', {})), {}, {
       position: position === 'static' ? 'relative' : position
     })
   });
 
-  if (React__default['default'].Children.count(children) === 0) {
+  if (React__default["default"].Children.count(children) === 0) {
     return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [Loader, Back]
     });

package/cjs/LoadingPage/index.js

@@ -7,4 +7,4 @@ var Page = require('./Page.js');
 
 
 exports.DSMobileLoadingPage = Page.DSMobileLoadingPage;
-exports.default = Page.DSMobileLoadingPage;
+exports["default"] = Page.DSMobileLoadingPage;

package/cjs/MobileActionToolbar/MobileActionToolbar.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var reactDesc = require('react-desc');
-var Grid = require('@elliemae/ds-basic/Grid');
+var dsGrid = require('@elliemae/ds-grid');
 var styled = require('styled-components');
 var dsSystem = require('@elliemae/ds-system');
 var MobileActionToolbarItem = require('./MobileActionToolbarItem.js');
@@ -15,15 +15,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const ToolStrip = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const ToolStrip = /*#__PURE__*/styled__default["default"](dsGrid.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 = ({
-  withDepth = true,
-  buttons = [],
-  theme
-}) => {
+const Toolbar = _ref => {
+  let {
+    withDepth = true,
+    buttons = [],
+    theme
+  } = _ref;
   const rows = [1];
   const toolbarHeight = theme.space.m;
   const borderStyle = withDepth ? {
@@ -31,7 +32,7 @@ const Toolbar = ({
   } : {
     boxShadow: 'none'
   };
-  return /*#__PURE__*/_jsx__default['default'](ToolStrip, {
+  return /*#__PURE__*/_jsx__default["default"](ToolStrip, {
     rows: rows,
     height: toolbarHeight,
     style: borderStyle
@@ -49,6 +50,6 @@ const DSMobileActionToolbar = dsSystem.withTheme(Toolbar);
 const DSMobileActionToolbarWithSchema = reactDesc.describe(DSMobileActionToolbar);
 DSMobileActionToolbarWithSchema.propTypes = props;
 
-exports.ToolbarItem = MobileActionToolbarItem['default'];
+exports.ToolbarItem = MobileActionToolbarItem["default"];
 exports.DSMobileActionToolbarWithSchema = DSMobileActionToolbarWithSchema;
-exports['default'] = DSMobileActionToolbar;
+exports["default"] = DSMobileActionToolbar;

package/cjs/MobileActionToolbar/MobileActionToolbarItem.js

@@ -2,11 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+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 _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 DSButton = require('@elliemae/ds-button');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -20,18 +25,18 @@ const _excluded = ["icon"];
 
 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; }
 
-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; }
+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);
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  const displayIcon = /*#__PURE__*/React__default['default'].cloneElement(icon, {
+  const displayIcon = /*#__PURE__*/React__default["default"].cloneElement(icon, {
     size: 'm'
   });
-  return /*#__PURE__*/jsxRuntime.jsx(DSButton__default['default'], _objectSpread(_objectSpread({}, otherProps), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({}, otherProps), {}, {
     buttonType: "text",
     icon: displayIcon,
     size: "m"
@@ -47,4 +52,4 @@ const DSToolbarItemWithSchema = reactDesc.describe(ToolbarItem);
 DSToolbarItemWithSchema.propTypes = props;
 
 exports.DSToolbarItemWithSchema = DSToolbarItemWithSchema;
-exports['default'] = ToolbarItem;
+exports["default"] = ToolbarItem;

package/cjs/MobileActionToolbar/index.js

@@ -8,6 +8,6 @@ var MobileActionToolbarItem = require('./MobileActionToolbarItem.js');
 
 
 exports.DSMobileActionToolbarWithSchema = MobileActionToolbar.DSMobileActionToolbarWithSchema;
-exports.default = MobileActionToolbar['default'];
+exports["default"] = MobileActionToolbar["default"];
 exports.DSToolbarItemWithSchema = MobileActionToolbarItem.DSToolbarItemWithSchema;
-exports.ToolbarItem = MobileActionToolbarItem['default'];
+exports.ToolbarItem = MobileActionToolbarItem["default"];

package/cjs/MobileBanner/MobileBanner.js

@@ -4,8 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 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 CloseX = require('@elliemae/ds-icons/CloseX');
+var dsIcons = require('@elliemae/ds-icons');
 var reactDesc = require('react-desc');
 var icons = require('./utils/icons.js');
 var propTypes = require('./propTypes.js');
@@ -17,27 +23,27 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var CloseX__default = /*#__PURE__*/_interopDefaultLegacy(CloseX);
 
 var _CloseX;
 
 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; }
 
-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; }
+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 DSMobileBanner = ({
-  type,
-  isOpen,
-  closeButtonOnClick,
-  label,
-  body,
-  actionLinkLabel,
-  actionLinkHref,
-  actionLinkOnClick,
-  showCloseButton,
-  containerProps,
-  focusOnOpen
-}) => {
+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);
@@ -73,20 +79,20 @@ const DSMobileBanner = ({
       isOpen: isOpen,
       ref: innerContainerRef,
       isAnimating: isAnimating,
-      children: [/*#__PURE__*/_jsx__default['default'](styles.StyledIconContainer, {
+      children: [/*#__PURE__*/_jsx__default["default"](styles.StyledIconContainer, {
         "data-testid": "ds-mobile-banner-icon"
-      }, void 0, icons.icons[type]), /*#__PURE__*/_jsx__default['default'](styles.StyledContent, {
+      }, 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, {
+      }, 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, {
+      }, 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'], {
+        icon: _CloseX || (_CloseX = /*#__PURE__*/_jsx__default["default"](dsIcons.CloseX, {
           width: "12px",
           height: "12px"
         })),