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

package/cjs/SideNav/styles.js

@@ -8,28 +8,28 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Container = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Container = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-10h55hr-0"
 })(["position:fixed;width:100%;height:100%;"]);
-const MenuWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const MenuWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-10h55hr-1"
 })(["position:relative;height:100%;"]);
-const Menu = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Menu = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-10h55hr-2"
 })(["position:fixed;width:80%;height:100%;background-color:", ";font-family:", ";box-shadow:5px 0 5px ", ";padding:", ";"], props => props.theme.colors.brand[700], props => props.theme.fonts.default, props => props.theme.colors.neutral[600], props => props.theme.space.xs);
-const Heading = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Heading = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-10h55hr-3"
 })(["display:flex;flex-direction:row;.content{width:100%;display:flex;flex-direction:row;span{flex-grow:1;}label{padding-top:1px;line-height:30px;font-weight:", ";font-size:22px;color:", ";}.icon{cursor:pointer;padding-top:6px;}}"], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['000']);
-const Icon = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Icon = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-10h55hr-4"
 })(["margin-right:", ";"], props => props.theme.space.xxs2);
-const Hr = /*#__PURE__*/styled__default['default'].hr.withConfig({
+const Hr = /*#__PURE__*/styled__default["default"].hr.withConfig({
   componentId: "sc-10h55hr-5"
 })(["margin-left:-", ";margin-right:-", ";"], props => props.theme.space.xs, props => props.theme.space.xs);
-const MenuList = /*#__PURE__*/styled__default['default'].div.withConfig({
+const MenuList = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-10h55hr-6"
 })([".menuitem{display:flex;flex-direction:row;cursor:pointer;height:22px;margin-bottom:", ";.icon{padding-left:6px;margin-right:", ";span{height:20px;width:20px;svg{height:20px;width:20px;}}}.text{font-weight:", ";font-size:18px;line-height:22px;color:", ";&.active{font-weight:", ";}}&:last-child{margin-bottom:0;}}"], props => props.theme.space.xs, props => props.theme.space.xs, props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['000'], props => props.theme.fontWeights.semibold);
-const BottomMenu = /*#__PURE__*/styled__default['default'].div.withConfig({
+const BottomMenu = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-10h55hr-7"
 })(["position:absolute;bottom:0;width:100%;"]);
 

package/cjs/SwipeToRefresh/ProgressIndicator.js

@@ -19,24 +19,24 @@ const ProgressIndicator = ({
   const factor = progress / 100;
   const theme = dsSystem.useTheme();
   const dashoffset = cir * (1 - factor);
-  return /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  return /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     height: theme.space.s,
     width: theme.space.s,
     justifyContent: "center",
     alignItems: "center"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("svg", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("svg", {
     width: "23",
     height: "23",
     viewBox: "0 0 120 120",
     transform: "rotate(-90)"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("circle", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
     cx: "60",
     cy: "60",
     r: "54",
     fill: "none",
     strokeWidth: "12",
     stroke: `${theme.colors.neutral[100]}`
-  }), /*#__PURE__*/_jsx__default['default']("circle", {
+  }), /*#__PURE__*/_jsx__default["default"]("circle", {
     cx: "60",
     cy: "60",
     r: "54",

package/cjs/SwipeToRefresh/ProgressLoader.js

@@ -13,111 +13,111 @@ var _defs, _g;
 const ProgressLoader = () => {
   const width = 32;
   const height = 32;
-  return /*#__PURE__*/_jsx__default['default']("svg", {
+  return /*#__PURE__*/_jsx__default["default"]("svg", {
     viewBox: "0 0 40 40",
     width: width,
     height: height,
     rotate: "20deg"
-  }, void 0, _defs || (_defs = /*#__PURE__*/_jsx__default['default']("defs", {}, void 0, /*#__PURE__*/_jsx__default['default']("clipPath", {
+  }, void 0, _defs || (_defs = /*#__PURE__*/_jsx__default["default"]("defs", {}, void 0, /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("circle", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
     className: "prefix__cls-1",
     cx: -220,
     cy: 21,
     r: 12
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-2"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("circle", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
     className: "prefix__cls-1",
     cx: -220,
     cy: 9,
     r: 2
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-3"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("circle", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
     className: "prefix__cls-1",
     cx: -159.98,
     cy: 21,
     r: 12
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-4"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     className: "prefix__cls-1",
     d: "M-146 21a14 14 0 00-14-14h-.13a2 2 0 00-2 2 2 2 0 002 2h.09a10 10 0 0110 10 2 2 0 002 2 2 2 0 002.04-2z"
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-5"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     className: "prefix__cls-2",
     d: "M-151.3 27.15l-1.33-6.81a1 1 0 01.79-1.18 1.05 1.05 0 01.5 0l7 2.24a1 1 0 01.65 1.26 1 1 0 01-.33.47l-5.66 4.58a1 1 0 01-1.4-.15 1.19 1.19 0 01-.22-.41z"
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-6"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("circle", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
     className: "prefix__cls-1",
     cx: -99.68,
     cy: 21.22,
     r: 12
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-7"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     className: "prefix__cls-1",
     d: "M-99.68 35.22a14 14 0 0014-14 14 14 0 00-14-14h-.26a2 2 0 00-2 2 2 2 0 002 2h.18a10 10 0 0110 10 10 10 0 01-10 10 2 2 0 00-2 2 2 2 0 002.08 2z"
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-8"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     className: "prefix__cls-2",
     d: "M-106.26 30l6.73-1.44a1 1 0 011.19.77 1 1 0 010 .48l-1.84 6.65a1 1 0 01-1.24.7 1.1 1.1 0 01-.46-.28l-4.88-5.22a1 1 0 010-1.42 1.05 1.05 0 01.5-.24z"
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-9"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("circle", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
     className: "prefix__cls-1",
     cx: -39.52,
     cy: 21.9,
     r: 12
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-10"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     className: "prefix__cls-1",
     d: "M-53.52 21.9a14 14 0 0014 14 14 14 0 0014-14 14 14 0 00-14-14h-.39a2 2 0 00-1.94 2 2 2 0 002.05 2h.28a10 10 0 0110 10 10 10 0 01-10 10 10 10 0 01-10-10 2 2 0 00-2-2 2 2 0 00-2 2z"
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-11"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     className: "prefix__cls-2",
     d: "M-47.67 14.9l1 6.87a1 1 0 01-.85 1.13 1.07 1.07 0 01-.47 0l-6.77-2.35a1 1 0 01-.61-1.27 1 1 0 01.33-.47l5.8-4.51a1 1 0 011.4.18.94.94 0 01.17.42z"
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-12"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     className: "prefix__cls-1",
     d: "M34.48 21.9a14.2 14.2 0 100 .37 2 2 0 00-4-.11 9.76 9.76 0 110-.26 2 2 0 004 0z"
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-13"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     className: "prefix__cls-1",
     d: "M-155.52-51.1h282v114h-282z"
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-14"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     className: "prefix__cls-1",
     d: "M4.48 5.9h32v32h-32z"
-  })), /*#__PURE__*/_jsx__default['default']("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-15"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     className: "prefix__cls-2",
     d: "M26.13 11.91l-6.53 1.87a1 1 0 01-1.24-.68.94.94 0 010-.5l1.48-6.43A1 1 0 0121 5.42a1.07 1.07 0 01.45.23l5 4.55a1 1 0 01.08 1.41 1.12 1.12 0 01-.4.3z"
-  })), /*#__PURE__*/_jsx__default['default']("style", {}, void 0, '.prefix__cls-1,.prefix__cls-2{fill:none}.prefix__cls-2{clip-rule:evenodd}.prefix__cls-15{clip-path:url(#prefix__clip-path-13)}'))), _g || (_g = /*#__PURE__*/_jsx__default['default']("g", {
+  })), /*#__PURE__*/_jsx__default["default"]("style", {}, void 0, '.prefix__cls-1,.prefix__cls-2{fill:none}.prefix__cls-2{clip-rule:evenodd}.prefix__cls-15{clip-path:url(#prefix__clip-path-13)}'))), _g || (_g = /*#__PURE__*/_jsx__default["default"]("g", {
     id: "prefix__Layer_5",
     "data-name": "Layer 5"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("g", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("g", {
     clipPath: "url(#prefix__clip-path-12)"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("g", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("g", {
     clipPath: "url(#prefix__clip-path-14)"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("image", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("image", {
     width: 32,
     height: 32,
     transform: "rotate(-90 21.19 16.71)",
     xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsSAAALEgHS3X78AAACA0lEQVRYR+3XTY7UMBDF8X+VnfR0SwiE2IzEBWDLHbgAHIyDwFVYcwDEEiSE5iOx32PhboYVs5ig2bQlL6KUlJ+fK44Sbz58No848r6C/z3OgDPgDDgDzoAz4NEB9b6CzUYtlIuJw1x5OhV2Nbmo+XDAp/cv7yv553gw4N3Hr7x9fcmr58mLHeynZA4zFygBGWOfIyAYkzheewMAwJcf18CeywM8u4BDMYcaTCWoGdQwCZQcqDih8DaA79cr3+YCzNxKPJngMAUXKeaEuQSlBFWQERRMJoRjG8BVFz+Xzq42oNIESxf7GuxqMHUzpZkTagaZQdFIYxNAdHG1dn4tyZQJJDKsNnuZuSRzgUUDUsPj4blRAu7iponrJqalkVEZCCMHTaIJppK0Y+PVNKmNegCbW5mbLuaeTE0UABIDvUA3dImWUEsyMVa/CcCGbnPbxFLETQsywDFePBlcQIbJIAtl0LfqAQMp0ZUsXdSM4xkQJMEpCRvEgHSbnhsBsMHQbJrGXGVqEyXKOHGIUxlK6AzINgDANt2wyjSJVUGGyd4pJMvx6AH+pOGtEggb5BGrzNo9ujxM6RBhHKdf0ACME8xGryGAYkDaMYkmUQJaJKUPzF0GRwQbJQCQ8t022FQH1dA87qX+BsD4EmwF8FhNGsBYRjIK00P0SNYuCskaoxnRaMzfAeIT7ZHlq9QAAAAASUVORK5CYII="
-  }))), /*#__PURE__*/_jsx__default['default']("g", {
+  }))), /*#__PURE__*/_jsx__default["default"]("g", {
     clipPath: "url(#prefix__clip-path-15)"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     transform: "rotate(-77 22.961 10.28)",
     fill: "#3590ce",
     d: "M13.66 1.31h18.6v17.94h-18.6z"

package/cjs/SwipeToRefresh/SwipeToRefresh.js

@@ -30,22 +30,22 @@ const SwipeToRefresh = ({
     breakpoint
   });
   const progress = swipe.height > breakpoint ? 100 : swipe.height * 100 / breakpoint;
-  return /*#__PURE__*/_jsx__default['default'](styled.SwipeContainer, {}, void 0, /*#__PURE__*/jsxRuntime.jsxs(styled.SwipeDrag, {
+  return /*#__PURE__*/_jsx__default["default"](styled.SwipeContainer, {}, void 0, /*#__PURE__*/jsxRuntime.jsxs(styled.SwipeDrag, {
     onTouchStart: swipe.touchStart,
     onTouchEnd: swipe.touchEnd,
     onTouchCancel: swipe.touchCancel,
     onTouchMove: swipe.touchMove,
     ref: swipe.ref,
-    children: [/*#__PURE__*/_jsx__default['default'](styled.LoaderBox, {
+    children: [/*#__PURE__*/_jsx__default["default"](styled.LoaderBox, {
       height: loading ? theme.space.m : `${swipe.height}px`,
       alignItems: "flex-start",
       "data-testid": "loader-box"
-    }, void 0, /*#__PURE__*/_jsx__default['default'](styled.PositionLoader, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](styled.PositionLoader, {
       height: theme.space.m,
       justifyContent: "center",
       alignItems: "center",
       mt: swipe.height > 40 || loading ? 0 : `${swipe.height - 40}px`
-    }, void 0, loading ? _DSCircularProgressIn || (_DSCircularProgressIn = /*#__PURE__*/_jsx__default['default'](CircularProgressIndicator.DSCircularProgressIndicator, {})) : /*#__PURE__*/_jsx__default['default'](ProgressIndicator.ProgressIndicator, {
+    }, void 0, loading ? _DSCircularProgressIn || (_DSCircularProgressIn = /*#__PURE__*/_jsx__default["default"](CircularProgressIndicator.DSCircularProgressIndicator, {})) : /*#__PURE__*/_jsx__default["default"](ProgressIndicator.ProgressIndicator, {
       progress: progress
     }))), /*#__PURE__*/jsxRuntime.jsx("div", {
       ref: swipe.target,

package/cjs/SwipeToRefresh/styled.js

@@ -9,16 +9,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const SwipeContainer = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const SwipeContainer = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-pbpd8a-0"
 })(["transition:height 0.2s;overscroll-behavior:none;height:100%;"]);
-const SwipeDrag = /*#__PURE__*/styled__default['default'].div.withConfig({
+const SwipeDrag = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-pbpd8a-1"
 })(["border:none;overscroll-behavior:none;overflow:auto;max-height:100%;"]);
-const LoaderBox = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const LoaderBox = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-pbpd8a-2"
 })(["transition:height 0.2s;overflow:hidden;"]);
-const PositionLoader = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const PositionLoader = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-pbpd8a-3"
 })(["transition:margin 0.2s;"]);
 

package/cjs/Tabs/index.js

@@ -18,12 +18,12 @@ const _excluded = ["children"],
 
 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 DSMobileTabs = _ref => {
   let {
     children
   } = _ref,
-      props = _objectWithoutProperties__default['default'](_ref, _excluded);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   return /*#__PURE__*/jsxRuntime.jsx(dsBasic.DSTabs, _objectSpread(_objectSpread({}, props), {}, {
     isDSMobile: true,
@@ -34,7 +34,7 @@ const DSMobileTab = _ref2 => {
   let {
     children
   } = _ref2,
-      props = _objectWithoutProperties__default['default'](_ref2, _excluded2);
+      props = _objectWithoutProperties__default["default"](_ref2, _excluded2);
 
   return /*#__PURE__*/jsxRuntime.jsx(dsBasic.DSTab, _objectSpread(_objectSpread({}, props), {}, {
     isDSMobile: true,

package/cjs/index.js

@@ -59,27 +59,19 @@ exports.DSMobilePageSearch = PageSearch.DSMobilePageSearch;
 exports.DSPageSearch = PageSearch.DSPageSearch;
 Object.defineProperty(exports, 'DSMobileAccordion', {
   enumerable: true,
-  get: function () {
-    return Accordion.DSAccordion;
-  }
+  get: function () { return Accordion.DSAccordion; }
 });
 Object.defineProperty(exports, 'DSMobileAccordionItem', {
   enumerable: true,
-  get: function () {
-    return Accordion.DSAccordionItem;
-  }
+  get: function () { return Accordion.DSAccordionItem; }
 });
 Object.defineProperty(exports, 'DSMobileAccordionItemWithSchema', {
   enumerable: true,
-  get: function () {
-    return Accordion.DSAccordionItemWithSchema;
-  }
+  get: function () { return Accordion.DSAccordionItemWithSchema; }
 });
 Object.defineProperty(exports, 'DSMobileAccordionWithSchema', {
   enumerable: true,
-  get: function () {
-    return Accordion.DSAccordionWithSchema;
-  }
+  get: function () { return Accordion.DSAccordionWithSchema; }
 });
 exports.MobileSeparatorWithSchema = Separator.MobileSeparatorWithSchema;
 exports.DSMobileListItem = MobileListItem.DSMobileListItem;
@@ -99,8 +91,8 @@ exports.DSMobileFilterbarItem = FilterbarItem.DSMobileFilterbarItem;
 exports.FilterbarItemWithSchema = FilterbarItem.FilterbarItemWithSchema;
 exports.DSMobileActionToolbarWithSchema = MobileActionToolbar.DSMobileActionToolbarWithSchema;
 exports.DSToolbarItemWithSchema = MobileActionToolbarItem.DSToolbarItemWithSchema;
-exports.ToolbarItem = MobileActionToolbarItem['default'];
-exports.DSMobileFooter = Footer['default'];
+exports.ToolbarItem = MobileActionToolbarItem["default"];
+exports.DSMobileFooter = Footer["default"];
 exports.MobileFooterWithSchema = Footer.MobileFooterWithSchema;
 exports.DSMobileFooterText = Text.DSMobileFooterText;
 exports.DSMobileFooterTextWithSchema = Text.DSMobileFooterTextWithSchema;

package/esm/MobileBanner/utils/icons.js

@@ -3,6 +3,7 @@ import 'react';
 import SuccessFill from '@elliemae/ds-icons/SuccessFill';
 import InfoFill from '@elliemae/ds-icons/InfoFill';
 import AlertsDetailFill from '@elliemae/ds-icons/AlertsDetailFill';
+import WarningSquare from '@elliemae/ds-icons/WarningSquare';
 
 const icons = {
   success: /*#__PURE__*/_jsx(SuccessFill, {
@@ -16,7 +17,7 @@ const icons = {
     height: "24px",
     fill: "#c64252"
   }),
-  warning: /*#__PURE__*/_jsx(AlertsDetailFill, {
+  warning: /*#__PURE__*/_jsx(WarningSquare, {
     width: "24px",
     height: "24px",
     fill: "#d17a00"

package/esm/MobileContextMenu/MobileContextMenu.js

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
-import React, { useState, useRef, useEffect } from 'react';
+import React, { useState, useMemo, useRef } from 'react';
 import { noop } from 'lodash';
 import { PropTypes, describe } from 'react-desc';
 import styled from 'styled-components';
@@ -45,16 +45,15 @@ const DSMobileContextMenu = withTheme(({
   selecteds: initSelecteds
 }) => {
   const [selectedItems, setSelectedItems] = useState([]);
+  const trueSelected = useMemo(() => initSelecteds !== undefined ? initSelecteds : [...selectedItems], [initSelecteds, selectedItems]);
   const containerRef = useRef(null);
-  useEffect(() => {
-    if (typeof initSelecteds !== 'undefined') {
-      if (multiple) setSelectedItems(prev => [...prev, ...initSelecteds]);else if (singleSelect) setSelectedItems(initSelecteds);
-    }
-  }, [initSelecteds, multiple, singleSelect]);
 
   const handleChange = (value, childProps, event) => {
     onChange(value, childProps, event);
-    if (multiple) setSelectedItems([...value]);else if (singleSelect) setSelectedItems(value);
+
+    if (initSelecteds === undefined) {
+      if (multiple) setSelectedItems([...value]);else if (singleSelect) setSelectedItems(value);
+    }
   };
 
   const handleApply = function (e) {
@@ -97,7 +96,7 @@ const DSMobileContextMenu = withTheme(({
           overflow: 'auto'
         }
       }, void 0, /*#__PURE__*/_jsx(Group, {
-        activeValue: selectedItems,
+        activeValue: trueSelected,
         multiple: multiple,
         onChange: handleChange
       }, void 0, React.Children.map(children, (child, ii) => {
@@ -109,7 +108,7 @@ const DSMobileContextMenu = withTheme(({
         } = child.props;
         const value = ii;
         let isSelected;
-        if (singleSelect) isSelected = selectedItems === value;else if (multiple) isSelected = selectedItems.includes(value);
+        if (singleSelect) isSelected = trueSelected === value;else if (multiple) isSelected = trueSelected.includes(value);
         return /*#__PURE__*/React.cloneElement(child, {
           value,
           key: `cm.${ii}`,
@@ -117,7 +116,7 @@ const DSMobileContextMenu = withTheme(({
           singleSelect,
           isSelected,
           onClick: !isGroup ? e => onClick(e, child.props) : null,
-          selectedItems: isGroup ? selectedItems : null
+          selectedItems: isGroup ? trueSelected : null
         });
       })))), buttonFooter && /*#__PURE__*/_jsx(Grid, {
         pl: "xs",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-mobile",
-  "version": "2.0.0-alpha.1",
+  "version": "2.0.0-alpha.10",
   "license": "MIT",
   "description": "ICE MT - Dimsum - System",
   "module": "./esm/index.js",

package/types/MobileTimePicker/MobileTimePicker.stories.d.ts

@@ -3,3 +3,4 @@ declare namespace _default {
 }
 export default _default;
 export function Basic(): JSX.Element;
+import { PATH_MOBILE_TIME_PICKER } from "@elliemae/ds-devutils/types/paths";