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

package/cjs/SideNav/styles.js

@@ -1,129 +1,43 @@
-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 styles_exports = {};
-__export(styles_exports, {
-  BottomMenu: () => BottomMenu,
-  Container: () => Container,
-  Heading: () => Heading,
-  Hr: () => Hr,
-  Icon: () => Icon,
-  Menu: () => Menu,
-  MenuList: () => MenuList,
-  MenuWrapper: () => MenuWrapper
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-const Container = import_styled_components.default.div`
-  position: fixed;
-  width: 100%;
-  height: 100%;
-`;
-const MenuWrapper = import_styled_components.default.div`
-  position: relative;
-  height: 100%;
-`;
-const Menu = import_styled_components.default.div`
-  position: fixed;
-  width: 80%;
-  height: 100%;
-  background-color: ${(props) => props.theme.colors.brand[700]};
-  font-family: ${(props) => props.theme.fonts.default};
-  box-shadow: 5px 0 5px ${(props) => props.theme.colors.neutral[600]};
-  padding: ${(props) => props.theme.space.xs};
-`;
-const Heading = import_styled_components.default.div`
-  display: flex;
-  flex-direction: row;
+'use strict';
 
-  .content {
-    width: 100%;
-    display: flex;
-    flex-direction: row;
-    span {
-      flex-grow: 1;
-    }
-    label {
-      padding-top: 1px;
-      line-height:30px;
-      font-weight: ${(props) => props.theme.fontWeights.semibold};
-      font-size: 22px;
-      color: ${(props) => props.theme.colors.neutral["000"]};
-    }
-    .icon {
-      cursor: pointer;
-      padding-top: 6px;
-    }
-  }
-`;
-const Icon = import_styled_components.default.div`
-  margin-right: ${(props) => props.theme.space.xxs2};
-`;
-const Hr = import_styled_components.default.hr`
-  margin-left: -${(props) => props.theme.space.xs};
-  margin-right: -${(props) => props.theme.space.xs};
-`;
-const MenuList = import_styled_components.default.div`
-  .menuitem {
-    display: flex;
-    flex-direction: row;
-    cursor: pointer;
-    height:22px;
-    margin-bottom: ${(props) => props.theme.space.xs};
-    .icon {
-      padding-left: 6px;
-      margin-right: ${(props) => props.theme.space.xs};
-      span{
-        height:20px;
-        width:20px;
-        svg{
-          height:20px;
-          width:20px;
-        }
-      }
-    }
-    .text {
-      font-weight: ${(props) => props.theme.fontWeights.regular};
-      font-size: 18px;
-      line-height:22px;
-      color: ${(props) => props.theme.colors.neutral["000"]};
-      &.active {
-        font-weight: ${(props) => props.theme.fontWeights.semibold};
-      }
-    }
-    &:last-child {
-      margin-bottom: 0;
-    }
-  }
-`;
-const BottomMenu = import_styled_components.default.div`
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-`;
-module.exports = __toCommonJS(styles_exports);
-//# sourceMappingURL=styles.js.map
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+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({
+  componentId: "sc-10h55hr-1"
+})(["position:relative;height:100%;"]);
+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({
+  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({
+  componentId: "sc-10h55hr-4"
+})(["margin-right:", ";"], props => props.theme.space.xxs2);
+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({
+  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({
+  componentId: "sc-10h55hr-7"
+})(["position:absolute;bottom:0;width:100%;"]);
+
+exports.BottomMenu = BottomMenu;
+exports.Container = Container;
+exports.Heading = Heading;
+exports.Hr = Hr;
+exports.Icon = Icon;
+exports.Menu = Menu;
+exports.MenuList = MenuList;
+exports.MenuWrapper = MenuWrapper;

package/cjs/SwipeToRefresh/ProgressIndicator.js

@@ -1,76 +1,53 @@
-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 ProgressIndicator_exports = {};
-__export(ProgressIndicator_exports, {
-  ProgressIndicator: () => ProgressIndicator
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_system = require("@elliemae/ds-system");
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_grid = require("@elliemae/ds-grid");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var dsSystem = require('@elliemae/ds-system');
+var dsGrid = require('@elliemae/ds-grid');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
 const rad = 54;
 const cir = 2 * Math.PI * rad;
-const ProgressIndicator = ({ progress = 0 }) => {
+const ProgressIndicator = _ref => {
+  let {
+    progress = 0
+  } = _ref;
   const factor = progress / 100;
-  const theme = (0, import_ds_system.useTheme)();
+  const theme = dsSystem.useTheme();
   const dashoffset = cir * (1 - factor);
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     height: theme.space.s,
     width: theme.space.s,
     justifyContent: "center",
     alignItems: "center"
-  }, /* @__PURE__ */ import_react.default.createElement("svg", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("svg", {
     width: "23",
     height: "23",
     viewBox: "0 0 120 120",
     transform: "rotate(-90)"
-  }, /* @__PURE__ */ import_react.default.createElement("circle", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
     cx: "60",
     cy: "60",
     r: "54",
     fill: "none",
     strokeWidth: "12",
-    stroke: `${theme.colors.neutral[100]}`
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
+    stroke: "".concat(theme.colors.neutral[100])
+  }), /*#__PURE__*/_jsx__default["default"]("circle", {
     cx: "60",
     cy: "60",
     r: "54",
     strokeWidth: "12",
     fill: "none",
-    strokeDasharray: `${cir}px`,
-    strokeDashoffset: `${dashoffset}px`,
-    stroke: `${theme.colors.brand[600]}`,
+    strokeDasharray: "".concat(cir, "px"),
+    strokeDashoffset: "".concat(dashoffset, "px"),
+    stroke: "".concat(theme.colors.brand[600]),
     strokeLinecap: "round"
   })));
 };
-ProgressIndicator.propTypes = {
-  progress: import_prop_types.default.number
-};
-module.exports = __toCommonJS(ProgressIndicator_exports);
-//# sourceMappingURL=ProgressIndicator.js.map
+
+exports.ProgressIndicator = ProgressIndicator;

package/cjs/SwipeToRefresh/ProgressLoader.js

@@ -1,148 +1,127 @@
-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 ProgressLoader_exports = {};
-__export(ProgressLoader_exports, {
-  ProgressLoader: () => ProgressLoader
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+var _defs, _g;
 const ProgressLoader = () => {
   const width = 32;
   const height = 32;
-  return /* @__PURE__ */ import_react.default.createElement("svg", {
+  return /*#__PURE__*/_jsx__default["default"]("svg", {
     viewBox: "0 0 40 40",
-    width,
-    height,
+    width: width,
+    height: height,
     rotate: "20deg"
-  }, /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("clipPath", {
+  }, void 0, _defs || (_defs = /*#__PURE__*/_jsx__default["default"]("defs", {}, void 0, /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path"
-  }, /* @__PURE__ */ import_react.default.createElement("circle", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
     className: "prefix__cls-1",
     cx: -220,
     cy: 21,
     r: 12
-  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-2"
-  }, /* @__PURE__ */ import_react.default.createElement("circle", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
     className: "prefix__cls-1",
     cx: -220,
     cy: 9,
     r: 2
-  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-3"
-  }, /* @__PURE__ */ import_react.default.createElement("circle", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
     className: "prefix__cls-1",
     cx: -159.98,
     cy: 21,
     r: 12
-  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-4"
-  }, /* @__PURE__ */ import_react.default.createElement("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__ */ import_react.default.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-5"
-  }, /* @__PURE__ */ import_react.default.createElement("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__ */ import_react.default.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-6"
-  }, /* @__PURE__ */ import_react.default.createElement("circle", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
     className: "prefix__cls-1",
     cx: -99.68,
     cy: 21.22,
     r: 12
-  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-7"
-  }, /* @__PURE__ */ import_react.default.createElement("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__ */ import_react.default.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-8"
-  }, /* @__PURE__ */ import_react.default.createElement("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__ */ import_react.default.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-9"
-  }, /* @__PURE__ */ import_react.default.createElement("circle", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
     className: "prefix__cls-1",
     cx: -39.52,
     cy: 21.9,
     r: 12
-  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-10"
-  }, /* @__PURE__ */ import_react.default.createElement("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__ */ import_react.default.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-11"
-  }, /* @__PURE__ */ import_react.default.createElement("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__ */ import_react.default.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-12"
-  }, /* @__PURE__ */ import_react.default.createElement("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__ */ import_react.default.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-13"
-  }, /* @__PURE__ */ import_react.default.createElement("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     className: "prefix__cls-1",
     d: "M-155.52-51.1h282v114h-282z"
-  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-14"
-  }, /* @__PURE__ */ import_react.default.createElement("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     className: "prefix__cls-1",
     d: "M4.48 5.9h32v32h-32z"
-  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-15"
-  }, /* @__PURE__ */ import_react.default.createElement("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__ */ import_react.default.createElement("style", null, ".prefix__cls-1,.prefix__cls-2{fill:none}.prefix__cls-2{clip-rule:evenodd}.prefix__cls-15{clip-path:url(#prefix__clip-path-13)}")), /* @__PURE__ */ import_react.default.createElement("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"
-  }, /* @__PURE__ */ import_react.default.createElement("g", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("g", {
     clipPath: "url(#prefix__clip-path-12)"
-  }, /* @__PURE__ */ import_react.default.createElement("g", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("g", {
     clipPath: "url(#prefix__clip-path-14)"
-  }, /* @__PURE__ */ import_react.default.createElement("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__ */ import_react.default.createElement("g", {
+  }))), /*#__PURE__*/_jsx__default["default"]("g", {
     clipPath: "url(#prefix__clip-path-15)"
-  }, /* @__PURE__ */ import_react.default.createElement("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"
-  }))));
+  })))));
 };
-module.exports = __toCommonJS(ProgressLoader_exports);
-//# sourceMappingURL=ProgressLoader.js.map
+
+exports.ProgressLoader = ProgressLoader;

package/cjs/SwipeToRefresh/SwipeToRefresh.js

@@ -1,77 +1,74 @@
-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 SwipeToRefresh_exports = {};
-__export(SwipeToRefresh_exports, {
-  SwipeToRefresh: () => SwipeToRefresh,
-  SwipeToRefreshWithSchema: () => SwipeToRefreshWithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_ds_circular_progress_indicator = require("@elliemae/ds-circular-progress-indicator");
-var import_ds_system = require("@elliemae/ds-system");
-var import_useSwipe = require("./useSwipe");
-var import_styled = require("./styled");
-var import_ProgressIndicator = require("./ProgressIndicator");
-const SwipeToRefresh = ({ children, loading, onRefresh }) => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var reactDesc = require('react-desc');
+var dsCircularProgressIndicator = require('@elliemae/ds-circular-progress-indicator');
+var dsSystem = require('@elliemae/ds-system');
+var useSwipe = require('./useSwipe.js');
+var styled = require('./styled.js');
+var ProgressIndicator = require('./ProgressIndicator.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+var _DSCircularProgressIn;
+
+const SwipeToRefresh = _ref => {
+  let {
+    children,
+    loading,
+    onRefresh
+  } = _ref;
   const breakpoint = 60;
-  const theme = (0, import_ds_system.useTheme)();
-  const swipe = (0, import_useSwipe.useSwipe)({ onRefresh, breakpoint });
+  const theme = dsSystem.useTheme();
+  const swipe = useSwipe.useSwipe({
+    onRefresh,
+    breakpoint
+  });
   const progress = swipe.height > breakpoint ? 100 : swipe.height * 100 / breakpoint;
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.SwipeContainer, null, /* @__PURE__ */ import_react.default.createElement(import_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
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.LoaderBox, {
-    height: loading ? theme.space.m : `${swipe.height}px`,
-    alignItems: "flex-start",
-    "data-testid": "loader-box"
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.PositionLoader, {
-    height: theme.space.m,
-    justifyContent: "center",
-    alignItems: "center",
-    mt: swipe.height > 40 || loading ? 0 : `${swipe.height - 40}px`
-  }, loading ? /* @__PURE__ */ import_react.default.createElement(import_ds_circular_progress_indicator.DSCircularProgressIndicator, null) : /* @__PURE__ */ import_react.default.createElement(import_ProgressIndicator.ProgressIndicator, {
-    progress
-  }))), /* @__PURE__ */ import_react.default.createElement("div", {
-    ref: swipe.target,
-    style: { height: 1 }
-  }), children));
+    ref: swipe.ref,
+    children: [/*#__PURE__*/_jsx__default["default"](styled.LoaderBox, {
+      height: loading ? theme.space.m : "".concat(swipe.height, "px"),
+      alignItems: "flex-start",
+      "data-testid": "loader-box"
+    }, void 0, /*#__PURE__*/_jsx__default["default"](styled.PositionLoader, {
+      height: theme.space.m,
+      justifyContent: "center",
+      alignItems: "center",
+      mt: swipe.height > 40 || loading ? 0 : "".concat(swipe.height - 40, "px")
+    }, void 0, loading ? _DSCircularProgressIn || (_DSCircularProgressIn = /*#__PURE__*/_jsx__default["default"](dsCircularProgressIndicator.DSCircularProgressIndicator, {})) : /*#__PURE__*/_jsx__default["default"](ProgressIndicator.ProgressIndicator, {
+      progress: progress
+    }))), /*#__PURE__*/jsxRuntime.jsx("div", {
+      ref: swipe.target,
+      style: {
+        height: 1
+      }
+    }), children]
+  }));
 };
+
 const props = {
-  children: import_react_desc.PropTypes.element.isRequired.description("component inside swipe to refresh container"),
-  loading: import_react_desc.PropTypes.bool.description("toggle loading state for swipe"),
-  onRefresh: import_react_desc.PropTypes.func.description("callback on refresh swipe")
+  /** component inside swipe to refresh container */
+  children: reactDesc.PropTypes.element.isRequired.description('component inside swipe to refresh container'),
+
+  /** toggle loading state for swipe */
+  loading: reactDesc.PropTypes.bool.description('toggle loading state for swipe'),
+
+  /** callback on refresh swipe */
+  onRefresh: reactDesc.PropTypes.func.description('callback on refresh swipe')
 };
-SwipeToRefresh.propTypes = props;
-const SwipeToRefreshWithSchema = (0, import_react_desc.describe)(SwipeToRefresh);
+const SwipeToRefreshWithSchema = reactDesc.describe(SwipeToRefresh);
 SwipeToRefreshWithSchema.propTypes = props;
-module.exports = __toCommonJS(SwipeToRefresh_exports);
-//# sourceMappingURL=SwipeToRefresh.js.map
+
+exports.SwipeToRefresh = SwipeToRefresh;
+exports.SwipeToRefreshWithSchema = SwipeToRefreshWithSchema;