@elliemae/ds-mobile 3.5.0-rc.9 → 3.6.0-next.0

package/dist/cjs/SwipeToRefresh/ProgressIndicator.js

@@ -28,7 +28,7 @@ __export(ProgressIndicator_exports, {
 });
 module.exports = __toCommonJS(ProgressIndicator_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_system = require("@elliemae/ds-system");
 var import_prop_types = __toESM(require("prop-types"));
 var import_ds_grid = require("@elliemae/ds-grid");
@@ -38,34 +38,39 @@ const ProgressIndicator = ({ progress = 0 }) => {
   const factor = progress / 100;
   const theme = (0, import_ds_system.useTheme)();
   const dashoffset = cir * (1 - factor);
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
     height: theme.space.s,
     width: theme.space.s,
     justifyContent: "center",
-    alignItems: "center"
-  }, /* @__PURE__ */ import_react.default.createElement("svg", {
-    width: "23",
-    height: "23",
-    viewBox: "0 0 120 120",
-    transform: "rotate(-90)"
-  }, /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "60",
-    cy: "60",
-    r: "54",
-    fill: "none",
-    strokeWidth: "12",
-    stroke: `${theme.colors.neutral[100]}`
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "60",
-    cy: "60",
-    r: "54",
-    strokeWidth: "12",
-    fill: "none",
-    strokeDasharray: `${cir}px`,
-    strokeDashoffset: `${dashoffset}px`,
-    stroke: `${theme.colors.brand[600]}`,
-    strokeLinecap: "round"
-  })));
+    alignItems: "center",
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
+      width: "23",
+      height: "23",
+      viewBox: "0 0 120 120",
+      transform: "rotate(-90)",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
+          cx: "60",
+          cy: "60",
+          r: "54",
+          fill: "none",
+          strokeWidth: "12",
+          stroke: `${theme.colors.neutral[100]}`
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
+          cx: "60",
+          cy: "60",
+          r: "54",
+          strokeWidth: "12",
+          fill: "none",
+          strokeDasharray: `${cir}px`,
+          strokeDashoffset: `${dashoffset}px`,
+          stroke: `${theme.colors.brand[600]}`,
+          strokeLinecap: "round"
+        })
+      ]
+    })
+  });
 };
 ProgressIndicator.propTypes = {
   progress: import_prop_types.default.number

package/dist/cjs/SwipeToRefresh/ProgressIndicator.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/SwipeToRefresh/ProgressIndicator.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { useTheme } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst rad = 54;\nconst cir = 2 * Math.PI * rad;\nexport const ProgressIndicator = ({ progress = 0 }) => {\n  const factor = progress / 100;\n  const theme = useTheme();\n  const dashoffset = cir * (1 - factor);\n  return (\n    <Grid height={theme.space.s} width={theme.space.s} justifyContent=\"center\" alignItems=\"center\">\n      <svg width=\"23\" height=\"23\" viewBox=\"0 0 120 120\" transform=\"rotate(-90)\">\n        <circle cx=\"60\" cy=\"60\" r=\"54\" fill=\"none\" strokeWidth=\"12\" stroke={`${theme.colors.neutral[100]}`} />\n        <circle\n          cx=\"60\"\n          cy=\"60\"\n          r=\"54\"\n          strokeWidth=\"12\"\n          fill=\"none\"\n          strokeDasharray={`${cir}px`}\n          strokeDashoffset={`${dashoffset}px`}\n          stroke={`${theme.colors.brand[600]}`}\n          strokeLinecap=\"round\"\n        />\n      </svg>\n    </Grid>\n  );\n};\n\nProgressIndicator.propTypes = {\n  progress: PropTypes.number,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAyB;AACzB,wBAAsB;AACtB,qBAAqB;AAErB,MAAM,MAAM;AACZ,MAAM,MAAM,IAAI,KAAK,KAAK;AACnB,MAAM,oBAAoB,CAAC,EAAE,WAAW,EAAE,MAAM;AACrD,QAAM,SAAS,WAAW;AAC1B,QAAM,YAAQ,2BAAS;AACvB,QAAM,aAAa,OAAO,IAAI;AAC9B,SACE,6BAAAA,QAAA,cAAC;AAAA,IAAK,QAAQ,MAAM,MAAM;AAAA,IAAG,OAAO,MAAM,MAAM;AAAA,IAAG,gBAAe;AAAA,IAAS,YAAW;AAAA,KACpF,6BAAAA,QAAA,cAAC;AAAA,IAAI,OAAM;AAAA,IAAK,QAAO;AAAA,IAAK,SAAQ;AAAA,IAAc,WAAU;AAAA,KAC1D,6BAAAA,QAAA,cAAC;AAAA,IAAO,IAAG;AAAA,IAAK,IAAG;AAAA,IAAK,GAAE;AAAA,IAAK,MAAK;AAAA,IAAO,aAAY;AAAA,IAAK,QAAQ,GAAG,MAAM,OAAO,QAAQ;AAAA,GAAQ,GACpG,6BAAAA,QAAA,cAAC;AAAA,IACC,IAAG;AAAA,IACH,IAAG;AAAA,IACH,GAAE;AAAA,IACF,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,iBAAiB,GAAG;AAAA,IACpB,kBAAkB,GAAG;AAAA,IACrB,QAAQ,GAAG,MAAM,OAAO,MAAM;AAAA,IAC9B,eAAc;AAAA,GAChB,CACF,CACF;AAEJ;AAEA,kBAAkB,YAAY;AAAA,EAC5B,UAAU,kBAAAC,QAAU;AACtB;",
-  "names": ["React", "PropTypes"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,uBAAyB;AACzB,wBAAsB;AACtB,qBAAqB;AAErB,MAAM,MAAM;AACZ,MAAM,MAAM,IAAI,KAAK,KAAK;AACnB,MAAM,oBAAoB,CAAC,EAAE,WAAW,EAAE,MAAM;AACrD,QAAM,SAAS,WAAW;AAC1B,QAAM,YAAQ,2BAAS;AACvB,QAAM,aAAa,OAAO,IAAI;AAC9B,SACE,4CAAC;AAAA,IAAK,QAAQ,MAAM,MAAM;AAAA,IAAG,OAAO,MAAM,MAAM;AAAA,IAAG,gBAAe;AAAA,IAAS,YAAW;AAAA,IACpF,uDAAC;AAAA,MAAI,OAAM;AAAA,MAAK,QAAO;AAAA,MAAK,SAAQ;AAAA,MAAc,WAAU;AAAA,MAC1D;AAAA,oDAAC;AAAA,UAAO,IAAG;AAAA,UAAK,IAAG;AAAA,UAAK,GAAE;AAAA,UAAK,MAAK;AAAA,UAAO,aAAY;AAAA,UAAK,QAAQ,GAAG,MAAM,OAAO,QAAQ;AAAA,SAAQ;AAAA,QACpG,4CAAC;AAAA,UACC,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,aAAY;AAAA,UACZ,MAAK;AAAA,UACL,iBAAiB,GAAG;AAAA,UACpB,kBAAkB,GAAG;AAAA,UACrB,QAAQ,GAAG,MAAM,OAAO,MAAM;AAAA,UAC9B,eAAc;AAAA,SAChB;AAAA;AAAA,KACF;AAAA,GACF;AAEJ;AAEA,kBAAkB,YAAY;AAAA,EAC5B,UAAU,kBAAAA,QAAU;AACtB;",
+  "names": ["PropTypes"]
 }

package/dist/cjs/SwipeToRefresh/ProgressLoader.js

@@ -28,118 +28,165 @@ __export(ProgressLoader_exports, {
 });
 module.exports = __toCommonJS(ProgressLoader_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 const ProgressLoader = () => {
   const width = 32;
   const height = 32;
-  return /* @__PURE__ */ import_react.default.createElement("svg", {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
     viewBox: "0 0 40 40",
     width,
     height,
-    rotate: "20deg"
-  }, /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("clipPath", {
-    id: "prefix__clip-path"
-  }, /* @__PURE__ */ import_react.default.createElement("circle", {
-    className: "prefix__cls-1",
-    cx: -220,
-    cy: 21,
-    r: 12
-  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
-    id: "prefix__clip-path-2"
-  }, /* @__PURE__ */ import_react.default.createElement("circle", {
-    className: "prefix__cls-1",
-    cx: -220,
-    cy: 9,
-    r: 2
-  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
-    id: "prefix__clip-path-3"
-  }, /* @__PURE__ */ import_react.default.createElement("circle", {
-    className: "prefix__cls-1",
-    cx: -159.98,
-    cy: 21,
-    r: 12
-  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
-    id: "prefix__clip-path-4"
-  }, /* @__PURE__ */ import_react.default.createElement("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", {
-    id: "prefix__clip-path-5"
-  }, /* @__PURE__ */ import_react.default.createElement("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", {
-    id: "prefix__clip-path-6"
-  }, /* @__PURE__ */ import_react.default.createElement("circle", {
-    className: "prefix__cls-1",
-    cx: -99.68,
-    cy: 21.22,
-    r: 12
-  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
-    id: "prefix__clip-path-7"
-  }, /* @__PURE__ */ import_react.default.createElement("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", {
-    id: "prefix__clip-path-8"
-  }, /* @__PURE__ */ import_react.default.createElement("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", {
-    id: "prefix__clip-path-9"
-  }, /* @__PURE__ */ import_react.default.createElement("circle", {
-    className: "prefix__cls-1",
-    cx: -39.52,
-    cy: 21.9,
-    r: 12
-  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
-    id: "prefix__clip-path-10"
-  }, /* @__PURE__ */ import_react.default.createElement("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", {
-    id: "prefix__clip-path-11"
-  }, /* @__PURE__ */ import_react.default.createElement("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", {
-    id: "prefix__clip-path-12"
-  }, /* @__PURE__ */ import_react.default.createElement("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", {
-    id: "prefix__clip-path-13"
-  }, /* @__PURE__ */ import_react.default.createElement("path", {
-    className: "prefix__cls-1",
-    d: "M-155.52-51.1h282v114h-282z"
-  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
-    id: "prefix__clip-path-14"
-  }, /* @__PURE__ */ import_react.default.createElement("path", {
-    className: "prefix__cls-1",
-    d: "M4.48 5.9h32v32h-32z"
-  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
-    id: "prefix__clip-path-15"
-  }, /* @__PURE__ */ import_react.default.createElement("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", {
-    id: "prefix__Layer_5",
-    "data-name": "Layer 5"
-  }, /* @__PURE__ */ import_react.default.createElement("g", {
-    clipPath: "url(#prefix__clip-path-12)"
-  }, /* @__PURE__ */ import_react.default.createElement("g", {
-    clipPath: "url(#prefix__clip-path-14)"
-  }, /* @__PURE__ */ import_react.default.createElement("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", {
-    clipPath: "url(#prefix__clip-path-15)"
-  }, /* @__PURE__ */ import_react.default.createElement("path", {
-    transform: "rotate(-77 22.961 10.28)",
-    fill: "#3590ce",
-    d: "M13.66 1.31h18.6v17.94h-18.6z"
-  }))));
+    rotate: "20deg",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("defs", {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
+            id: "prefix__clip-path",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
+              className: "prefix__cls-1",
+              cx: -220,
+              cy: 21,
+              r: 12
+            })
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
+            id: "prefix__clip-path-2",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
+              className: "prefix__cls-1",
+              cx: -220,
+              cy: 9,
+              r: 2
+            })
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
+            id: "prefix__clip-path-3",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
+              className: "prefix__cls-1",
+              cx: -159.98,
+              cy: 21,
+              r: 12
+            })
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
+            id: "prefix__clip-path-4",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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__ */ (0, import_jsx_runtime.jsx)("clipPath", {
+            id: "prefix__clip-path-5",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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__ */ (0, import_jsx_runtime.jsx)("clipPath", {
+            id: "prefix__clip-path-6",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
+              className: "prefix__cls-1",
+              cx: -99.68,
+              cy: 21.22,
+              r: 12
+            })
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
+            id: "prefix__clip-path-7",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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__ */ (0, import_jsx_runtime.jsx)("clipPath", {
+            id: "prefix__clip-path-8",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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__ */ (0, import_jsx_runtime.jsx)("clipPath", {
+            id: "prefix__clip-path-9",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
+              className: "prefix__cls-1",
+              cx: -39.52,
+              cy: 21.9,
+              r: 12
+            })
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
+            id: "prefix__clip-path-10",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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__ */ (0, import_jsx_runtime.jsx)("clipPath", {
+            id: "prefix__clip-path-11",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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__ */ (0, import_jsx_runtime.jsx)("clipPath", {
+            id: "prefix__clip-path-12",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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__ */ (0, import_jsx_runtime.jsx)("clipPath", {
+            id: "prefix__clip-path-13",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+              className: "prefix__cls-1",
+              d: "M-155.52-51.1h282v114h-282z"
+            })
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
+            id: "prefix__clip-path-14",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+              className: "prefix__cls-1",
+              d: "M4.48 5.9h32v32h-32z"
+            })
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
+            id: "prefix__clip-path-15",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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__ */ (0, import_jsx_runtime.jsx)("style", {
+            children: ".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__ */ (0, import_jsx_runtime.jsxs)("g", {
+        id: "prefix__Layer_5",
+        "data-name": "Layer 5",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", {
+            clipPath: "url(#prefix__clip-path-12)",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", {
+              clipPath: "url(#prefix__clip-path-14)",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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__ */ (0, import_jsx_runtime.jsx)("g", {
+            clipPath: "url(#prefix__clip-path-15)",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+              transform: "rotate(-77 22.961 10.28)",
+              fill: "#3590ce",
+              d: "M13.66 1.31h18.6v17.94h-18.6z"
+            })
+          })
+        ]
+      })
+    ]
+  });
 };
 //# sourceMappingURL=ProgressLoader.js.map

package/dist/cjs/SwipeToRefresh/ProgressLoader.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/SwipeToRefresh/ProgressLoader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\n\nexport const ProgressLoader = () => {\n  const width = 32;\n  const height = 32;\n  return (\n    <svg viewBox=\"0 0 40 40\" width={width} height={height} rotate=\"20deg\">\n      <defs>\n        <clipPath id=\"prefix__clip-path\">\n          <circle className=\"prefix__cls-1\" cx={-220} cy={21} r={12} />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-2\">\n          <circle className=\"prefix__cls-1\" cx={-220} cy={9} r={2} />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-3\">\n          <circle className=\"prefix__cls-1\" cx={-159.98} cy={21} r={12} />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-4\">\n          <path\n            className=\"prefix__cls-1\"\n            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\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-5\">\n          <path\n            className=\"prefix__cls-2\"\n            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\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-6\">\n          <circle className=\"prefix__cls-1\" cx={-99.68} cy={21.22} r={12} />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-7\">\n          <path\n            className=\"prefix__cls-1\"\n            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\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-8\">\n          <path\n            className=\"prefix__cls-2\"\n            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\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-9\">\n          <circle className=\"prefix__cls-1\" cx={-39.52} cy={21.9} r={12} />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-10\">\n          <path\n            className=\"prefix__cls-1\"\n            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\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-11\">\n          <path\n            className=\"prefix__cls-2\"\n            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\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-12\">\n          <path\n            className=\"prefix__cls-1\"\n            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\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-13\">\n          <path className=\"prefix__cls-1\" d=\"M-155.52-51.1h282v114h-282z\" />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-14\">\n          <path className=\"prefix__cls-1\" d=\"M4.48 5.9h32v32h-32z\" />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-15\">\n          <path\n            className=\"prefix__cls-2\"\n            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\"\n          />\n        </clipPath>\n        <style>\n          {\n            '.prefix__cls-1,.prefix__cls-2{fill:none}.prefix__cls-2{clip-rule:evenodd}.prefix__cls-15{clip-path:url(#prefix__clip-path-13)}'\n          }\n        </style>\n      </defs>\n      <g id=\"prefix__Layer_5\" data-name=\"Layer 5\">\n        <g clipPath=\"url(#prefix__clip-path-12)\">\n          <g clipPath=\"url(#prefix__clip-path-14)\">\n            <image\n              width={32}\n              height={32}\n              transform=\"rotate(-90 21.19 16.71)\"\n              xlinkHref=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsSAAALEgHS3X78AAACA0lEQVRYR+3XTY7UMBDF8X+VnfR0SwiE2IzEBWDLHbgAHIyDwFVYcwDEEiSE5iOx32PhboYVs5ig2bQlL6KUlJ+fK44Sbz58No848r6C/z3OgDPgDDgDzoAz4NEB9b6CzUYtlIuJw1x5OhV2Nbmo+XDAp/cv7yv553gw4N3Hr7x9fcmr58mLHeynZA4zFygBGWOfIyAYkzheewMAwJcf18CeywM8u4BDMYcaTCWoGdQwCZQcqDih8DaA79cr3+YCzNxKPJngMAUXKeaEuQSlBFWQERRMJoRjG8BVFz+Xzq42oNIESxf7GuxqMHUzpZkTagaZQdFIYxNAdHG1dn4tyZQJJDKsNnuZuSRzgUUDUsPj4blRAu7iponrJqalkVEZCCMHTaIJppK0Y+PVNKmNegCbW5mbLuaeTE0UABIDvUA3dImWUEsyMVa/CcCGbnPbxFLETQsywDFePBlcQIbJIAtl0LfqAQMp0ZUsXdSM4xkQJMEpCRvEgHSbnhsBsMHQbJrGXGVqEyXKOHGIUxlK6AzINgDANt2wyjSJVUGGyd4pJMvx6AH+pOGtEggb5BGrzNo9ujxM6RBhHKdf0ACME8xGryGAYkDaMYkmUQJaJKUPzF0GRwQbJQCQ8t022FQH1dA87qX+BsD4EmwF8FhNGsBYRjIK00P0SNYuCskaoxnRaMzfAeIT7ZHlq9QAAAAASUVORK5CYII=\"\n            />\n          </g>\n        </g>\n        <g clipPath=\"url(#prefix__clip-path-15)\">\n          <path\n            transform=\"rotate(-77 22.961 10.28)\"\n            fill=\"#3590ce\"\n            d=\"M13.66 1.31h18.6v17.94h-18.6z\"\n          />\n        </g>\n      </g>\n    </svg>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": ["React"]
+  "mappings": "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",
+  "names": []
 }

package/dist/cjs/SwipeToRefresh/SwipeToRefresh.js

@@ -29,7 +29,7 @@ __export(SwipeToRefresh_exports, {
 });
 module.exports = __toCommonJS(SwipeToRefresh_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_circular_progress_indicator = require("@elliemae/ds-circular-progress-indicator");
 var import_ds_system = require("@elliemae/ds-system");
@@ -41,27 +41,36 @@ const SwipeToRefresh = ({ children, loading, onRefresh }) => {
   const theme = (0, import_ds_system.useTheme)();
   const swipe = (0, import_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, {
-    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));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.SwipeContainer, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.SwipeDrag, {
+      onTouchStart: swipe.touchStart,
+      onTouchEnd: swipe.touchEnd,
+      onTouchCancel: swipe.touchCancel,
+      onTouchMove: swipe.touchMove,
+      ref: swipe.ref,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.LoaderBox, {
+          height: loading ? theme.space.m : `${swipe.height}px`,
+          alignItems: "flex-start",
+          "data-testid": "loader-box",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.PositionLoader, {
+            height: theme.space.m,
+            justifyContent: "center",
+            alignItems: "center",
+            mt: swipe.height > 40 || loading ? 0 : `${swipe.height - 40}px`,
+            children: loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_circular_progress_indicator.DSCircularProgressIndicator, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ProgressIndicator.ProgressIndicator, {
+              progress
+            })
+          })
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+          ref: swipe.target,
+          style: { height: 1 }
+        }),
+        children
+      ]
+    })
+  });
 };
 const props = {
   children: import_ds_utilities.PropTypes.element.isRequired.description("component inside swipe to refresh container"),

package/dist/cjs/SwipeToRefresh/SwipeToRefresh.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/SwipeToRefresh/SwipeToRefresh.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport { useTheme } from '@elliemae/ds-system';\nimport { useSwipe } from './useSwipe';\nimport { SwipeContainer, SwipeDrag, LoaderBox, PositionLoader } from './styled';\nimport { ProgressIndicator } from './ProgressIndicator';\n\nconst SwipeToRefresh = ({ children, loading, onRefresh }) => {\n  const breakpoint = 60;\n  const theme = useTheme();\n  const swipe = useSwipe({ onRefresh, breakpoint });\n  const progress = swipe.height > breakpoint ? 100 : (swipe.height * 100) / breakpoint;\n  return (\n    <SwipeContainer>\n      <SwipeDrag\n        onTouchStart={swipe.touchStart}\n        onTouchEnd={swipe.touchEnd}\n        onTouchCancel={swipe.touchCancel}\n        onTouchMove={swipe.touchMove}\n        ref={swipe.ref}\n      >\n        <LoaderBox\n          height={loading ? theme.space.m : `${swipe.height}px`}\n          alignItems=\"flex-start\"\n          data-testid=\"loader-box\"\n        >\n          <PositionLoader\n            height={theme.space.m}\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            mt={swipe.height > 40 || loading ? 0 : `${swipe.height - 40}px`}\n          >\n            {loading ? <DSCircularProgressIndicator /> : <ProgressIndicator progress={progress} />}\n          </PositionLoader>\n        </LoaderBox>\n        <div ref={swipe.target} style={{ height: 1 }} />\n        {children}\n      </SwipeDrag>\n    </SwipeContainer>\n  );\n};\n\nconst props = {\n  /** component inside swipe to refresh container */\n  children: PropTypes.element.isRequired.description('component inside swipe to refresh container'),\n  /** toggle loading state for swipe */\n  loading: PropTypes.bool.description('toggle loading state for swipe'),\n  /** callback on refresh swipe */\n  onRefresh: PropTypes.func.description('callback on refresh swipe'),\n};\n\nSwipeToRefresh.propTypes = props;\nSwipeToRefresh.displayName = 'SwipeToRefresh';\nconst SwipeToRefreshWithSchema = describe(SwipeToRefresh);\n\nSwipeToRefreshWithSchema.propTypes = props;\n\nexport { SwipeToRefresh, SwipeToRefreshWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAoC;AACpC,4CAA4C;AAC5C,uBAAyB;AACzB,sBAAyB;AACzB,oBAAqE;AACrE,+BAAkC;AAElC,MAAM,iBAAiB,CAAC,EAAE,UAAU,SAAS,UAAU,MAAM;AAC3D,QAAM,aAAa;AACnB,QAAM,YAAQ,2BAAS;AACvB,QAAM,YAAQ,0BAAS,EAAE,WAAW,WAAW,CAAC;AAChD,QAAM,WAAW,MAAM,SAAS,aAAa,MAAO,MAAM,SAAS,MAAO;AAC1E,SACE,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC;AAAA,IACC,cAAc,MAAM;AAAA,IACpB,YAAY,MAAM;AAAA,IAClB,eAAe,MAAM;AAAA,IACrB,aAAa,MAAM;AAAA,IACnB,KAAK,MAAM;AAAA,KAEX,6BAAAA,QAAA,cAAC;AAAA,IACC,QAAQ,UAAU,MAAM,MAAM,IAAI,GAAG,MAAM;AAAA,IAC3C,YAAW;AAAA,IACX,eAAY;AAAA,KAEZ,6BAAAA,QAAA,cAAC;AAAA,IACC,QAAQ,MAAM,MAAM;AAAA,IACpB,gBAAe;AAAA,IACf,YAAW;AAAA,IACX,IAAI,MAAM,SAAS,MAAM,UAAU,IAAI,GAAG,MAAM,SAAS;AAAA,KAExD,UAAU,6BAAAA,QAAA,cAAC,uEAA4B,IAAK,6BAAAA,QAAA,cAAC;AAAA,IAAkB;AAAA,GAAoB,CACtF,CACF,GACA,6BAAAA,QAAA,cAAC;AAAA,IAAI,KAAK,MAAM;AAAA,IAAQ,OAAO,EAAE,QAAQ,EAAE;AAAA,GAAG,GAC7C,QACH,CACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,UAAU,8BAAU,QAAQ,WAAW,YAAY,6CAA6C;AAAA,EAEhG,SAAS,8BAAU,KAAK,YAAY,gCAAgC;AAAA,EAEpE,WAAW,8BAAU,KAAK,YAAY,2BAA2B;AACnE;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,+BAA2B,8BAAS,cAAc;AAExD,yBAAyB,YAAY;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAoC;AACpC,4CAA4C;AAC5C,uBAAyB;AACzB,sBAAyB;AACzB,oBAAqE;AACrE,+BAAkC;AAElC,MAAM,iBAAiB,CAAC,EAAE,UAAU,SAAS,UAAU,MAAM;AAC3D,QAAM,aAAa;AACnB,QAAM,YAAQ,2BAAS;AACvB,QAAM,YAAQ,0BAAS,EAAE,WAAW,WAAW,CAAC;AAChD,QAAM,WAAW,MAAM,SAAS,aAAa,MAAO,MAAM,SAAS,MAAO;AAC1E,SACE,4CAAC;AAAA,IACC,uDAAC;AAAA,MACC,cAAc,MAAM;AAAA,MACpB,YAAY,MAAM;AAAA,MAClB,eAAe,MAAM;AAAA,MACrB,aAAa,MAAM;AAAA,MACnB,KAAK,MAAM;AAAA,MAEX;AAAA,oDAAC;AAAA,UACC,QAAQ,UAAU,MAAM,MAAM,IAAI,GAAG,MAAM;AAAA,UAC3C,YAAW;AAAA,UACX,eAAY;AAAA,UAEZ,sDAAC;AAAA,YACC,QAAQ,MAAM,MAAM;AAAA,YACpB,gBAAe;AAAA,YACf,YAAW;AAAA,YACX,IAAI,MAAM,SAAS,MAAM,UAAU,IAAI,GAAG,MAAM,SAAS;AAAA,YAExD,oBAAU,4CAAC,qEAA4B,IAAK,4CAAC;AAAA,cAAkB;AAAA,aAAoB;AAAA,WACtF;AAAA,SACF;AAAA,QACA,4CAAC;AAAA,UAAI,KAAK,MAAM;AAAA,UAAQ,OAAO,EAAE,QAAQ,EAAE;AAAA,SAAG;AAAA,QAC7C;AAAA;AAAA,KACH;AAAA,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,UAAU,8BAAU,QAAQ,WAAW,YAAY,6CAA6C;AAAA,EAEhG,SAAS,8BAAU,KAAK,YAAY,gCAAgC;AAAA,EAEpE,WAAW,8BAAU,KAAK,YAAY,2BAA2B;AACnE;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,+BAA2B,8BAAS,cAAc;AAExD,yBAAyB,YAAY;",
+  "names": []
 }

package/dist/cjs/Tabs/index.js

@@ -31,16 +31,19 @@ __export(Tabs_exports, {
 });
 module.exports = __toCommonJS(Tabs_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_tabs = require("@elliemae/ds-tabs");
 var import_propTypes = require("./propTypes");
-const DSMobileTabs = ({ children, ...props }) => /* @__PURE__ */ React.createElement(import_ds_tabs.DSTabs, {
+const DSMobileTabs = ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tabs.DSTabs, {
   ...props,
-  isDSMobile: true
-}, children);
-const DSMobileTab = ({ children, ...props }) => /* @__PURE__ */ React.createElement(import_ds_tabs.DSTab, {
-  ...props
-}, children);
+  isDSMobile: true,
+  children
+});
+const DSMobileTab = ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tabs.DSTab, {
+  ...props,
+  children
+});
 DSMobileTabs.propTypes = import_propTypes.MobileTabsPropTypes;
 DSMobileTabs.displayName = "DSMobileTabs";
 const DSMobileTabsWithSchema = (0, import_ds_utilities.describe)(DSMobileTabs);

package/dist/cjs/Tabs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/Tabs/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { DSTabs, DSTab } from '@elliemae/ds-tabs';\nimport type { DSTabsT, DSTabT } from '@elliemae/ds-tabs';\nimport { MobileTabsPropTypes, MobileTabPropTypes } from './propTypes';\n\ntype DSMobileTabsPropsT = Omit<\n  DSTabsT.InternalProps,\n  'animated' | 'enableMouseEvents' | 'allowTextSelection' | 'type' | 'isDSMobile' | 'withCarousel'\n>;\n\ntype DSMobileTabPropsT = Omit<DSTabT.Props, 'isDSMobile'>;\n\nexport const DSMobileTabs = ({ children, ...props }: DSMobileTabsPropsT) => (\n  <DSTabs {...props} isDSMobile>\n    {children}\n  </DSTabs>\n);\n\nexport const DSMobileTab = ({ children, ...props }: DSMobileTabPropsT) => <DSTab {...props}>{children}</DSTab>;\n\nDSMobileTabs.propTypes = MobileTabsPropTypes as WeakValidationMap<unknown>;\nDSMobileTabs.displayName = 'DSMobileTabs';\nconst DSMobileTabsWithSchema = describe(DSMobileTabs);\nDSMobileTabsWithSchema.propTypes = MobileTabsPropTypes;\n\nDSMobileTab.propTypes = MobileTabPropTypes as WeakValidationMap<unknown>;\nDSMobileTab.displayName = 'DSMobileTab';\nconst DSMobileTabWithSchema = describe(DSMobileTab);\nDSMobileTabWithSchema.propTypes = MobileTabPropTypes;\n\nexport { DSMobileTabsWithSchema, DSMobileTabWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAAyB;AACzB,qBAA8B;AAE9B,uBAAwD;AASjD,MAAM,eAAe,CAAC,EAAE,aAAa,MAAM,MAChD,oCAAC;AAAA,EAAQ,GAAG;AAAA,EAAO,YAAU;AAAA,GAC1B,QACH;AAGK,MAAM,cAAc,CAAC,EAAE,aAAa,MAAM,MAAyB,oCAAC;AAAA,EAAO,GAAG;AAAA,GAAQ,QAAS;AAEtG,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,6BAAyB,8BAAS,YAAY;AACpD,uBAAuB,YAAY;AAEnC,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,4BAAwB,8BAAS,WAAW;AAClD,sBAAsB,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAyB;AACzB,qBAA8B;AAE9B,uBAAwD;AASjD,MAAM,eAAe,CAAC,EAAE,aAAa,MAAM,MAChD,4CAAC;AAAA,EAAQ,GAAG;AAAA,EAAO,YAAU;AAAA,EAC1B;AAAA,CACH;AAGK,MAAM,cAAc,CAAC,EAAE,aAAa,MAAM,MAAyB,4CAAC;AAAA,EAAO,GAAG;AAAA,EAAQ;AAAA,CAAS;AAEtG,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,6BAAyB,8BAAS,YAAY;AACpD,uBAAuB,YAAY;AAEnC,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,4BAAwB,8BAAS,WAAW;AAClD,sBAAsB,YAAY;",
   "names": []
 }

package/dist/esm/Accordion/DSMobileAccordion.js

@@ -1,14 +1,17 @@
 import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { describe } from "@elliemae/ds-utilities";
 import { DSAccordion, DSAccordionItem } from "@elliemae/ds-accordion";
 import { mobileAccordionItemPropTypes, mobileAccordionPropTypes } from "./react-desc-prop-types";
-const DSMobileAccordion = ({ children, ...props }) => /* @__PURE__ */ React.createElement(DSAccordion, {
+const DSMobileAccordion = ({ children, ...props }) => /* @__PURE__ */ jsx(DSAccordion, {
   ...props,
-  isDSMobile: true
-}, children);
-const DSMobileAccordionItem = ({ children, ...props }) => /* @__PURE__ */ React.createElement(DSAccordionItem, {
-  ...props
-}, children);
+  isDSMobile: true,
+  children
+});
+const DSMobileAccordionItem = ({ children, ...props }) => /* @__PURE__ */ jsx(DSAccordionItem, {
+  ...props,
+  children
+});
 DSMobileAccordionItem.displayName = "DSMobileAccordionItem";
 const DSMobileAccordionItemWithSchema = describe(DSMobileAccordionItem);
 DSMobileAccordionItemWithSchema.propTypes = mobileAccordionItemPropTypes;

package/dist/esm/Accordion/DSMobileAccordion.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Accordion/DSMobileAccordion.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { describe } from '@elliemae/ds-utilities';\nimport { DSAccordion, DSAccordionItem } from '@elliemae/ds-accordion';\nimport type { DSAccordionT } from '@elliemae/ds-accordion';\nimport { mobileAccordionItemPropTypes, mobileAccordionPropTypes } from './react-desc-prop-types';\n\ntype DSMobileAccordionPropsT = Omit<DSAccordionT.Props, 'isDSMobile'>;\n\nexport const DSMobileAccordion = ({ children, ...props }: DSMobileAccordionPropsT) => (\n  <DSAccordion {...props} isDSMobile>\n    {children}\n  </DSAccordion>\n);\n\nexport const DSMobileAccordionItem = ({ children, ...props }: DSAccordionT.ItemProps) => (\n  <DSAccordionItem {...props}>{children}</DSAccordionItem>\n);\n\nDSMobileAccordionItem.displayName = 'DSMobileAccordionItem';\nconst DSMobileAccordionItemWithSchema = describe(DSMobileAccordionItem);\nDSMobileAccordionItemWithSchema.propTypes = mobileAccordionItemPropTypes;\n\nDSMobileAccordion.displayName = 'DSMobileAccordion';\nconst DSMobileAccordionWithSchema = describe(DSMobileAccordion);\nDSMobileAccordionWithSchema.propTypes = mobileAccordionPropTypes;\n\nexport { DSMobileAccordionItemWithSchema, DSMobileAccordionWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,gBAAgB;AACzB,SAAS,aAAa,uBAAuB;AAE7C,SAAS,8BAA8B,gCAAgC;AAIhE,MAAM,oBAAoB,CAAC,EAAE,aAAa,MAAM,MACrD,oCAAC;AAAA,EAAa,GAAG;AAAA,EAAO,YAAU;AAAA,GAC/B,QACH;AAGK,MAAM,wBAAwB,CAAC,EAAE,aAAa,MAAM,MACzD,oCAAC;AAAA,EAAiB,GAAG;AAAA,GAAQ,QAAS;AAGxC,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,SAAS,qBAAqB;AACtE,gCAAgC,YAAY;AAE5C,kBAAkB,cAAc;AAChC,MAAM,8BAA8B,SAAS,iBAAiB;AAC9D,4BAA4B,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAS,gBAAgB;AACzB,SAAS,aAAa,uBAAuB;AAE7C,SAAS,8BAA8B,gCAAgC;AAIhE,MAAM,oBAAoB,CAAC,EAAE,aAAa,MAAM,MACrD,oBAAC;AAAA,EAAa,GAAG;AAAA,EAAO,YAAU;AAAA,EAC/B;AAAA,CACH;AAGK,MAAM,wBAAwB,CAAC,EAAE,aAAa,MAAM,MACzD,oBAAC;AAAA,EAAiB,GAAG;AAAA,EAAQ;AAAA,CAAS;AAGxC,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,SAAS,qBAAqB;AACtE,gCAAgC,YAAY;AAE5C,kBAAkB,cAAc;AAChC,MAAM,8BAA8B,SAAS,iBAAiB;AAC9D,4BAA4B,YAAY;",
   "names": []
 }