@elliemae/ds-mobile 2.4.2-rc.1 → 2.4.2-rc.13

package/esm/MobileCard/ExpandableRegion.js

@@ -1,5 +1,4 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { useRef, useState, useEffect } from 'react';
 import styled from 'styled-components';
 import { truncate, border } from '@elliemae/ds-system';
@@ -10,10 +9,10 @@ const RegionWrapper = /*#__PURE__*/styled.div.withConfig({
 })(["width:100%;height:100%;"]);
 const Region = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-mduzz9-1"
-})(["display:flex;", " transition:max-height ", " linear;max-height:0;", " align-items:center;", ";border-top:", ";font-weight:", ";"], props => props.hide ? 'visibility: hidden;' : '', props => props.animate ? '0.25s' : '0.20s', props => props.animate ? "\n      max-height: ".concat(props.refHeight, "px;\n    ") : '', truncate(), props => border(props.theme.colors.neutral['300']), props => props.theme.fontWeights.regular);
+})(["display:flex;", " transition:max-height ", " linear;max-height:0;", " align-items:center;", ";border-top:", ";font-weight:", ";"], props => props.hide ? 'visibility: hidden;' : '', props => props.animate ? '0.25s' : '0.20s', props => props.animate ? `
+      max-height: ${props.refHeight}px;
+    ` : '', truncate(), props => border(props.theme.colors.neutral['300']), props => props.theme.fontWeights.regular);
 const ExpandableRegion = _ref => {
-  var _ref$current;
-
   let {
     show,
     content
@@ -35,7 +34,7 @@ const ExpandableRegion = _ref => {
   return /*#__PURE__*/_jsx(Region, {
     hide: hide // needed to handle transition, `auto` max-height isn't supported
     ,
-    refHeight: (ref === null || ref === void 0 ? void 0 : (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollHeight) || 9999,
+    refHeight: ref?.current?.scrollHeight || 9999,
     onTransitionEnd: hideOnAnimationEnd,
     animate: animate
   }, void 0, /*#__PURE__*/jsx(RegionWrapper, {

package/esm/MobileCard/Group.js

@@ -16,14 +16,14 @@ const GroupGrid = /*#__PURE__*/styled(Grid).withConfig({
     theme,
     withTopBorder
   } = _ref;
-  return withTopBorder ? "border-top: ".concat(border(theme.colors.neutral['100'])) : '';
+  return withTopBorder ? `border-top: ${border(theme.colors.neutral['100'])}` : '';
 });
 const GroupTitle = /*#__PURE__*/styled.span.withConfig({
   componentId: "sc-17xukaf-1"
 })(["", ""], truncate());
 const GroupTitleGrid = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-17xukaf-2"
-})(["display:flex;justify-content:space-between;padding:0 ", ";font-size:", ";", " font-weight:", ";background-color:", ";border-top:", ";line-height:", ";@media (min-width:1024px){background-color:", ";border-top:", ";}"], props => props.theme.space.xs, props => "calc(".concat(__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m), " / 2)"), color('neutral', '700'), props => props.theme.fontWeights.semibold, props => props.theme.colors.brand['200'], props => border(props.theme.colors.brand['300']), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m), props => props.theme.colors.neutral['080'], props => border(props.theme.colors.neutral['080']));
+})(["display:flex;justify-content:space-between;padding:0 ", ";font-size:", ";", " font-weight:", ";background-color:", ";border-top:", ";line-height:", ";@media (min-width:1024px){background-color:", ";border-top:", ";}"], props => props.theme.space.xs, props => `calc(${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)} / 2)`, color('neutral', '700'), props => props.theme.fontWeights.semibold, props => props.theme.colors.brand['200'], props => border(props.theme.colors.brand['300']), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m), props => props.theme.colors.neutral['080'], props => border(props.theme.colors.neutral['080']));
 
 const MobileCardGroup = _ref2 => {
   let {

package/esm/MobileCard/useHeight.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useEffect } from 'react';
 import { rem } from 'polished';
 

package/esm/MobileContextMenu/MobileContextMenu.js

@@ -1,6 +1,5 @@
 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.map.js';
 import 'core-js/modules/esnext.iterator.map.js';
 import 'core-js/modules/esnext.async-iterator.filter.js';
@@ -26,7 +25,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 StyledContainer = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-15ys5tq-0"
-})(["background:", ";z-index:", ";width:", ";position:fixed;bottom:0;left:", ";max-height:90vh;border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:0 0px 24px 0 rgba(0,0,0,0.5),0 0px 11px 0 rgba(0,0,0,0.5);"], props => props.theme.colors.neutral['000'], props => props.zIndex, props => "calc(100% - ".concat(props.theme.space.xs, ")"), props => props.theme.space.xxs);
+})(["background:", ";z-index:", ";width:", ";position:fixed;bottom:0;left:", ";max-height:90vh;border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:0 0px 24px 0 rgba(0,0,0,0.5),0 0px 11px 0 rgba(0,0,0,0.5);"], props => props.theme.colors.neutral['000'], props => props.zIndex, props => `calc(100% - ${props.theme.space.xs})`, props => props.theme.space.xxs);
 const StyledTitle = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-15ys5tq-1"
 })(["font-size:16px;font-weight:", ";color:", ";", " & > span{height:20px;width:20px;}& > span > svg,svg:not([fill]){height:20px;width:20px;fill:", ";}"], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['000'], truncate(), props => props.theme.colors.neutral['000']);
