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

package/cjs/MobileContextMenu/MobileContextMenuItem.js

@@ -28,11 +28,11 @@ var _CheckMark;
 
 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 Wrap = /*#__PURE__*/styled__default['default'](props => /*#__PURE__*/jsxRuntime.jsx(MobileTouchable.DSMobileTouchable, _objectSpread({}, props))).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 Wrap = /*#__PURE__*/styled__default["default"](props => /*#__PURE__*/jsxRuntime.jsx(MobileTouchable.DSMobileTouchable, _objectSpread({}, props))).withConfig({
   componentId: "sc-20od94-0"
 })(["border-bottom:none;"]);
-const PropWrap = /*#__PURE__*/styled__default['default'](props => /*#__PURE__*/jsxRuntime.jsx(Grid.Grid, _objectSpread({}, props))).withConfig({
+const PropWrap = /*#__PURE__*/styled__default["default"](props => /*#__PURE__*/jsxRuntime.jsx(Grid.Grid, _objectSpread({}, props))).withConfig({
   componentId: "sc-20od94-1"
 })(["", ""], props => {
   if (!props.isMulti) {
@@ -51,13 +51,13 @@ const PropWrap = /*#__PURE__*/styled__default['default'](props => /*#__PURE__*/j
 
   return '';
 });
-const Title = /*#__PURE__*/styled__default['default'].span.withConfig({
+const Title = /*#__PURE__*/styled__default["default"].span.withConfig({
   componentId: "sc-20od94-2"
 })(["font-size:16px;color:", ";", ""], props => props.theme.colors.brand['600'], dsSystem.truncate());
-const Label = /*#__PURE__*/styled__default['default'].span.withConfig({
+const Label = /*#__PURE__*/styled__default["default"].span.withConfig({
   componentId: "sc-20od94-3"
 })(["font-size:13px;color:", ";"], props => props.theme.colors.neutral['600']);
-const CheckMark = /*#__PURE__*/styled__default['default'](DSCheckmark__default['default']).withConfig({
+const CheckMark = /*#__PURE__*/styled__default["default"](DSCheckmark__default["default"]).withConfig({
   componentId: "sc-20od94-4"
 })(["fill:", ";"], props => props.theme.colors.brand['600']);
 
@@ -75,7 +75,7 @@ const DSMobileContextMenuItem = ({
 }) => {
   var _Checkbox, _Grid, _Title;
 
-  return /*#__PURE__*/_jsx__default['default'](GroupItem__default['default'], {
+  return /*#__PURE__*/_jsx__default["default"](GroupItem__default["default"], {
     render: context => {
       const {
         activeValue
@@ -85,14 +85,14 @@ const DSMobileContextMenuItem = ({
       let showLeftAddon = isSelected;
       if (isMulti || !singleSelect) showLeftAddon = true;
       let leftAddon = leftProp || null;
-      if (isMulti) leftAddon = _Checkbox || (_Checkbox = /*#__PURE__*/_jsx__default['default'](DSCheckbox__default['default'], {
+      if (isMulti) leftAddon = _Checkbox || (_Checkbox = /*#__PURE__*/_jsx__default["default"](DSCheckbox__default["default"], {
         checked: isSelected,
         "data-testid": "leftAddon-checkbox"
       }));
-      if (singleSelect) leftAddon = _CheckMark || (_CheckMark = /*#__PURE__*/_jsx__default['default'](CheckMark, {
+      if (singleSelect) leftAddon = _CheckMark || (_CheckMark = /*#__PURE__*/_jsx__default["default"](CheckMark, {
         "data-testid": "leftAddon-checkmark"
       }));
-      return /*#__PURE__*/_jsx__default['default'](Wrap, {
+      return /*#__PURE__*/_jsx__default["default"](Wrap, {
         "data-testid": "ds-contextmenu-item",
         onClick: e => {
           if (singleSelect || isMulti) context.onChange(value, e, {
@@ -103,23 +103,23 @@ const DSMobileContextMenuItem = ({
           onClick(e);
         },
         cols: singleSelect && someItemSelected || leftAddon && !singleSelect || isMulti ? ['40px', 'auto'] : ['auto']
-      }, void 0, (singleSelect && someItemSelected || isMulti || leftAddon) && /*#__PURE__*/_jsx__default['default'](PropWrap, {
+      }, void 0, (singleSelect && someItemSelected || isMulti || leftAddon) && /*#__PURE__*/_jsx__default["default"](PropWrap, {
         "data-testid": "left-addon",
         isMulti: isMulti,
         alignItems: "center",
         justifyContent: "center",
         pl: "16px"
-      }, void 0, showLeftAddon && leftAddon), /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+      }, void 0, showLeftAddon && leftAddon), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
         height: "44px",
         pr: "xs",
         pl: !leftAddon && isGroup ? '24px' : 'xs'
-      }, void 0, label && (_Grid || (_Grid = /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+      }, void 0, label && (_Grid || (_Grid = /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
         alignItems: "center"
-      }, void 0, /*#__PURE__*/_jsx__default['default'](Label, {
+      }, void 0, /*#__PURE__*/_jsx__default["default"](Label, {
         "data-testid": "contextMenuItem-label"
-      }, void 0, label)))), /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+      }, void 0, label)))), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
         alignItems: !label ? 'center' : undefined
-      }, void 0, _Title || (_Title = /*#__PURE__*/_jsx__default['default'](Title, {
+      }, void 0, _Title || (_Title = /*#__PURE__*/_jsx__default["default"](Title, {
         "data-testid": "contextMenuItem-title"
       }, void 0, title)))));
     }

package/cjs/MobileDatePicker/Input.js

@@ -19,15 +19,15 @@ const _excluded = ["innerRef"];
 
 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 StyledInput = /*#__PURE__*/styled__default['default'].input.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 StyledInput = /*#__PURE__*/styled__default["default"].input.withConfig({
   componentId: "sc-1djip5a-0"
 })(["input[type=date]&{-webkit-appearance:none;-moz-appearance:none;-webkit-tap-highlight-color:transparent;appearance:none;color:transparent;white-space:nowrap;position:relative;height:", ";width:100%;max-width:calc(100% - 32px);outline:none;box-sizing:border-box;display:flex;background:", ";padding:0 ", ";z-index:1;border-radius:2px;border:solid 1px ", ";}input[type=date]&:active,input[type=date]&:focus{", "}&:before{color:", ";content:'", "';}input[type=date]&::-webkit-datetime-edit,input[type=date]&::-webkit-inner-spin-button,input[type=date]&::-webkit-clear-button{-webkit-appearance:none;display:none;}"], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.l), props => props.theme.colors.neutral['000'], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), props => props.theme.colors.neutral[200], props => dsSystem.focus(props.theme.colors.brand[700]), props => props.value === '' ? props.theme.colors.neutral['500'] : props.theme.colors.neutral['800'], props => props.value === '' ? props.placeholder : props['data-displayvalue']);
 const Input = _ref => {
   let {
     innerRef
   } = _ref,
-      props = _objectWithoutProperties__default['default'](_ref, _excluded);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   return /*#__PURE__*/jsxRuntime.jsx(StyledInput, _objectSpread({
     ref: innerRef

package/cjs/MobileDatePicker/MobileDatePicker.js

@@ -40,12 +40,12 @@ const DSMobileDatePicker = ({
   }, [inputRef.current]);
   const valueArr = value.split('-');
   const displayValue = value && `${valueArr[1]} / ${valueArr[2]} / ${valueArr[0]}`;
-  return /*#__PURE__*/_jsx__default['default'](DSInputGroup__default['default'], {
-    rightAddon: /*#__PURE__*/_jsx__default['default'](DSButton__default['default'], {
+  return /*#__PURE__*/_jsx__default["default"](DSInputGroup__default["default"], {
+    rightAddon: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       "aria-label": "Date Picker Button",
       color: !disabled ? Icon.DSIconColors.PRIMARY : Icon.DSIconColors.NEUTRAL,
       disabled: disabled,
-      icon: _DatePicker || (_DatePicker = /*#__PURE__*/_jsx__default['default'](DatePicker__default['default'], {})),
+      icon: _DatePicker || (_DatePicker = /*#__PURE__*/_jsx__default["default"](DatePicker__default["default"], {})),
       type: "button",
       buttonType: "secondary",
       onClick: () => {
@@ -53,7 +53,7 @@ const DSMobileDatePicker = ({
         inputRef.current.click();
       }
     })
-  }, void 0, /*#__PURE__*/_jsx__default['default'](Input.Input, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Input.Input, {
     "data-testid": "ds-mobile-date-picker",
     innerRef: inputRef,
     "aria-label": "Date Picker Input Mask",

package/cjs/MobileDropdownMenu/MobileDropdownInput.js

@@ -19,27 +19,27 @@ var ChevronDownIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronDownIco
 
 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 MobileDropdownInput = /*#__PURE__*/styled__default['default'].input.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 MobileDropdownInput = /*#__PURE__*/styled__default["default"].input.withConfig({
   componentId: "sc-1rsc1yn-0"
 })(["-webkit-appearance:none;-moz-appearance:none;-webkit-tap-highlight-color:transparent;caret-color:transparent;padding-right:32px;padding-left:10px;border-radius:2px;width:100%;background:", ";height:32px;line-height:32px;border:solid 1px ", ";&:active,&:focus{", "}"], props => props.theme.colors.neutral['000'], props => props.theme.colors.neutral[200], props => dsSystem.focus(props.theme.colors.brand[700]));
-const MobileDropdownInputWrap = /*#__PURE__*/styled__default['default'].span.withConfig({
+const MobileDropdownInputWrap = /*#__PURE__*/styled__default["default"].span.withConfig({
   componentId: "sc-1rsc1yn-1"
 })(["position:relative;width:100%;display:inline-block;height:32px;"]);
-const CaretWrap = /*#__PURE__*/styled__default['default'].span.withConfig({
+const CaretWrap = /*#__PURE__*/styled__default["default"].span.withConfig({
   componentId: "sc-1rsc1yn-2"
 })(["width:32px;height:32px;position:absolute;right:0;top:0;display:flex;justify-content:center;align-items:center;"]);
 const Caret = ({
   onClick
-}) => /*#__PURE__*/_jsx__default['default'](CaretWrap, {
+}) => /*#__PURE__*/_jsx__default["default"](CaretWrap, {
   onClick: onClick
-}, void 0, /*#__PURE__*/_jsx__default['default'](ChevronDownIcon__default['default'], {
+}, void 0, /*#__PURE__*/_jsx__default["default"](ChevronDownIcon__default["default"], {
   color: ['brand-primary', '600']
 }));
 const DSMobileDropdownTriggerInput = ({
   inputProps,
   caretProps
-}) => /*#__PURE__*/_jsx__default['default'](MobileDropdownInputWrap, {
+}) => /*#__PURE__*/_jsx__default["default"](MobileDropdownInputWrap, {
   "data-testid": "ds-mobile-ddwn-menu"
 }, void 0, /*#__PURE__*/jsxRuntime.jsx(MobileDropdownInput, _objectSpread(_objectSpread({}, inputProps), {}, {
   readOnly: true

package/cjs/MobileDropdownMenu/MobileDropdownMenu.js

@@ -34,31 +34,31 @@ const DSMobileDropdownMenu = ({
 }) => {
   const [menuOpen, setMenuOpen] = React.useState(false);
   const inputRef = React.useRef(null);
-  const inputProps = React__default['default'].useMemo(() => ({
+  const inputProps = React__default["default"].useMemo(() => ({
     readOnly: true,
     value,
     onClick: () => setMenuOpen(true),
     ref: inputRef,
     placeholder
   }), [value, placeholder]);
-  const caretProps = React__default['default'].useMemo(() => ({
+  const caretProps = React__default["default"].useMemo(() => ({
     onClick: () => {
       inputRef.current.focus();
       setMenuOpen(true);
     }
   }), []);
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/_jsx__default['default'](MobileDropdownInput.DSMobileDropdownTriggerInput, {
+    children: [/*#__PURE__*/_jsx__default["default"](MobileDropdownInput.DSMobileDropdownTriggerInput, {
       inputProps: inputProps,
       caretProps: caretProps
-    }), menuOpen ? /*#__PURE__*/_jsx__default['default'](MobileContextMenu.DSMobileContextMenu, {
+    }), menuOpen ? /*#__PURE__*/_jsx__default["default"](MobileContextMenu.DSMobileContextMenu, {
       title: title,
       open: true,
       onChange: (_, e) => {
         setMenuOpen(false);
       },
       onClickOutside: () => setMenuOpen(false)
-    }, void 0, options.map((opt, i) => /*#__PURE__*/_jsx__default['default'](MobileContextMenuItem.DSMobileContextMenuItem, {
+    }, void 0, options.map((opt, i) => /*#__PURE__*/_jsx__default["default"](MobileContextMenuItem.DSMobileContextMenuItem, {
       title: opt.label,
       value: opt.value,
       isSelected: itemsProps.isItemSelected(opt),

package/cjs/MobileEmtpyState/MobileEmptyState.js

@@ -14,19 +14,19 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
 
-const Wrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Wrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1v2x6kj-0"
 })(["display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;"]);
-const Label = /*#__PURE__*/styled__default['default'].p.withConfig({
+const Label = /*#__PURE__*/styled__default["default"].p.withConfig({
   componentId: "sc-1v2x6kj-1"
 })(["color:", ";font-size:", ";font-weight:", ";min-width:132px;"], props => props.theme.colors.neutral['600'], props => props.theme.space.xs, props => props.theme.fontWeights.semibold);
 
 const DSMobileEmptyState = ({
   label = 'No search results found.'
-}) => /*#__PURE__*/_jsx__default['default'](Wrapper, {}, void 0, /*#__PURE__*/_jsx__default['default'](Search__default['default'], {
+}) => /*#__PURE__*/_jsx__default["default"](Wrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](Search__default["default"], {
   size: "xxl",
   color: ['neutral', 400]
-}), /*#__PURE__*/_jsx__default['default'](Label, {}, void 0, label));
+}), /*#__PURE__*/_jsx__default["default"](Label, {}, void 0, label));
 
 const props = {
   /** empty state label */

package/cjs/MobileEmtpyState/index.js

@@ -8,4 +8,4 @@ var MobileEmptyState = require('./MobileEmptyState.js');
 
 exports.DSMobileEmptyState = MobileEmptyState.DSMobileEmptyState;
 exports.DSMobileEmptyStateWithSchema = MobileEmptyState.DSMobileEmptyStateWithSchema;
-exports.default = MobileEmptyState.DSMobileEmptyState;
+exports["default"] = MobileEmptyState.DSMobileEmptyState;

package/cjs/MobileFilterbar/Filterbar.js

@@ -15,19 +15,19 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Bar = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Bar = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-14ysw84-0"
 })(["display:flex;overflow:auto;background-color:", ";padding-left:", ";& > *{flex-shrink:0;}&::-webkit-scrollbar{display:none;}"], props => props.theme.colors.neutral['000'], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs));
-const Separator = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Separator = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-14ysw84-1"
 })(["& > *{margin:0;}"]);
 
 const DSMobileFilterbar = ({
   children
-}) => /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+}) => /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
   rows: ['auto', 'auto'],
   "data-testid": "filter-bar-wrapper"
-}, void 0, /*#__PURE__*/_jsx__default['default'](Bar, {}, void 0, children), /*#__PURE__*/_jsx__default['default'](Separator, {}, void 0, /*#__PURE__*/_jsx__default['default'](Separator$1['default'], {
+}, void 0, /*#__PURE__*/_jsx__default["default"](Bar, {}, void 0, children), /*#__PURE__*/_jsx__default["default"](Separator, {}, void 0, /*#__PURE__*/_jsx__default["default"](Separator$1["default"], {
   margin: "xxs",
   color: ['neutral', '300']
 })));

package/cjs/MobileFilterbar/FilterbarItem.js

@@ -14,7 +14,7 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 const DSMobileFilterbarItem = ({
   children,
   onClick
-}) => /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+}) => /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
   "data-testid": "filter-bar-item-wrapper",
   cols: ['min-content'],
   pr: "xxs",

package/cjs/MobileFilterbar/FilterbarSort.js

@@ -15,18 +15,18 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Separator = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Separator = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-103uq0b-0"
 })(["& > *{margin-left:0;}"]);
 
 const DSMobileFilterbarSort = ({
   children
 }) => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-  children: [children, /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  children: [children, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     pb: "xxs",
     pt: "xxs",
     cols: ['min-content']
-  }, void 0, /*#__PURE__*/_jsx__default['default'](Separator, {}, void 0, /*#__PURE__*/_jsx__default['default'](Separator$1['default'], {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Separator, {}, void 0, /*#__PURE__*/_jsx__default["default"](Separator$1["default"], {
     margin: "xxs",
     direction: "vertical",
     color: ['neutral', '300']

package/cjs/MobileFooter/Action.js

@@ -16,7 +16,7 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Label = /*#__PURE__*/styled__default['default'].span.withConfig({
+const Label = /*#__PURE__*/styled__default["default"].span.withConfig({
   componentId: "sc-1op229o-0"
 })(["", " ", " padding-bottom:", ";padding-top:calc( ", " / 2 );"], styledSystem.typography, dsSystem.color('neutral', '800'), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs));
 
@@ -24,21 +24,21 @@ const DSMobileFooterAction = ({
   label,
   icon,
   onClick
-}) => /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+}) => /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
   "data-testid": "ds-mobile-footer-action",
   rows: ['auto'].concat(label ? 'min-content' : 'none'),
   justifyContent: "center",
   role: "button",
   onClick: onClick
-}, void 0, /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+}, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
   justifyContent: "center",
   alignItems: "center"
-}, void 0, /*#__PURE__*/React__default['default'].cloneElement(icon, {
+}, void 0, /*#__PURE__*/React__default["default"].cloneElement(icon, {
   'data-testid': 'ds-mobile-footer-action-icon',
   size: !label ? 'l' : 'm'
-})), label && /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+})), label && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
   justifyContent: "center"
-}, void 0, /*#__PURE__*/_jsx__default['default'](Label, {
+}, void 0, /*#__PURE__*/_jsx__default["default"](Label, {
   fontSize: "11px"
 }, void 0, label)));
 

package/cjs/MobileFooter/Footer.js

@@ -18,15 +18,15 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-const FooterWrap = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const FooterWrap = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-ls5vfg-0"
 })(["background-color:", ";border-top:", ";height:", ";"], props => props.theme.colors.neutral['000'], props => dsSystem.border(props.theme.colors.neutral[100]), props => `calc(${dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)} * 7)`);
 
 const MobileFooter = ({
   children
 }) => {
-  const childArr = React__default['default'].Children.toArray(children);
-  const isButtonType = childArr[0].type === Text.DSMobileFooterText || childArr[0].type === DSButton__default['default'];
+  const childArr = React__default["default"].Children.toArray(children);
+  const isButtonType = childArr[0].type === Text.DSMobileFooterText || childArr[0].type === DSButton__default["default"];
 
   const setCols = () => {
     if (isButtonType) {
@@ -36,7 +36,7 @@ const MobileFooter = ({
     return childArr.map(() => `${100 / childArr.length}%`);
   };
 
-  return /*#__PURE__*/_jsx__default['default'](FooterWrap, {}, void 0, /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  return /*#__PURE__*/_jsx__default["default"](FooterWrap, {}, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     cols: setCols(),
     gutter: isButtonType ? 'xs' : undefined,
     justifyContent: "center",
@@ -44,7 +44,7 @@ const MobileFooter = ({
   }, void 0, childArr.map((c, i) =>
   /*#__PURE__*/
   // eslint-disable-next-line react/no-array-index-key
-  _jsx__default['default'](Grid.Grid, {}, i, c))));
+  _jsx__default["default"](Grid.Grid, {}, i, c))));
 };
 
 const footerProps = {
@@ -57,4 +57,4 @@ const MobileFooterWithSchema = reactDesc.describe(MobileFooter);
 MobileFooterWithSchema.propTypes = footerProps;
 
 exports.MobileFooterWithSchema = MobileFooterWithSchema;
-exports['default'] = MobileFooter;
+exports["default"] = MobileFooter;

package/cjs/MobileFooter/Text.js

@@ -13,13 +13,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Text = /*#__PURE__*/styled__default['default'].p.withConfig({
+const Text = /*#__PURE__*/styled__default["default"].p.withConfig({
   componentId: "sc-1v0cqsw-0"
 })(["margin:auto 0;", " ", " ", ""], dsSystem.truncate(), dsSystem.textStyle('body'), dsSystem.color('neutral', '800'));
 
 const DSMobileFooterText = ({
   children
-}) => /*#__PURE__*/_jsx__default['default'](Text, {}, void 0, children);
+}) => /*#__PURE__*/_jsx__default["default"](Text, {}, void 0, children);
 
 const props = {
   children: reactDesc.PropTypes.string.isRequired.description('Children')

package/cjs/MobileFooter/index.js

@@ -8,7 +8,7 @@ var Action = require('./Action.js');
 
 
 
-exports.DSMobileFooter = Footer['default'];
+exports.DSMobileFooter = Footer["default"];
 exports.MobileFooterWithSchema = Footer.MobileFooterWithSchema;
 exports.DSMobileFooterText = Text.DSMobileFooterText;
 exports.DSMobileFooterTextWithSchema = Text.DSMobileFooterTextWithSchema;

package/cjs/MobileListItem/MobileListItem.js

@@ -14,10 +14,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const StyledContainer = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const StyledContainer = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-n7r3qn-0"
 })(["background:", ";border-bottom:", ";"], props => props.theme.colors.neutral['000'], props => dsSystem.border(props.theme.colors.neutral['300']));
-const StyledTitle = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledTitle = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-n7r3qn-1"
 })(["font-weight:", ";font-size:13px;color:", ";", ""], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['800'], dsSystem.truncate());
 
@@ -32,7 +32,7 @@ const MobileListItem = ({
   const cols = [1];
   if (leftAddon) cols.unshift(dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));
   if (rightAddon) cols.push(dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));
-  return /*#__PURE__*/_jsx__default['default'](StyledContainer, {
+  return /*#__PURE__*/_jsx__default["default"](StyledContainer, {
     cols: cols,
     height: theme.space.m,
     width: "100%",
@@ -40,12 +40,12 @@ const MobileListItem = ({
     pr: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
     gutter: "xs",
     "data-testid": `${dataTestid}--${value}`
-  }, void 0, leftAddon && /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  }, void 0, leftAddon && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     alignItems: "center",
     justifyContent: "center"
-  }, void 0, leftAddon), /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  }, void 0, leftAddon), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     alignItems: "center"
-  }, void 0, /*#__PURE__*/_jsx__default['default'](StyledTitle, {}, void 0, title)), rightAddon && /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](StyledTitle, {}, void 0, title)), rightAddon && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     alignItems: "center",
     justifyContent: "center"
   }, void 0, rightAddon));

package/cjs/MobilePageHeader/MobilePageHeader.js

@@ -22,19 +22,19 @@ var ChevronSmallDown__default = /*#__PURE__*/_interopDefaultLegacy(ChevronSmallD
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
 var _ChevronSmallDown;
-const StyledTitle = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const StyledTitle = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-1tfu1y9-0"
 })(["font-size:22px;font-weight:", ";color:", ";min-height:", ";padding-top:", ";"], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['700'], props => props.withBreadcrumb ? 'auto' : '44px', props => props.withBreadcrumb ? '0' : '6px');
-const StyledBreadCrumb = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledBreadCrumb = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1tfu1y9-1"
 })(["font-size:16px;font-weight:", ";color:", ";", ""], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['600'], dsSystem.truncate());
-const Label = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Label = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1tfu1y9-2"
 })(["color:", ";", ""], props => props.theme.colors.neutral['500'], dsSystem.truncate());
-const Value = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Value = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1tfu1y9-3"
 })(["", " color:", ";", " margin-top:", ";"], dsSystem.truncate(), props => props.theme.colors.neutral['600'], props => props.withMarginRight ? `margin-right: 4px;` : '', props => props.withBreadcrumb ? '12px' : '0');
-const Wrapper = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const Wrapper = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-1tfu1y9-4"
 })(["border-bottom:", ";"], props => dsSystem.border(props.theme.colors.neutral['300']));
 
@@ -62,12 +62,12 @@ const MobilePageHeader = ({
     setOpen(!open);
   }, [open]);
 
-  const separator = /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  const separator = /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     height: "32px",
     alignItems: "center"
-  }, void 0, /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     height: "24px"
-  }, void 0, /*#__PURE__*/_jsx__default['default'](Separator['default'], {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Separator["default"], {
     direction: "vertical",
     margin: "xxs",
     color: ['neutral', '300']
@@ -78,47 +78,47 @@ const MobilePageHeader = ({
   if (countActions) cols.push('auto');
   if (hasValue) cols2.push('auto');
   if (label) cols2.push('auto');
-  return /*#__PURE__*/_jsx__default['default'](Wrapper, {
+  return /*#__PURE__*/_jsx__default["default"](Wrapper, {
     cols: cols,
     pl: theme.space.xs,
     pr: theme.space.xs,
     alignItems: "flex-start",
     width: "100%",
     "data-testid": "page-header-wrapper"
-  }, void 0, /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     alignItems: "flex-start",
     justifyContent: "flex-start",
     cols: cols2
-  }, void 0, /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     cols: backArrow ? ['auto', 1] : [1],
     alignItems: "flex-start",
     pr: countActions === 0 && !hasValue && !label ? dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s) : 0
-  }, void 0, backArrow && /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  }, void 0, backArrow && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     height: breadCrumb ? '56px' : '44px',
     alignItems: "center"
-  }, void 0, backArrow), /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  }, void 0, backArrow), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     flexGrow: 0,
     pt: !breadCrumb ? 0 : theme.space.xxs
-  }, void 0, /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     cols: ['auto', 'auto'],
     alignItems: "flex-start"
-  }, void 0, /*#__PURE__*/_jsx__default['default'](Grid.Grid, {}, void 0, breadCrumb && /*#__PURE__*/_jsx__default['default'](StyledBreadCrumb, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, breadCrumb && /*#__PURE__*/_jsx__default["default"](StyledBreadCrumb, {
     "data-testid": "page-header-breadcrum"
-  }, void 0, breadCrumb), /*#__PURE__*/_jsx__default['default'](StyledTitle, {
+  }, void 0, breadCrumb), /*#__PURE__*/_jsx__default["default"](StyledTitle, {
     maxWidth: "100%",
     alignItems: "flex-start",
     withBreadcrumb: !!breadCrumb,
     "data-testid": "page-header-title"
-  }, void 0, /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     pt: breadCrumb ? 0 : theme.space.xxxs
-  }, void 0, /*#__PURE__*/_jsx__default['default'](TruncatedExpandableText.TruncatedExpandableText, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](TruncatedExpandableText.TruncatedExpandableText, {
     value: pageTitle
-  })))), contextMenu && /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  })))), contextMenu && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     alignItems: "center",
     mt: breadCrumb ? '20px' : '8px'
-  }, void 0, /*#__PURE__*/_jsx__default['default'](DSButton__default['default'], {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
     buttonType: "text",
-    icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default['default'](ChevronSmallDown__default['default'], {})),
+    icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](ChevronSmallDown__default["default"], {})),
     size: "s",
     onClick: () => {
       handleContext();
@@ -127,30 +127,30 @@ const MobilePageHeader = ({
     containerProps: {
       'data-testid': 'trigger-context-menu'
     }
-  }), /*#__PURE__*/React__default['default'].cloneElement(contextMenu, {
+  }), /*#__PURE__*/React__default["default"].cloneElement(contextMenu, {
     open: contextMenu.props.open !== undefined ? contextMenu.props.open : open,
     onChange: (event, item) => {
       if (contextMenu.props.onChange) contextMenu.props.onChange(event, item);
       handleContext();
     }
-  }))))), hasValue && /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  }))))), hasValue && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     height: breadCrumb ? '56px' : '44px',
     alignItems: "center",
     cols: ['auto', 'auto']
