@elliemae/ds-mobile 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/MobileSelectList/MobileSelectList.js

@@ -1,157 +1,145 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var MobileSelectList_exports = {};
-__export(MobileSelectList_exports, {
-  DSMobileSelectList: () => DSMobileSelectList
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_lodash = require("lodash");
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_form = require("@elliemae/ds-form");
-var import_ds_system = require("@elliemae/ds-system");
-var import_MobileTouchable = require("../MobileTouchable");
-var import_styled = require("./styled");
-const MobileSelectList = ({
-  open = false,
-  header = null,
-  multiple = false,
-  onChange = import_lodash.noop,
-  children,
-  theme,
-  zIndex = 1,
-  useSearch,
-  onSearch = import_lodash.noop,
-  dataTestid = "mobile-select-list",
-  buttonFooter = null,
-  onApply = import_lodash.noop,
-  selecteds: initSelecteds = []
-}) => {
-  const rows = ["auto", 1];
-  const [selecteds, setSelected] = (0, import_react.useState)(initSelecteds);
-  const [filter, setFilter] = (0, import_react.useState)("");
-  (0, import_react.useEffect)(() => {
+'use strict';
+
+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.map.js');
+require('core-js/modules/esnext.iterator.map.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 lodash = require('lodash');
+var dsGrid = require('@elliemae/ds-grid');
+var dsForm = require('@elliemae/ds-form');
+var dsSystem = require('@elliemae/ds-system');
+var MobileTouchable = require('../MobileTouchable/MobileTouchable.js');
+var styled = require('./styled.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](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 MobileSelectList = _ref => {
+  let {
+    open = false,
+    header = null,
+    multiple = false,
+    onChange = lodash.noop,
+    children,
+    theme,
+    zIndex = 1,
+    useSearch,
+    onSearch = lodash.noop,
+    dataTestid = 'mobile-select-list',
+    buttonFooter = null,
+    onApply = lodash.noop,
+    selecteds: initSelecteds = []
+  } = _ref;
+  const rows = ['auto', 1];
+  const [selecteds, setSelected] = React.useState(initSelecteds);
+  const [filter, setFilter] = React.useState('');
+  React.useEffect(() => {
     setSelected(initSelecteds);
   }, [initSelecteds]);
-  const handleSelection = (value) => {
+
+  const handleSelection = value => {
     if (multiple) {
-      const index = selecteds.findIndex((s) => s === value);
-      if (index > -1)
-        setSelected(selecteds.filter((s) => s !== value));
-      else
-        setSelected([...selecteds, value]);
-    } else
-      setSelected([value]);
+      const index = selecteds.findIndex(s => s === value);
+      if (index > -1) setSelected(selecteds.filter(s => s !== value));else setSelected([...selecteds, value]);
+    } else setSelected([value]);
   };
-  const handleChange = function(event) {
+
+  const handleChange = function (event) {
     onChange(event, this);
     handleSelection(this.value);
   };
-  const handleOnSearch = (e) => {
+
+  const handleOnSearch = e => {
     setFilter(e.target.value);
     onSearch(e);
   };
-  const handleApply = function(e) {
-    if (this.onClick)
-      this.onClick(e);
+
+  const handleApply = function (e) {
+    if (this.onClick) this.onClick(e);
     onApply(e, selecteds);
   };
-  if (buttonFooter)
-    rows.push((0, import_ds_system.op)("*", (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xl), 1.16666));
-  if (!open)
-    return null;
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledContainer, {
-    "data-testid": dataTestid,
-    rows,
-    zIndex
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.HeaderContainer, null, header, useSearch && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    alignItems: "center",
-    height: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xl),
-    pl: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
-    pr: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s)
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSTextBox, {
-    onChange: handleOnSearch,
-    placeholder: "Filter by name",
-    value: filter
-  }))), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    style: { overflow: "hidden" }
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    style: { overflow: "auto" }
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.ListContainer, {
-    "data-testid": `${dataTestid}--list-container`
-  }, import_react.default.Children.map(children, (child) => {
-    let leftAddon = null;
-    let rightAddon = null;
-    const { value, title } = child.props;
-    const found = selecteds.findIndex((s) => String(s) === String(value));
-    if (filter && !String(value).toLocaleLowerCase().includes(filter.toLocaleLowerCase()) && !String(title).toLocaleLowerCase().includes(filter.toLocaleLowerCase()))
-      return null;
-    if (multiple) {
-      if (found > -1)
-        leftAddon = import_styled.checked;
-      else
-        leftAddon = import_styled.checkbox;
-    } else if (found > -1) {
-      rightAddon = import_styled.selectedMark;
-    }
-    return /* @__PURE__ */ import_react.default.createElement(import_MobileTouchable.DSMobileTouchable, {
-      onClick: handleChange.bind(child.props)
-    }, import_react.default.cloneElement(child, { leftAddon, rightAddon }));
-  })))), buttonFooter && /* @__PURE__ */ import_react.default.createElement(import_styled.Footer, {
-    alignItems: "center",
-    pl: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
-    pr: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s)
-  }, import_react.default.cloneElement(buttonFooter, {
-    ...buttonFooter.props,
-    containerProps: {
-      "data-testid": `${dataTestid}--btn`
-    },
-    buttonType: "primary",
-    size: "l",
-    onClick: handleApply.bind(buttonFooter.props)
-  }))));
-};
-const DSMobileSelectList = (0, import_ds_system.withTheme)(MobileSelectList);
-MobileSelectList.propTypes = {
-  open: import_prop_types.default.bool,
-  header: import_prop_types.default.element,
-  onChange: import_prop_types.default.func,
-  multiple: import_prop_types.default.bool,
-  children: import_prop_types.default.arrayOf(import_prop_types.default.element),
-  dataTestid: import_prop_types.default.string,
-  buttonFooter: import_prop_types.default.element,
-  onApply: import_prop_types.default.func,
-  zIndex: import_prop_types.default.number,
-  selecteds: import_prop_types.default.arrayOf(import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number])),
-  theme: import_prop_types.default.object.isRequired,
-  useSearch: import_prop_types.default.bool,
-  onSearch: import_prop_types.default.func
+
+  if (buttonFooter) rows.push(dsSystem.op('*', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.16666));
+  if (!open) return null;
+  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: /*#__PURE__*/_jsx__default["default"](styled.StyledContainer, {
+      "data-testid": dataTestid,
+      rows: rows,
+      zIndex: zIndex
+    }, void 0, /*#__PURE__*/_jsx__default["default"](styled.HeaderContainer, {}, void 0, header, useSearch && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+      alignItems: "center",
+      height: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xl),
+      pl: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
+      pr: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
+    }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSTextBox, {
+      onChange: handleOnSearch,
+      placeholder: "Filter by name",
+      value: filter
+    }))), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+      style: {
+        overflow: 'hidden'
+      }
+    }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+      style: {
+        overflow: 'auto'
+      }
+    }, void 0, /*#__PURE__*/_jsx__default["default"](styled.ListContainer, {
+      "data-testid": "".concat(dataTestid, "--list-container")
+    }, void 0, React__default["default"].Children.map(children, child => {
+      let leftAddon = null;
+      let rightAddon = null;
+      const {
+        value,
+        title
+      } = child.props;
+      const found = selecteds.findIndex(s => String(s) === String(value));
+      if (filter && !String(value).toLocaleLowerCase().includes(filter.toLocaleLowerCase()) && !String(title).toLocaleLowerCase().includes(filter.toLocaleLowerCase())) return null;
+
+      if (multiple) {
+        if (found > -1) leftAddon = styled.checked;else leftAddon = styled.checkbox;
+      } else if (found > -1) {
+        rightAddon = styled.selectedMark;
+      }
+
+      return /*#__PURE__*/_jsx__default["default"](MobileTouchable.DSMobileTouchable, {
+        onClick: handleChange.bind(child.props)
+      }, void 0, /*#__PURE__*/React__default["default"].cloneElement(child, {
+        leftAddon,
+        rightAddon
+      }));
+    })))), buttonFooter && /*#__PURE__*/_jsx__default["default"](styled.Footer, {
+      alignItems: "center" // eslint-disable-next-line max-lines
+      ,
+      pl: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
+      pr: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
+    }, void 0, /*#__PURE__*/React__default["default"].cloneElement(buttonFooter, _objectSpread(_objectSpread({}, buttonFooter.props), {}, {
+      containerProps: {
+        'data-testid': "".concat(dataTestid, "--btn")
+      },
+      buttonType: 'primary',
+      size: 'l',
+      onClick: handleApply.bind(buttonFooter.props)
+    }))))
+  });
 };