@@ -109,9 +108,7 @@ const DSMobileContextMenu = withTheme(_ref => {
         multiple: multiple,
         onChange: handleChange
       }, void 0, React.Children.map(children, (child, ii) => {
-        var _child$type;
-
-        const isGroup = child.type === (_ContextMenuGroup || (_ContextMenuGroup = /*#__PURE__*/_jsx(DSMobileContextMenuGroup, {}))).type || ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.name) === DSMobileContextMenuGroup.componentType || child.type === DSMobileContextMenuGroup.type;
+        const isGroup = child.type === (_ContextMenuGroup || (_ContextMenuGroup = /*#__PURE__*/_jsx(DSMobileContextMenuGroup, {}))).type || child.type?.name === DSMobileContextMenuGroup.componentType || child.type === DSMobileContextMenuGroup.type;
         const {
           onClick = noop
         } = child.props;
@@ -120,7 +117,7 @@ const DSMobileContextMenu = withTheme(_ref => {
         if (singleSelect) isSelected = trueSelected === value;else if (multiple) isSelected = trueSelected.includes(value);
         return /*#__PURE__*/React.cloneElement(child, {
           value,
-          key: "cm.".concat(ii),
+          key: `cm.${ii}`,
           isMulti: multiple,
           singleSelect,
           isSelected,
@@ -133,7 +130,7 @@ const DSMobileContextMenu = withTheme(_ref => {
         alignItems: "center"
       }, void 0, /*#__PURE__*/React.cloneElement(buttonFooter, _objectSpread(_objectSpread({}, buttonFooter.props), {}, {
         containerProps: {
-          'data-testid': "".concat(dataTestid, "--btn")
+          'data-testid': `${dataTestid}--btn`
         },
         buttonType: 'primary',
         size: 'l',

package/esm/MobileContextMenu/MobileContextMenuGroup.js

@@ -33,7 +33,7 @@ const DSMobileContextMenuGroup = _ref => {
     const {
       onClick = noop
     } = child.props;
-    const value = "".concat(groupValue, ":").concat(index);
+    const value = `${groupValue}:${index}`;
     let isSelected;
     if (singleSelect) isSelected = selectedItems === value;else if (isMulti) isSelected = selectedItems.includes(value);
     return /*#__PURE__*/React.cloneElement(child, {

package/esm/MobileContextMenu/MobileContextMenuItem.js

@@ -28,7 +28,17 @@ const PropWrap = /*#__PURE__*/styled(props => /*#__PURE__*/jsx(Grid, _objectSpre
   componentId: "sc-20od94-1"
 })(["", ""], props => {
   if (!props.isMulti) {
-    return "\n      & > span {\n        height: 18px;\n        width: 18px;\n      }\n\n      & > span > svg {\n        height: 18px;\n        width: 18px;\n      }\n      ";
+    return `
+      & > span {
+        height: 18px;
+        width: 18px;
+      }
+
+      & > span > svg {
+        height: 18px;
+        width: 18px;
+      }
+      `;
   }
 
   return '';

package/esm/MobileDatePicker/MobileDatePicker.js

@@ -29,7 +29,7 @@ const DSMobileDatePicker = _ref => {
     }
   }, [inputRef.current]);
   const valueArr = value.split('-');
-  const displayValue = value && "".concat(valueArr[1], " / ").concat(valueArr[2], " / ").concat(valueArr[0]);
+  const displayValue = value && `${valueArr[1]} / ${valueArr[2]} / ${valueArr[0]}`;
   return /*#__PURE__*/_jsx(DSInputGroup, {
     rightAddon: /*#__PURE__*/_jsx(DSButton, {
       "aria-label": "Date Picker Button",

package/esm/MobileDropdownMenu/MobileDropdownMenu.js

@@ -1,5 +1,4 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'core-js/modules/esnext.async-iterator.map.js';
 import 'core-js/modules/esnext.iterator.map.js';
 import React, { useState, useRef } from 'react';
@@ -66,7 +65,7 @@ const DSMobileDropdownMenu = _ref => {
       isGroup: itemsProps.isGroup,
       isMulti: itemsProps.isMulti,
       singleSelect: itemsProps.singleSelect
-    }, 'ddwn'.concat("".concat(i))))) : null]
+    }, 'ddwn'.concat(`${i}`)))) : null]
   });
 };
 

package/esm/MobileFooter/Footer.js

@@ -15,7 +15,7 @@ import { DSMobileFooterText } from './Text.js';
 
 const FooterWrap = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-ls5vfg-0"
-})(["background-color:", ";border-top:", ";height:", ";"], props => props.theme.colors.neutral['000'], props => border(props.theme.colors.neutral[100]), props => "calc(".concat(__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), " * 7)"));
+})(["background-color:", ";border-top:", ";height:", ";"], props => props.theme.colors.neutral['000'], props => border(props.theme.colors.neutral[100]), props => `calc(${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)} * 7)`);
 
 const MobileFooter = _ref => {
   let {
@@ -29,7 +29,7 @@ const MobileFooter = _ref => {
       return childArr.length === 1 ? ['90%'] : ['45%', '45%'];
     }
 
-    return childArr.map(() => "".concat(100 / childArr.length, "%"));
+    return childArr.map(() => `${100 / childArr.length}%`);
   };
 
   return /*#__PURE__*/_jsx(FooterWrap, {}, void 0, /*#__PURE__*/_jsx(Grid, {

package/esm/MobileListItem/MobileListItem.js

@@ -31,7 +31,7 @@ const MobileListItem = _ref => {
     pl: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
     pr: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
     gutter: "xs",
-    "data-testid": "".concat(dataTestid, "--").concat(value)
+    "data-testid": `${dataTestid}--${value}`
   }, void 0, leftAddon && /*#__PURE__*/_jsx(Grid, {
     alignItems: "center",
     justifyContent: "center"

package/esm/MobilePageHeader/MobilePageHeader.js

@@ -1,5 +1,4 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { useMemo, useState, useCallback } from 'react';
 import { PropTypes, describe } from 'react-desc';
 import styled from 'styled-components';
@@ -22,7 +21,7 @@ const Label = /*#__PURE__*/styled.div.withConfig({
 })(["color:", ";", ""], props => props.theme.colors.neutral['500'], truncate());
 const Value = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1tfu1y9-3"
-})(["", " color:", ";", " margin-top:", ";"], truncate(), props => props.theme.colors.neutral['600'], props => props.withMarginRight ? "margin-right: 4px;" : '', props => props.withBreadcrumb ? '12px' : '0');
+})(["", " color:", ";", " margin-top:", ";"], truncate(), props => props.theme.colors.neutral['600'], props => props.withMarginRight ? `margin-right: 4px;` : '', props => props.withBreadcrumb ? '12px' : '0');
 const Wrapper = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-1tfu1y9-4"
 })(["border-bottom:", ";"], props => border(props.theme.colors.neutral['300']));