-  }, void 0, separator, /*#__PURE__*/_jsx__default['default'](Value, {
+  }, void 0, separator, /*#__PURE__*/_jsx__default["default"](Value, {
     withMarginRight: !!label,
     "data-testid": "page-header-value"
-  }, void 0, value)), label && /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  }, void 0, value)), label && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     height: breadCrumb ? '56px' : '44px',
     alignItems: "center"
-  }, void 0, /*#__PURE__*/_jsx__default['default'](Label, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Label, {
     withBreadcrumb: !!breadCrumb,
     "data-testid": "page-header-label"
-  }, void 0, label))), countActions > 0 && /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  }, void 0, label))), countActions > 0 && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     height: breadCrumb ? '56px' : '44px',
     alignItems: "center",
     cols: countActions === 1 ? ['auto'] : ['auto', 'auto', 'auto']
-  }, void 0, firstAction && /*#__PURE__*/_jsx__default['default'](Grid.Grid, {}, void 0, firstAction), countActions === 2 && separator, secondAction && /*#__PURE__*/_jsx__default['default'](Grid.Grid, {}, void 0, secondAction)));
+  }, void 0, firstAction && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, firstAction), countActions === 2 && separator, secondAction && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, secondAction)));
 };
 
 const pageHeaderProps = {