-module.exports = __toCommonJS(MobileSelectList_exports);
-//# sourceMappingURL=MobileSelectList.js.map
+
+const DSMobileSelectList = dsSystem.withTheme(MobileSelectList);
+
+exports.DSMobileSelectList = DSMobileSelectList;

package/cjs/MobileSelectList/index.js

@@ -1,28 +1,9 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var MobileSelectList_exports = {};
-var React = __toESM(require("react"));
-__reExport(MobileSelectList_exports, require("./MobileSelectList"));
-module.exports = __toCommonJS(MobileSelectList_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var MobileSelectList = require('./MobileSelectList.js');
+
+
+
+exports.DSMobileSelectList = MobileSelectList.DSMobileSelectList;

package/cjs/MobileSelectList/styled.js

@@ -1,83 +1,57 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var styled_exports = {};
-__export(styled_exports, {
-  Footer: () => Footer,
-  HeaderContainer: () => HeaderContainer,
-  ListContainer: () => ListContainer,
-  StyledContainer: () => StyledContainer,
-  checkbox: () => checkbox,
-  checked: () => checked,
-  selectedMark: () => selectedMark
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_lodash = require("lodash");
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_form = require("@elliemae/ds-form");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_system = require("@elliemae/ds-system");
-var import_MobileTouchable = require("../MobileTouchable");
-var import_MobileListItem = require("../MobileListItem");
-const StyledContainer = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  background: ${(props) => props.theme.colors.neutral["000"]};
-  z-index: ${(props) => props.zIndex};
-  position: fixed;
-  width: 100%;
-  top: 0;
-  left: 0;
-  right: 0;
-  height: 100%;
-`;
-const HeaderContainer = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  border-bottom: ${(props) => (0, import_ds_system.border)(props.theme.colors.neutral["300"])};
-`;
-const Footer = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  border-top: ${(props) => (0, import_ds_system.border)(props.theme.colors.neutral["300"])};
-`;
-const ListContainer = import_styled_components.default.div`
-  & ${import_MobileTouchable.DSMobileTouchable}:last-child ${import_MobileListItem.DSMobileListItem} {
-    border: none;
-  }
-`;
-const checkbox = /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSCheckbox, {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var lodash = require('lodash');
+var styled = require('styled-components');
+var dsGrid = require('@elliemae/ds-grid');
+var dsForm = require('@elliemae/ds-form');
+var dsIcons = require('@elliemae/ds-icons');
+var dsSystem = require('@elliemae/ds-system');
+var MobileTouchable = require('../MobileTouchable/MobileTouchable.js');
+var MobileListItem = require('../MobileListItem/MobileListItem.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StyledContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-1dckxve-0"
+})(["background:", ";z-index:", ";position:fixed;width:100%;top:0;left:0;right:0;height:100%;"], props => props.theme.colors.neutral['000'], props => props.zIndex);
+const HeaderContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-1dckxve-1"
+})(["border-bottom:", ";"], props => dsSystem.border(props.theme.colors.neutral['300']));
+const Footer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-1dckxve-2"
+})(["border-top:", ";"], props => dsSystem.border(props.theme.colors.neutral['300']));
+const ListContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-1dckxve-3"
+})(["& ", ":last-child ", "{border:none;}"], MobileTouchable.DSMobileTouchable, MobileListItem.DSMobileListItem);
+const checkbox = /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
   checked: false,
-  onChange: import_lodash.noop,
-  style: { pointerEvents: "none" }
+  onChange: lodash.noop,
+  style: {
+    pointerEvents: 'none'
+  }
 });
-const checked = /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSCheckbox, {
+const checked = /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
   checked: true,
-  onChange: import_lodash.noop,
-  style: { pointerEvents: "none" }
+  onChange: lodash.noop,
+  style: {
+    pointerEvents: 'none'
+  }
 });
-const selectedMark = /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Checkmark, {
-  color: ["brand-primary", 600]
+const selectedMark = /*#__PURE__*/_jsx__default["default"](dsIcons.Checkmark, {
+  color: ['brand-primary', 600]
 });
-module.exports = __toCommonJS(styled_exports);
-//# sourceMappingURL=styled.js.map
+
+exports.Footer = Footer;
+exports.HeaderContainer = HeaderContainer;
+exports.ListContainer = ListContainer;
+exports.StyledContainer = StyledContainer;
+exports.checkbox = checkbox;
+exports.checked = checked;
+exports.selectedMark = selectedMark;

package/cjs/MobileSeparator/Separator.js

@@ -1,68 +1,73 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var Separator_exports = {};
-__export(Separator_exports, {
-  MobileSeparatorWithSchema: () => MobileSeparatorWithSchema,
-  default: () => Separator_default
+'use strict';
+
+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');
+require('react');
+var reactDesc = require('react-desc');
+var styled = require('styled-components');
+var dsGrid = require('@elliemae/ds-grid');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](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 Separator = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-lje3kq-0"
+})(["border-top:", ";border-left:", ";"], _ref => {
+  let {
+    theme,
+    color,
+    borderType
+  } = _ref;
+  return "".concat(theme.colors[color[0]][color[1]], " 1px ").concat(borderType);
+}, _ref2 => {
+  let {
+    theme,
+    color,
+    borderType
+  } = _ref2;
+  return "".concat(theme.colors[color[0]][color[1]], " 1px ").concat(borderType);
 });
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_grid = require("@elliemae/ds-grid");
-const Separator = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  border-top: ${({ theme, color, borderType }) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`};
-  border-left: ${({ theme, color, borderType }) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`};
-`;
-const MobileSeparator = ({ color = ["neutral", "800"], direction = "horizontal", type = "solid", margin = "xs" }) => {
-  const orientation = direction === "vertical" ? "height" : "width";
-  const xORy = direction === "vertical" ? "mx" : "my";
+
+const MobileSeparator = _ref3 => {
+  let {
+    color = ['neutral', '800'],
+    direction = 'horizontal',
+    type = 'solid',
+    margin = 'xs'
+  } = _ref3;
+  const orientation = direction === 'vertical' ? 'height' : 'width';
+  const xORy = direction === 'vertical' ? 'mx' : 'my';
   const styles = {
     width: 0,
     height: 0,
-    [orientation]: "100%",
+    [orientation]: '100%',
     [xORy]: margin,
     borderType: type,
     color
   };
-  return /* @__PURE__ */ import_react.default.createElement(Separator, {
-    ...styles
-  });
+  return /*#__PURE__*/jsxRuntime.jsx(Separator, _objectSpread({}, styles));
 };
+
 const mobileSeparatorProps = {
-  type: import_react_desc.PropTypes.oneOf(["solid", "dashed"]).description("Style type of separator").defaultValue("solid"),
-  direction: import_react_desc.PropTypes.oneOf(["vertical", "horizontal"]).description("Direction of the separator").defaultValue("horizontal"),
-  color: import_react_desc.PropTypes.array.description("Color of the separator").defaultValue(["neutral", "800"]),
-  margin: import_react_desc.PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("Margin of the separator").defaultValue("xs")
+  type: reactDesc.PropTypes.oneOf(['solid', 'dashed']).description('Style type of separator').defaultValue('solid'),
+  direction: reactDesc.PropTypes.oneOf(['vertical', 'horizontal']).description('Direction of the separator').defaultValue('horizontal'),
+  color: reactDesc.PropTypes.array.description('Color of the separator').defaultValue(['neutral', '800']),
+  margin: reactDesc.PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('Margin of the separator').defaultValue('xs')
 };
-MobileSeparator.propTypes = mobileSeparatorProps;
-const MobileSeparatorWithSchema = (0, import_react_desc.describe)(MobileSeparator);
+const MobileSeparatorWithSchema = reactDesc.describe(MobileSeparator);
 MobileSeparatorWithSchema.propTypes = mobileSeparatorProps;
-var Separator_default = MobileSeparator;
-module.exports = __toCommonJS(Separator_exports);
-//# sourceMappingURL=Separator.js.map
+
+exports.MobileSeparatorWithSchema = MobileSeparatorWithSchema;
+exports["default"] = MobileSeparator;