package/esm/MobileSelectList/MobileSelectList.js

@@ -1,6 +1,5 @@
 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.filter.js';
 import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.filter.js';
@@ -91,7 +90,7 @@ const MobileSelectList = _ref => {
         overflow: 'auto'
       }
     }, void 0, /*#__PURE__*/_jsx(ListContainer, {
-      "data-testid": "".concat(dataTestid, "--list-container")
+      "data-testid": `${dataTestid}--list-container`
     }, void 0, React.Children.map(children, child => {
       let leftAddon = null;
       let rightAddon = null;
@@ -121,7 +120,7 @@ const MobileSelectList = _ref => {
       pr: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
     }, void 0, /*#__PURE__*/React.cloneElement(buttonFooter, _objectSpread(_objectSpread({}, buttonFooter.props), {}, {
       containerProps: {
-        'data-testid': "".concat(dataTestid, "--btn")
+        'data-testid': `${dataTestid}--btn`
       },
       buttonType: 'primary',
       size: 'l',

package/esm/MobileSeparator/Separator.js

@@ -21,14 +21,14 @@ const Separator = /*#__PURE__*/styled(Grid).withConfig({
     color,
     borderType
   } = _ref;
-  return "".concat(theme.colors[color[0]][color[1]], " 1px ").concat(borderType);
+  return `${theme.colors[color[0]][color[1]]} 1px ${borderType}`;
 }, _ref2 => {
   let {
     theme,
     color,
     borderType
   } = _ref2;
-  return "".concat(theme.colors[color[0]][color[1]], " 1px ").concat(borderType);
+  return `${theme.colors[color[0]][color[1]]} 1px ${borderType}`;
 });
 
 const MobileSeparator = _ref3 => {

package/esm/MobileTimePicker/MobileTimePicker.js

@@ -33,7 +33,7 @@ const DSMobileTimePicker = _ref => {
     if (!value || !valueArr[0] || !valueArr[1]) return '';
     const ampm = valueArr[0] >= 12 ? 'pm' : 'am';
     const h = valueArr[0] > 12 ? valueArr[0] - 12 : valueArr[0];
-    return "".concat(h, " : ").concat(valueArr[1], " ").concat(ampm);
+    return `${h} : ${valueArr[1]} ${ampm}`;
   }, [value]);
   return /*#__PURE__*/_jsx(DSInputGroup, {
     rightAddon: /*#__PURE__*/_jsx(DSButton, {

package/esm/MobileTouchable/MobileTouchable.js

@@ -1,11 +1,10 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'core-js/modules/web.dom-collections.iterator.js';
 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 { useState, useCallback } from 'react';
 import { noop } from 'lodash';
 import styled from 'styled-components';

package/esm/Modal/Modal.js

@@ -50,7 +50,7 @@ const Modal = _ref => {
       zIndex: zIndex,
       cols: ['auto']
     }, void 0, /*#__PURE__*/_jsx(ModalBox, {
-      maxHeight: "".concat(window.innerHeight * 0.75, "px"),
+      maxHeight: `${window.innerHeight * 0.75}px`,
       rows: [1, '80px'],
       style: {
         overflow: 'hidden'
@@ -85,7 +85,7 @@ const Modal = _ref => {
       justifyContent: "center",
       alignItems: "center",
       style: {
-        borderTop: "1px solid ".concat(theme.colors.neutral[100])
+        borderTop: `1px solid ${theme.colors.neutral[100]}`
       }
     }, void 0, showSecondaryAction && /*#__PURE__*/jsx(DSButton, _objectSpread(_objectSpread({}, secondaryActionProps), {}, {
       labelText: secondaryActionProps.labelText || ' Cancel',

package/esm/Modal/styled.js

@@ -1,10 +1,12 @@
-import _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';
 import { Grid } from '@elliemae/ds-grid';
 import styled from 'styled-components';
 import { createGlobalStyle } from '@elliemae/ds-system';
 
-var _templateObject;
-const BodyFix = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    body{\n        ", ";\n    }\n"])), props => props.isOpen ? 'overflow: hidden;' : '');
+const BodyFix = createGlobalStyle`
+    body{
+        ${props => props.isOpen ? 'overflow: hidden;' : ''};
+    }
+`;
 const ModalBox = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-cke90o-0"
 })(["width:100%;background:", ";max-height:", ";box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);"], props => props.theme.colors.neutral['000'], props => props.maxHeight);

package/esm/PageForm/PageForm.js

@@ -17,7 +17,7 @@ const Body = /*#__PURE__*/styled(Grid).withConfig({
   let {
     theme
   } = _ref2;
-  return "width: ".concat(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25), ";");
+  return `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`;
 });
 
 const PageForm = _ref3 => {

package/esm/PageSummary/PageSummary.js

@@ -25,7 +25,7 @@ const Body = /*#__PURE__*/styled(Grid).withConfig({
   let {
     theme
   } = _ref2;
-  return "width: ".concat(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25), ";");
+  return `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`;
 });
 
 const PageSummary = _ref3 => {

package/esm/SideNav/SideNav.js

@@ -1,5 +1,4 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'core-js/modules/esnext.async-iterator.map.js';
 import 'core-js/modules/esnext.iterator.map.js';
 import { useState } from 'react';
@@ -45,7 +44,7 @@ const DSSideNav = _ref => {
       }, idx, /*#__PURE__*/_jsx("div", {
         className: "icon"
       }, void 0, icon), /*#__PURE__*/_jsx("div", {
-        className: "text ".concat(idx === selectedMenuItemIdx ? 'active' : '')
+        className: `text ${idx === selectedMenuItemIdx ? 'active' : ''}`
       }, void 0, text));
     })) : null
   });

package/esm/SwipeToRefresh/ProgressIndicator.js

@@ -28,16 +28,16 @@ const ProgressIndicator = _ref => {
     r: "54",
     fill: "none",
     strokeWidth: "12",
-    stroke: "".concat(theme.colors.neutral[100])
+    stroke: `${theme.colors.neutral[100]}`
   }), /*#__PURE__*/_jsx("circle", {
     cx: "60",
     cy: "60",
     r: "54",
     strokeWidth: "12",
     fill: "none",
-    strokeDasharray: "".concat(cir, "px"),
-    strokeDashoffset: "".concat(dashoffset, "px"),
-    stroke: "".concat(theme.colors.brand[600]),
+    strokeDasharray: `${cir}px`,
+    strokeDashoffset: `${dashoffset}px`,
+    stroke: `${theme.colors.brand[600]}`,
     strokeLinecap: "round"
   })));
 };

package/esm/SwipeToRefresh/SwipeToRefresh.js

@@ -30,14 +30,14 @@ const SwipeToRefresh = _ref => {
     onTouchMove: swipe.touchMove,
     ref: swipe.ref,
     children: [/*#__PURE__*/_jsx(LoaderBox, {
-      height: loading ? theme.space.m : "".concat(swipe.height, "px"),
+      height: loading ? theme.space.m : `${swipe.height}px`,
       alignItems: "flex-start",
       "data-testid": "loader-box"
     }, void 0, /*#__PURE__*/_jsx(PositionLoader, {
       height: theme.space.m,
       justifyContent: "center",
       alignItems: "center",
-      mt: swipe.height > 40 || loading ? 0 : "".concat(swipe.height - 40, "px")
+      mt: swipe.height > 40 || loading ? 0 : `${swipe.height - 40}px`
     }, void 0, loading ? _DSCircularProgressIn || (_DSCircularProgressIn = /*#__PURE__*/_jsx(DSCircularProgressIndicator, {})) : /*#__PURE__*/_jsx(ProgressIndicator, {
       progress: progress
     }))), /*#__PURE__*/jsx("div", {

package/esm/SwipeToRefresh/useSwipe.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useRef } from 'react';
 
 const useSwipe = _ref => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-mobile",
-  "version": "2.4.2-rc.1",
+  "version": "2.4.2-rc.13",
   "license": "MIT",
   "description": "ICE MT - Dimsum - System",
   "module": "./esm/index.js",
@@ -433,19 +433,19 @@
     "generateSubmodules": true
   },
   "dependencies": {
-    "@elliemae/ds-accordion": "2.4.2-rc.1",
-    "@elliemae/ds-backdrop": "2.4.2-rc.1",
-    "@elliemae/ds-button": "2.4.2-rc.1",
-    "@elliemae/ds-circular-progress-indicator": "2.4.2-rc.1",
-    "@elliemae/ds-form": "2.4.2-rc.1",
-    "@elliemae/ds-grid": "2.4.2-rc.1",
-    "@elliemae/ds-icon": "2.4.2-rc.1",
-    "@elliemae/ds-icons": "2.4.2-rc.1",
-    "@elliemae/ds-indeterminate-progress-indicator": "2.4.2-rc.1",
-    "@elliemae/ds-shared": "2.4.2-rc.1",
-    "@elliemae/ds-system": "2.4.2-rc.1",
-    "@elliemae/ds-tabs": "2.4.2-rc.1",
-    "@elliemae/ds-truncated-expandable-text": "2.4.2-rc.1",
+    "@elliemae/ds-accordion": "2.4.2-rc.13",
+    "@elliemae/ds-backdrop": "2.4.2-rc.13",
+    "@elliemae/ds-button": "2.4.2-rc.13",
+    "@elliemae/ds-circular-progress-indicator": "2.4.2-rc.13",
+    "@elliemae/ds-form": "2.4.2-rc.13",
+    "@elliemae/ds-grid": "2.4.2-rc.13",
+    "@elliemae/ds-icon": "2.4.2-rc.13",
+    "@elliemae/ds-icons": "2.4.2-rc.13",
+    "@elliemae/ds-indeterminate-progress-indicator": "2.4.2-rc.13",
+    "@elliemae/ds-shared": "2.4.2-rc.13",
+    "@elliemae/ds-system": "2.4.2-rc.13",
+    "@elliemae/ds-tabs": "2.4.2-rc.13",
+    "@elliemae/ds-truncated-expandable-text": "2.4.2-rc.13",
     "@xstyled/styled-components": "~3.1.1",
     "polished": "~3.6.7",
     "prop-types": "~15.7.2",

package/types/MobileBanner/styles.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { StyledBannerContainerT, StyledContentT, StyledInnerContainerT } from './index.d';
 export declare const StyledInnerContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledInnerContainerT, never>;
 export declare const StyledTextContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -6,6 +7,7 @@ export declare const StyledSubTitle: import("styled-components").StyledComponent
 export declare const StyledIconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledContentT, never>;
 export declare const StyledCloseButtonContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledCloseButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+export declare const StyledSubTitleText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledCloseButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/react-desc-prop-types").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledActionLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledBannerContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledBannerContainerT, never>;