@dhis2/ui-icons - npm Package Compare versions

Comparing version 5.0.0-alpha.4 to 5.0.0-alpha.5

build/cjs/lib.js

@@ -13,5 +13,6 @@ /* eslint-disable */
 
-function Account(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function Account({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -22,5 +23,5 @@ width: "48",
     className: className
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M6 10v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4zm24 8c0 3.32-2.69 6-6 6s-6-2.68-6-6c0-3.31 2.69-6 6-6s6 2.69 6 6zM12 34c0-4 8-6.2 12-6.2S36 30 36 34v2H12v-2z"
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M0 0h48v48H0z",
@@ -34,5 +35,6 @@ fill: "none"
 
-function Apps(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function Apps({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -43,5 +45,5 @@ width: "48",
     className: className
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M8 16h8V8H8v8zm12 24h8v-8h-8v8zM8 40h8v-8H8v8zm0-12h8v-8H8v8zm12 0h8v-8h-8v8zM32 8v8h8V8h-8zm-12 8h8V8h-8v8zm12 12h8v-8h-8v8zm0 12h8v-8h-8v8z"
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M0 0h48v48H0z",
@@ -55,12 +57,13 @@ fill: "none"
 
-function ArrowDown(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function ArrowDown({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 12 12",
     className: "jsx-2347926856" + " " + (className || "")
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "m5.29289 8.7071c.39053.3905 1.02369.3905 1.41422 0l2.99999-2.99999c.3905-.39053.3905-1.02369 0-1.41422-.3905-.39052-1.0237-.39052-1.4142 0l-2.2929 2.2929-2.29289-2.2929c-.39053-.39052-1.02369-.39052-1.41422 0-.39052.39053-.39052 1.02369 0 1.41422z",
     className: "jsx-2347926856"
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "2347926856"
@@ -72,13 +75,14 @@ }, ["svg.jsx-2347926856{fill:inherit;height:12px;width:12px;vertical-align:middle;pointer-events:none;}"]));
 };
-function ArrowUp(_ref2) {
-  var className = _ref2.className;
-  return React.createElement("svg", {
+function ArrowUp({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 12 12",
     className: "jsx-2347926856" + " " + (className || "")
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "m5.29289 8.7071c.39053.3905 1.02369.3905 1.41422 0l2.99999-2.99999c.3905-.39053.3905-1.02369 0-1.41422-.3905-.39052-1.0237-.39052-1.4142 0l-2.2929 2.2929-2.29289-2.2929c-.39053-.39052-1.02369-.39052-1.41422 0-.39052.39053-.39052 1.02369 0 1.41422z",
     transform: "matrix(1 0 0 -1 0 12.999974)",
     className: "jsx-2347926856"
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "2347926856"
@@ -91,12 +95,13 @@ }, ["svg.jsx-2347926856{fill:inherit;height:12px;width:12px;vertical-align:middle;pointer-events:none;}"]));
 
-function AttachFile(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function AttachFile({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 48 48",
     className: "jsx-4098137027" + " " + (className || "")
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M33 12v23c0 4.42-3.58 8-8 8s-8-3.58-8-8V10c0-2.76 2.24-5 5-5s5 2.24 5 5v21c0 1.1-.89 2-2 2-1.11 0-2-.9-2-2V12h-3v19c0 2.76 2.24 5 5 5s5-2.24 5-5V10c0-4.42-3.58-8-8-8s-8 3.58-8 8v25c0 6.08 4.93 11 11 11s11-4.92 11-11V12h-3z",
     className: "jsx-4098137027"
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "4098137027"
@@ -109,12 +114,13 @@ }, ["svg.jsx-4098137027{fill:inherit;height:24px;width:24px;vertical-align:middle;pointer-events:none;}"]));
 
-function Cancel(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function Cancel({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 48 48",
     className: "jsx-4098137027" + " " + (className || "")
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm10 27.17L31.17 34 24 26.83 16.83 34 14 31.17 21.17 24 14 16.83 16.83 14 24 21.17 31.17 14 34 16.83 26.83 24 34 31.17z",
     className: "jsx-4098137027"
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "4098137027"
@@ -127,11 +133,12 @@ }, ["svg.jsx-4098137027{fill:inherit;height:24px;width:24px;vertical-align:middle;pointer-events:none;}"]));
 
-var commonStyles = ["svg.jsx-1744227082{display:block;pointer-events:none;}", "svg.jsx-1744227082 .border.jsx-1744227082{fill:".concat(uiConstants.colors.grey600, ";}"), "svg.jsx-1744227082 .background.jsx-1744227082,svg.jsx-1744227082 .indeterminate.jsx-1744227082,svg.jsx-1744227082 .checkmark.jsx-1744227082{fill:".concat(uiConstants.colors.white, ";}"), "svg.checked.jsx-1744227082 .background.jsx-1744227082,svg.indeterminate.jsx-1744227082 .background.jsx-1744227082{fill:".concat(uiConstants.colors.teal400, ";}"), "svg.valid.jsx-1744227082 .background.jsx-1744227082{fill:".concat(uiConstants.colors.blue600, ";}"), "svg.warning.jsx-1744227082 .background.jsx-1744227082{fill:".concat(uiConstants.colors.yellow700, ";}"), "svg.error.jsx-1744227082 .background.jsx-1744227082{fill:".concat(uiConstants.colors.red500, ";}"), "svg.jsx-1744227082:not(.checked) .checkmark.jsx-1744227082,svg.jsx-1744227082:not(.indeterminate) .indeterminate.jsx-1744227082{fill:none;}", "svg.jsx-1744227082:not(.checked):not(.indeterminate) .background.jsx-1744227082{fill:".concat(uiConstants.colors.white, ";}")];
+const commonStyles = ["svg.jsx-1744227082{display:block;pointer-events:none;}", "svg.jsx-1744227082 .border.jsx-1744227082{fill:".concat(uiConstants.colors.grey600, ";}"), "svg.jsx-1744227082 .background.jsx-1744227082,svg.jsx-1744227082 .indeterminate.jsx-1744227082,svg.jsx-1744227082 .checkmark.jsx-1744227082{fill:".concat(uiConstants.colors.white, ";}"), "svg.checked.jsx-1744227082 .background.jsx-1744227082,svg.indeterminate.jsx-1744227082 .background.jsx-1744227082{fill:".concat(uiConstants.colors.teal400, ";}"), "svg.valid.jsx-1744227082 .background.jsx-1744227082{fill:".concat(uiConstants.colors.blue600, ";}"), "svg.warning.jsx-1744227082 .background.jsx-1744227082{fill:".concat(uiConstants.colors.yellow700, ";}"), "svg.error.jsx-1744227082 .background.jsx-1744227082{fill:".concat(uiConstants.colors.red500, ";}"), "svg.jsx-1744227082:not(.checked) .checkmark.jsx-1744227082,svg.jsx-1744227082:not(.indeterminate) .indeterminate.jsx-1744227082{fill:none;}", "svg.jsx-1744227082:not(.checked):not(.indeterminate) .background.jsx-1744227082{fill:".concat(uiConstants.colors.white, ";}")];
 commonStyles.__hash = "1744227082";
-function Regular(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function Regular({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 18 18",
     xmlns: "http://www.w3.org/2000/svg",
     className: "jsx-".concat(commonStyles.__hash) + " " + _JSXStyle.dynamic([["3549931073", [uiConstants.colors.teal700, uiConstants.colors.grey300, uiConstants.colors.grey400, uiConstants.colors.blue600, uiConstants.colors.blue700, uiConstants.colors.yellow700, uiConstants.colors.yellow800, uiConstants.colors.red500, uiConstants.colors.red700]]]) + " " + (className || "")
-  }, React.createElement("rect", {
+  }, /*#__PURE__*/React.createElement("rect", {
     x: "0",
@@ -143,9 +150,9 @@ y: "0",
     className: "jsx-".concat(commonStyles.__hash) + " " + _JSXStyle.dynamic([["3549931073", [uiConstants.colors.teal700, uiConstants.colors.grey300, uiConstants.colors.grey400, uiConstants.colors.blue600, uiConstants.colors.blue700, uiConstants.colors.yellow700, uiConstants.colors.yellow800, uiConstants.colors.red500, uiConstants.colors.red700]]]) + " " + "background"
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M3,0 L15,0 C16.6568542,0 18,1.34314575 18,3 L18,15 C18,16.6568542 16.6568542,18 15,18 L3,18 C1.34314575,18 0,16.6568542 0,15 L0,3 C0,1.34314575 1.34314575,0 3,0 Z M3,2 C2.44771525,2 2,2.44771525 2,3 L2,15 C2,15.5522847 2.44771525,16 3,16 L15,16 C15.5522847,16 16,15.5522847 16,15 L16,3 C16,2.44771525 15.5522847,2 15,2 L3,2 Z",
     className: "jsx-".concat(commonStyles.__hash) + " " + _JSXStyle.dynamic([["3549931073", [uiConstants.colors.teal700, uiConstants.colors.grey300, uiConstants.colors.grey400, uiConstants.colors.blue600, uiConstants.colors.blue700, uiConstants.colors.yellow700, uiConstants.colors.yellow800, uiConstants.colors.red500, uiConstants.colors.red700]]]) + " " + "border"
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M4.74451387,8.02852516 C4.39595738,8.11985643 4.12375034,8.39235188 4.03251575,8.74127768 C3.94128115,9.09020348 4.04521722,9.46125864 4.30437605,9.71182782 L7.29823844,12.7078028 C7.68753993,13.0973991 8.31859767,13.0973991 8.70789916,12.7078028 L13.695624,6.71585285 C13.9547828,6.46528367 14.0587189,6.09422851 13.9674843,5.74530271 C13.8762497,5.39637691 13.6040426,5.12388146 13.2554861,5.0325502 C12.9069296,4.94121893 12.5362672,5.04526513 12.2859632,5.30469855 L8.0030688,10.5910713 L5.71403676,8.30067351 C5.46373279,8.0412401 5.09307036,7.9371939 4.74451387,8.02852516 Z",
     className: "jsx-".concat(commonStyles.__hash) + " " + _JSXStyle.dynamic([["3549931073", [uiConstants.colors.teal700, uiConstants.colors.grey300, uiConstants.colors.grey400, uiConstants.colors.blue600, uiConstants.colors.blue700, uiConstants.colors.yellow700, uiConstants.colors.yellow800, uiConstants.colors.red500, uiConstants.colors.red700]]]) + " " + "checkmark"
-  }), React.createElement("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     x: "4",
@@ -157,5 +164,5 @@ y: "8",
     className: "jsx-".concat(commonStyles.__hash) + " " + _JSXStyle.dynamic([["3549931073", [uiConstants.colors.teal700, uiConstants.colors.grey300, uiConstants.colors.grey400, uiConstants.colors.blue600, uiConstants.colors.blue700, uiConstants.colors.yellow700, uiConstants.colors.yellow800, uiConstants.colors.red500, uiConstants.colors.red700]]]) + " " + "indeterminate"
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: commonStyles.__hash
-  }, commonStyles), React.createElement(_JSXStyle, {
+  }, commonStyles), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "3549931073",
@@ -168,9 +175,10 @@ dynamic: [uiConstants.colors.teal700, uiConstants.colors.grey300, uiConstants.colors.grey400, uiConstants.colors.blue600, uiConstants.colors.blue700, uiConstants.colors.yellow700, uiConstants.colors.yellow800, uiConstants.colors.red500, uiConstants.colors.red700]
 };
-function Dense(_ref2) {
-  var className = _ref2.className;
-  return React.createElement("svg", {
+function Dense({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 14 14",
     xmlns: "http://www.w3.org/2000/svg",
     className: "jsx-".concat(commonStyles.__hash) + " " + _JSXStyle.dynamic([["2720111562", [uiConstants.colors.teal800, uiConstants.colors.grey400, uiConstants.colors.grey400, uiConstants.colors.grey500, uiConstants.colors.blue600, uiConstants.colors.blue800, uiConstants.colors.yellow700, uiConstants.colors.yellow800, uiConstants.colors.red500, uiConstants.colors.red800]]]) + " " + (className || "")
-  }, React.createElement("rect", {
+  }, /*#__PURE__*/React.createElement("rect", {
     fill: "#009688",
@@ -183,11 +191,11 @@ x: "0",
     className: "jsx-".concat(commonStyles.__hash) + " " + _JSXStyle.dynamic([["2720111562", [uiConstants.colors.teal800, uiConstants.colors.grey400, uiConstants.colors.grey400, uiConstants.colors.grey500, uiConstants.colors.blue600, uiConstants.colors.blue800, uiConstants.colors.yellow700, uiConstants.colors.yellow800, uiConstants.colors.red500, uiConstants.colors.red800]]]) + " " + "background"
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M2,0 L12,0 C13.1045695,0 14,0.8954305 14,2 L14,12 C14,13.1045695 13.1045695,14 12,14 L2,14 C0.8954305,14 0,13.1045695 0,12 L0,2 C0,0.8954305 0.8954305,0 2,0 Z M2,1 C1.44771525,1 1,1.44771525 1,2 L1,12 C1,12.5522847 1.44771525,13 2,13 L12,13 C12.5522847,13 13,12.5522847 13,12 L13,2 C13,1.44771525 12.5522847,1 12,1 L2,1 Z",
     fill: "#004D40",
     className: "jsx-".concat(commonStyles.__hash) + " " + _JSXStyle.dynamic([["2720111562", [uiConstants.colors.teal800, uiConstants.colors.grey400, uiConstants.colors.grey400, uiConstants.colors.grey500, uiConstants.colors.blue600, uiConstants.colors.blue800, uiConstants.colors.yellow700, uiConstants.colors.yellow800, uiConstants.colors.red500, uiConstants.colors.red800]]]) + " " + "border"
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M10.3520005,3.30015877 L5.54268293,8.03252726 L3.64634146,6.16652726 L2.28668615,7.5044281 L5.54310367,10.7010587 L11.7145993,4.628307 L10.3520005,3.30015877 Z M5.54268293,9.43547274 L5.61193184,9.36733181 L5.54226219,9.29894127 L5.47309681,9.367 L5.54268293,9.43547274 Z M10.6496329,4.41023392 L10.6495057,4.35652297 L10.5648412,4.35672356 L10.2854007,4.631693 L10.3553166,4.69984123 L10.6496329,4.41023392 Z M3.42891348,7.22439304 L3.35030905,7.22439304 L3.35034135,7.27820863 L3.64634146,7.56947274 L3.71331385,7.5035719 L3.42891348,7.22439304 Z",
     fill: "#FFFFFF",
     className: "jsx-".concat(commonStyles.__hash) + " " + _JSXStyle.dynamic([["2720111562", [uiConstants.colors.teal800, uiConstants.colors.grey400, uiConstants.colors.grey400, uiConstants.colors.grey500, uiConstants.colors.blue600, uiConstants.colors.blue800, uiConstants.colors.yellow700, uiConstants.colors.yellow800, uiConstants.colors.red500, uiConstants.colors.red800]]]) + " " + "checkmark"
-  }), React.createElement("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     fill: "#FFFFFF",
@@ -199,5 +207,5 @@ x: "3",
     className: "jsx-".concat(commonStyles.__hash) + " " + _JSXStyle.dynamic([["2720111562", [uiConstants.colors.teal800, uiConstants.colors.grey400, uiConstants.colors.grey400, uiConstants.colors.grey500, uiConstants.colors.blue600, uiConstants.colors.blue800, uiConstants.colors.yellow700, uiConstants.colors.yellow800, uiConstants.colors.red500, uiConstants.colors.red800]]]) + " " + "indeterminate"
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: commonStyles.__hash
-  }, commonStyles), React.createElement(_JSXStyle, {
+  }, commonStyles), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "2720111562",
@@ -211,12 +219,13 @@ dynamic: [uiConstants.colors.teal800, uiConstants.colors.grey400, uiConstants.colors.grey400, uiConstants.colors.grey500, uiConstants.colors.blue600, uiConstants.colors.blue800, uiConstants.colors.yellow700, uiConstants.colors.yellow800, uiConstants.colors.red500, uiConstants.colors.red800]
 
-function ChevronRight(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function ChevronRight({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 48 48",
     className: "jsx-4098137027" + " " + (className || "")
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M20 12l-2.83 2.83L26.34 24l-9.17 9.17L20 36l12-12z",
     className: "jsx-4098137027"
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "4098137027"
@@ -228,12 +237,13 @@ }, ["svg.jsx-4098137027{fill:inherit;height:24px;width:24px;vertical-align:middle;pointer-events:none;}"]));
 };
-function ChevronLeft(_ref2) {
-  var className = _ref2.className;
-  return React.createElement("svg", {
+function ChevronLeft({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 48 48",
     className: "jsx-4098137027" + " " + (className || "")
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M30.83 14.83L28 12 16 24l12 12 2.83-2.83L21.66 24z",
     className: "jsx-4098137027"
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "4098137027"
@@ -246,12 +256,13 @@ }, ["svg.jsx-4098137027{fill:inherit;height:24px;width:24px;vertical-align:middle;pointer-events:none;}"]));
 
-function Close(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function Close({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 48 48",
     className: "jsx-4098137027" + " " + (className || "")
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z",
     className: "jsx-4098137027"
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "4098137027"
@@ -264,5 +275,6 @@ }, ["svg.jsx-4098137027{fill:inherit;height:24px;width:24px;vertical-align:middle;pointer-events:none;}"]));
 
-function Email(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function Email({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -273,5 +285,5 @@ width: "48",
     className: className
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M0 0h48v48H0z",
@@ -290,22 +302,21 @@ fill: "none"
 
-var Empty = function Empty(_ref) {
-  var dataTest = _ref.dataTest;
-  return React.createElement("svg", {
-    height: "18px",
-    version: "1.1",
-    viewBox: "0 0 18 18",
-    width: "18px",
-    "data-test": "".concat(dataTest, "-iconempty"),
-    className: "jsx-3201893673"
-  }, React.createElement("g", {
-    fill: "none",
-    fillRule: "evenodd",
-    id: "icon/empty",
-    stroke: "none",
-    strokeWidth: "1",
-    className: "jsx-3201893673"
-  }), React.createElement(_JSXStyle, {
-    id: "3201893673"
-  }, ["svg.jsx-3201893673{display:block;margin:3px 0;}"]));
-};
+const Empty = ({
+  dataTest
+}) => /*#__PURE__*/React.createElement("svg", {
+  height: "18px",
+  version: "1.1",
+  viewBox: "0 0 18 18",
+  width: "18px",
+  "data-test": "".concat(dataTest, "-iconempty"),
+  className: "jsx-3201893673"
+}, /*#__PURE__*/React.createElement("g", {
+  fill: "none",
+  fillRule: "evenodd",
+  id: "icon/empty",
+  stroke: "none",
+  strokeWidth: "1",
+  className: "jsx-3201893673"
+}), /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "3201893673"
+}, ["svg.jsx-3201893673{display:block;margin:3px 0;}"]));
 Empty.propTypes = {
@@ -315,5 +326,6 @@ dataTest: propTypes.string.isRequired
 
-function Exit(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function Exit({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -324,6 +336,6 @@ width: "48",
     className: className
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M0 0h48v48H0z",
     fill: "none"
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M20.17 31.17L23 34l10-10-10-10-2.83 2.83L25.34 22H6v4h19.34l-5.17 5.17zM38 6H10c-2.21 0-4 1.79-4 4v8h4v-8h28v28H10v-8H6v8c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z"
@@ -336,12 +348,13 @@ }));
 
-function FileUpload(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function FileUpload({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 48 48",
     className: "jsx-4098137027" + " " + (className || "")
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z",
     className: "jsx-4098137027"
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "4098137027"
@@ -359,28 +372,27 @@ }, ["svg.jsx-4098137027{fill:inherit;height:24px;width:24px;vertical-align:middle;pointer-events:none;}"]));
 
-var FolderClosed = function FolderClosed(_ref) {
-  var dataTest = _ref.dataTest;
-  return React.createElement("svg", {
-    width: "18px",
-    height: "18px",
-    viewBox: "0 0 18 18",
-    version: "1.1",
-    "data-test": "".concat(dataTest, "-iconfolderclosed"),
-    className: "jsx-3201893673"
-  }, React.createElement("g", {
-    id: "icon/folder/closed",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd",
-    className: "jsx-3201893673"
-  }, React.createElement("path", {
-    d: "M2,3.5 C1.17157288,3.5 0.5,4.17157288 0.5,5 L0.5,13 C0.5,13.8284271 1.17157288,14.5 2,14.5 L12,14.5 C12.8284271,14.5 13.5,13.8284271 13.5,13 L13.5,7 C13.5,6.17157288 12.8284271,5.5 12,5.5 L6.69098301,5.5 L5.82917961,3.7763932 C5.7444836,3.60700119 5.57135204,3.5 5.38196601,3.5 L2,3.5 Z",
-    id: "Path-2",
-    stroke: "#6E7A8A",
-    fill: "#D5DDE5",
-    className: "jsx-3201893673"
-  })), React.createElement(_JSXStyle, {
-    id: "3201893673"
-  }, ["svg.jsx-3201893673{display:block;margin:3px 0;}"]));
-};
+const FolderClosed = ({
+  dataTest
+}) => /*#__PURE__*/React.createElement("svg", {
+  width: "18px",
+  height: "18px",
+  viewBox: "0 0 18 18",
+  version: "1.1",
+  "data-test": "".concat(dataTest, "-iconfolderclosed"),
+  className: "jsx-3201893673"
+}, /*#__PURE__*/React.createElement("g", {
+  id: "icon/folder/closed",
+  stroke: "none",
+  strokeWidth: "1",
+  fill: "none",
+  fillRule: "evenodd",
+  className: "jsx-3201893673"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M2,3.5 C1.17157288,3.5 0.5,4.17157288 0.5,5 L0.5,13 C0.5,13.8284271 1.17157288,14.5 2,14.5 L12,14.5 C12.8284271,14.5 13.5,13.8284271 13.5,13 L13.5,7 C13.5,6.17157288 12.8284271,5.5 12,5.5 L6.69098301,5.5 L5.82917961,3.7763932 C5.7444836,3.60700119 5.57135204,3.5 5.38196601,3.5 L2,3.5 Z",
+  id: "Path-2",
+  stroke: "#6E7A8A",
+  fill: "#D5DDE5",
+  className: "jsx-3201893673"
+})), /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "3201893673"
+}, ["svg.jsx-3201893673{display:block;margin:3px 0;}"]));
 FolderClosed.propTypes = {
@@ -395,37 +407,36 @@ dataTest: propTypes.string.isRequired
 
-var FolderOpen = function FolderOpen(_ref) {
-  var dataTest = _ref.dataTest;
-  return React.createElement("svg", {
-    width: "18px",
-    height: "18px",
-    viewBox: "0 0 18 18",
-    version: "1.1",
-    "data-test": "".concat(dataTest, "-iconfolderopen"),
-    className: "jsx-2091325045"
-  }, React.createElement("g", {
-    id: "icon/folder/open",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd",
-    className: "jsx-2091325045"
-  }, React.createElement("g", {
-    id: "Group",
-    transform: "translate(0.000000, 3.000000)",
-    stroke: "#6E7A8A",
-    className: "jsx-2091325045"
-  }, React.createElement("path", {
-    d: "M2,0.5 C1.17157288,0.5 0.5,1.17157288 0.5,2 L0.5,10 C0.5,10.8284271 1.17157288,11.5 2,11.5 L12,11.5 C12.8284271,11.5 13.5,10.8284271 13.5,10 L13.5,4 C13.5,3.17157288 12.8284271,2.5 12,2.5 L6.69098301,2.5 L5.82917961,0.776393202 C5.7444836,0.607001188 5.57135204,0.5 5.38196601,0.5 L2,0.5 Z",
-    id: "Path-2",
-    fill: "#A0ADBA",
-    className: "jsx-2091325045"
-  }), React.createElement("path", {
-    d: "M1.53632259,10.7093809 C1.47575089,10.7941813 1.44318932,10.8957885 1.44318932,11 C1.44318932,11.2761424 1.66704695,11.5 1.94318932,11.5 L12.4853821,11.5 C12.6468577,11.5 12.7983931,11.4220172 12.8922488,11.2906191 L16.4636774,6.2906191 C16.5242491,6.20581872 16.5568107,6.10421149 16.5568107,6 C16.5568107,5.72385763 16.3329531,5.5 16.0568107,5.5 L5.5146179,5.5 C5.35314234,5.5 5.20160692,5.57798284 5.10775116,5.7093809 L1.53632259,10.7093809 Z",
-    id: "Path-3",
-    fill: "#FBFCFD",
-    className: "jsx-2091325045"
-  }))), React.createElement(_JSXStyle, {
-    id: "2091325045"
-  }, ["svg.jsx-2091325045{margin:3px 0;display:block;}"]));
-};
+const FolderOpen = ({
+  dataTest
+}) => /*#__PURE__*/React.createElement("svg", {
+  width: "18px",
+  height: "18px",
+  viewBox: "0 0 18 18",
+  version: "1.1",
+  "data-test": "".concat(dataTest, "-iconfolderopen"),
+  className: "jsx-2091325045"
+}, /*#__PURE__*/React.createElement("g", {
+  id: "icon/folder/open",
+  stroke: "none",
+  strokeWidth: "1",
+  fill: "none",
+  fillRule: "evenodd",
+  className: "jsx-2091325045"
+}, /*#__PURE__*/React.createElement("g", {
+  id: "Group",
+  transform: "translate(0.000000, 3.000000)",
+  stroke: "#6E7A8A",
+  className: "jsx-2091325045"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M2,0.5 C1.17157288,0.5 0.5,1.17157288 0.5,2 L0.5,10 C0.5,10.8284271 1.17157288,11.5 2,11.5 L12,11.5 C12.8284271,11.5 13.5,10.8284271 13.5,10 L13.5,4 C13.5,3.17157288 12.8284271,2.5 12,2.5 L6.69098301,2.5 L5.82917961,0.776393202 C5.7444836,0.607001188 5.57135204,0.5 5.38196601,0.5 L2,0.5 Z",
+  id: "Path-2",
+  fill: "#A0ADBA",
+  className: "jsx-2091325045"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M1.53632259,10.7093809 C1.47575089,10.7941813 1.44318932,10.8957885 1.44318932,11 C1.44318932,11.2761424 1.66704695,11.5 1.94318932,11.5 L12.4853821,11.5 C12.6468577,11.5 12.7983931,11.4220172 12.8922488,11.2906191 L16.4636774,6.2906191 C16.5242491,6.20581872 16.5568107,6.10421149 16.5568107,6 C16.5568107,5.72385763 16.3329531,5.5 16.0568107,5.5 L5.5146179,5.5 C5.35314234,5.5 5.20160692,5.57798284 5.10775116,5.7093809 L1.53632259,10.7093809 Z",
+  id: "Path-3",
+  fill: "#FBFCFD",
+  className: "jsx-2091325045"
+}))), /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "2091325045"
+}, ["svg.jsx-2091325045{margin:3px 0;display:block;}"]));
 FolderOpen.propTypes = {
@@ -435,5 +446,6 @@ dataTest: propTypes.string.isRequired
 
-function Help(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function Help({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -444,6 +456,6 @@ width: "48",
     className: className
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M0 0h48v48H0z",
     fill: "none"
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm2 34h-4v-4h4v4zm4.13-15.49l-1.79 1.84C26.9 25.79 26 27 26 30h-4v-1c0-2.21.9-4.21 2.34-5.66l2.49-2.52C27.55 20.1 28 19.1 28 18c0-2.21-1.79-4-4-4s-4 1.79-4 4h-4c0-4.42 3.58-8 8-8s8 3.58 8 8c0 1.76-.71 3.35-1.87 4.51z"
@@ -456,5 +468,6 @@ }));
 
-function Info(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function Info({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -465,6 +478,6 @@ width: "48",
     className: className
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M0 0h48v48H0z",
     fill: "none"
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm2 30h-4V22h4v12zm0-16h-4v-4h4v4z"
@@ -477,5 +490,6 @@ }));
 
-function Message(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function Message({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -486,5 +500,5 @@ width: "48",
     className: className
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M40 4H8C5.79 4 4.02 5.79 4.02 8L4 44l8-8h28c2.21 0 4-1.79 4-4V8c0-2.21-1.79-4-4-4zm-4 24H12v-4h24v4zm0-6H12v-4h24v4zm0-6H12v-4h24v4z"
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M0 0h48v48H0z",
@@ -498,5 +512,6 @@ fill: "none"
 
-function Settings(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function Settings({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -507,6 +522,6 @@ width: "48",
     className: className
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M0 0h48v48H0z",
     fill: "none"
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M38.86 25.95c.08-.64.14-1.29.14-1.95s-.06-1.31-.14-1.95l4.23-3.31c.38-.3.49-.84.24-1.28l-4-6.93c-.25-.43-.77-.61-1.22-.43l-4.98 2.01c-1.03-.79-2.16-1.46-3.38-1.97L29 4.84c-.09-.47-.5-.84-1-.84h-8c-.5 0-.91.37-.99.84l-.75 5.3c-1.22.51-2.35 1.17-3.38 1.97L9.9 10.1c-.45-.17-.97 0-1.22.43l-4 6.93c-.25.43-.14.97.24 1.28l4.22 3.31C9.06 22.69 9 23.34 9 24s.06 1.31.14 1.95l-4.22 3.31c-.38.3-.49.84-.24 1.28l4 6.93c.25.43.77.61 1.22.43l4.98-2.01c1.03.79 2.16 1.46 3.38 1.97l.75 5.3c.08.47.49.84.99.84h8c.5 0 .91-.37.99-.84l.75-5.3c1.22-.51 2.35-1.17 3.38-1.97l4.98 2.01c.45.17.97 0 1.22-.43l4-6.93c.25-.43.14-.97-.24-1.28l-4.22-3.31zM24 31c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z"
@@ -524,31 +539,30 @@ }));
 
-var Single = function Single(_ref) {
-  var dataTest = _ref.dataTest;
-  return React.createElement("svg", {
-    height: "18px",
-    version: "1.1",
-    viewBox: "0 0 18 18",
-    width: "18px",
-    "data-test": "".concat(dataTest, "-iconsingle"),
-    className: "jsx-3201893673"
-  }, React.createElement("g", {
-    fill: "none",
-    fillRule: "evenodd",
-    id: "icon/single",
-    stroke: "none",
-    strokeWidth: "1",
-    className: "jsx-3201893673"
-  }, React.createElement("rect", {
-    fill: "#A0ADBA",
-    height: "4",
-    id: "Rectangle",
-    rx: "1",
-    width: "4",
-    x: "7",
-    y: "7",
-    className: "jsx-3201893673"
-  })), React.createElement(_JSXStyle, {
-    id: "3201893673"
-  }, ["svg.jsx-3201893673{display:block;margin:3px 0;}"]));
-};
+const Single = ({
+  dataTest
+}) => /*#__PURE__*/React.createElement("svg", {
+  height: "18px",
+  version: "1.1",
+  viewBox: "0 0 18 18",
+  width: "18px",
+  "data-test": "".concat(dataTest, "-iconsingle"),
+  className: "jsx-3201893673"
+}, /*#__PURE__*/React.createElement("g", {
+  fill: "none",
+  fillRule: "evenodd",
+  id: "icon/single",
+  stroke: "none",
+  strokeWidth: "1",
+  className: "jsx-3201893673"
+}, /*#__PURE__*/React.createElement("rect", {
+  fill: "#A0ADBA",
+  height: "4",
+  id: "Rectangle",
+  rx: "1",
+  width: "4",
+  x: "7",
+  y: "7",
+  className: "jsx-3201893673"
+})), /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "3201893673"
+}, ["svg.jsx-3201893673{display:block;margin:3px 0;}"]));
 Single.propTypes = {
@@ -563,12 +577,13 @@ dataTest: propTypes.string.isRequired
 
-function Valid(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function Valid({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 48 48",
     className: _JSXStyle.dynamic([["2440664828", [uiConstants.theme.valid]]]) + " " + (className || "")
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M24 4C12.95 4 4 12.95 4 24c0 11.04 8.95 20 20 20 11.04 0 20-8.96 20-20 0-11.05-8.96-20-20-20zm-4 30L10 24l2.83-2.83L20 28.34l15.17-15.17L38 16 20 34z",
     className: _JSXStyle.dynamic([["2440664828", [uiConstants.theme.valid]]])
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "2440664828",
@@ -581,12 +596,13 @@ dynamic: [uiConstants.theme.valid]
 };
-function Warning(_ref2) {
-  var className = _ref2.className;
-  return React.createElement("svg", {
+function Warning({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 48 48",
     className: _JSXStyle.dynamic([["3534230106", [uiConstants.theme.warning]]]) + " " + (className || "")
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M2 42h44L24 4 2 42zm24-6h-4v-4h4v4zm0-8h-4v-8h4v8z",
     className: _JSXStyle.dynamic([["3534230106", [uiConstants.theme.warning]]])
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "3534230106",
@@ -599,12 +615,13 @@ dynamic: [uiConstants.theme.warning]
 };
-function Error(_ref3) {
-  var className = _ref3.className;
-  return React.createElement("svg", {
+function Error({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 48 48",
     className: _JSXStyle.dynamic([["4016510600", [uiConstants.theme.error]]]) + " " + (className || "")
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M24 4C12.96 4 4 12.95 4 24s8.96 20 20 20 20-8.95 20-20S35.04 4 24 4zm2 30h-4v-4h4v4zm0-8h-4V14h4v12z",
     className: _JSXStyle.dynamic([["4016510600", [uiConstants.theme.error]]])
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "4016510600",
@@ -617,12 +634,13 @@ dynamic: [uiConstants.theme.error]
 };
-function Info$1(_ref4) {
-  var className = _ref4.className;
-  return React.createElement("svg", {
+function Info$1({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 48 48",
     className: _JSXStyle.dynamic([["198782611", [uiConstants.theme.info]]]) + " " + (className || "")
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm2 30h-4V22h4v12zm0-16h-4v-4h4v4z",
     className: _JSXStyle.dynamic([["198782611", [uiConstants.theme.info]]])
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "198782611",
@@ -635,9 +653,10 @@ dynamic: [uiConstants.theme.info]
 };
-function Loading(_ref5) {
-  var className = _ref5.className;
-  return React.createElement("svg", {
+function Loading({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "22 22 44 44",
     className: _JSXStyle.dynamic([["512049993", [uiConstants.theme.primary600, uiConstants.theme.primary600]]]) + " " + (className || "")
-  }, React.createElement("circle", {
+  }, /*#__PURE__*/React.createElement("circle", {
     cx: "44",
@@ -649,3 +668,3 @@ cy: "44",
     className: _JSXStyle.dynamic([["512049993", [uiConstants.theme.primary600, uiConstants.theme.primary600]]]) + " " + "circle"
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "512049993",
@@ -658,13 +677,13 @@ dynamic: [uiConstants.theme.primary600, uiConstants.theme.primary600]
 };
-var StatusIcon = function StatusIcon(_ref6) {
-  var error = _ref6.error,
-      warning = _ref6.warning,
-      valid = _ref6.valid,
-      loading = _ref6.loading,
-      info = _ref6.info,
-      className = _ref6.className,
-      defaultTo = _ref6.defaultTo;
-
+const StatusIcon = ({
+  error,
+  warning,
+  valid,
+  loading,
+  info,
+  className,
+  defaultTo
+}) => {
   if (error) {
-    return React.createElement(Error, {
+    return /*#__PURE__*/React.createElement(Error, {
       className: className
@@ -675,3 +694,3 @@ });
   if (warning) {
-    return React.createElement(Warning, {
+    return /*#__PURE__*/React.createElement(Warning, {
       className: className
@@ -682,3 +701,3 @@ });
   if (valid) {
-    return React.createElement(Valid, {
+    return /*#__PURE__*/React.createElement(Valid, {
       className: className
@@ -689,3 +708,3 @@ });
   if (loading) {
-    return React.createElement(Loading, {
+    return /*#__PURE__*/React.createElement(Loading, {
       className: className
@@ -696,3 +715,3 @@ });
   if (info) {
-    return React.createElement(Info$1, {
+    return /*#__PURE__*/React.createElement(Info$1, {
       className: className
@@ -717,14 +736,15 @@ });
 
-function Upload(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function Upload({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     className: "jsx-4098137027" + " " + (className || "")
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M0 0h24v24H0z",
     fill: "none",
     className: "jsx-4098137027"
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z",
     className: "jsx-4098137027"
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "4098137027"
@@ -731,0 +751,0 @@ }, ["svg.jsx-4098137027{fill:inherit;height:24px;width:24px;vertical-align:middle;pointer-events:none;}"]));

build/es/lib.js

@@ -7,5 +7,6 @@ /* eslint-disable */
 
-function Account(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function Account({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -16,5 +17,5 @@ width: "48",
     className: className
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M6 10v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4zm24 8c0 3.32-2.69 6-6 6s-6-2.68-6-6c0-3.31 2.69-6 6-6s6 2.69 6 6zM12 34c0-4 8-6.2 12-6.2S36 30 36 34v2H12v-2z"
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M0 0h48v48H0z",
@@ -28,5 +29,6 @@ fill: "none"
 
-function Apps(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function Apps({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -37,5 +39,5 @@ width: "48",
     className: className
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M8 16h8V8H8v8zm12 24h8v-8h-8v8zM8 40h8v-8H8v8zm0-12h8v-8H8v8zm12 0h8v-8h-8v8zM32 8v8h8V8h-8zm-12 8h8V8h-8v8zm12 12h8v-8h-8v8zm0 12h8v-8h-8v8z"
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M0 0h48v48H0z",
@@ -49,12 +51,13 @@ fill: "none"
 
-function ArrowDown(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function ArrowDown({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 12 12",
     className: "jsx-2347926856" + " " + (className || "")
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "m5.29289 8.7071c.39053.3905 1.02369.3905 1.41422 0l2.99999-2.99999c.3905-.39053.3905-1.02369 0-1.41422-.3905-.39052-1.0237-.39052-1.4142 0l-2.2929 2.2929-2.29289-2.2929c-.39053-.39052-1.02369-.39052-1.41422 0-.39052.39053-.39052 1.02369 0 1.41422z",
     className: "jsx-2347926856"
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "2347926856"
@@ -66,13 +69,14 @@ }, ["svg.jsx-2347926856{fill:inherit;height:12px;width:12px;vertical-align:middle;pointer-events:none;}"]));
 };
-function ArrowUp(_ref2) {
-  var className = _ref2.className;
-  return React.createElement("svg", {
+function ArrowUp({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 12 12",
     className: "jsx-2347926856" + " " + (className || "")
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "m5.29289 8.7071c.39053.3905 1.02369.3905 1.41422 0l2.99999-2.99999c.3905-.39053.3905-1.02369 0-1.41422-.3905-.39052-1.0237-.39052-1.4142 0l-2.2929 2.2929-2.29289-2.2929c-.39053-.39052-1.02369-.39052-1.41422 0-.39052.39053-.39052 1.02369 0 1.41422z",
     transform: "matrix(1 0 0 -1 0 12.999974)",
     className: "jsx-2347926856"
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "2347926856"
@@ -85,12 +89,13 @@ }, ["svg.jsx-2347926856{fill:inherit;height:12px;width:12px;vertical-align:middle;pointer-events:none;}"]));
 
-function AttachFile(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function AttachFile({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 48 48",
     className: "jsx-4098137027" + " " + (className || "")
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M33 12v23c0 4.42-3.58 8-8 8s-8-3.58-8-8V10c0-2.76 2.24-5 5-5s5 2.24 5 5v21c0 1.1-.89 2-2 2-1.11 0-2-.9-2-2V12h-3v19c0 2.76 2.24 5 5 5s5-2.24 5-5V10c0-4.42-3.58-8-8-8s-8 3.58-8 8v25c0 6.08 4.93 11 11 11s11-4.92 11-11V12h-3z",
     className: "jsx-4098137027"
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "4098137027"
@@ -103,12 +108,13 @@ }, ["svg.jsx-4098137027{fill:inherit;height:24px;width:24px;vertical-align:middle;pointer-events:none;}"]));
 
-function Cancel(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function Cancel({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 48 48",
     className: "jsx-4098137027" + " " + (className || "")
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm10 27.17L31.17 34 24 26.83 16.83 34 14 31.17 21.17 24 14 16.83 16.83 14 24 21.17 31.17 14 34 16.83 26.83 24 34 31.17z",
     className: "jsx-4098137027"
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "4098137027"
@@ -121,11 +127,12 @@ }, ["svg.jsx-4098137027{fill:inherit;height:24px;width:24px;vertical-align:middle;pointer-events:none;}"]));
 
-var commonStyles = ["svg.jsx-1744227082{display:block;pointer-events:none;}", "svg.jsx-1744227082 .border.jsx-1744227082{fill:".concat(colors.grey600, ";}"), "svg.jsx-1744227082 .background.jsx-1744227082,svg.jsx-1744227082 .indeterminate.jsx-1744227082,svg.jsx-1744227082 .checkmark.jsx-1744227082{fill:".concat(colors.white, ";}"), "svg.checked.jsx-1744227082 .background.jsx-1744227082,svg.indeterminate.jsx-1744227082 .background.jsx-1744227082{fill:".concat(colors.teal400, ";}"), "svg.valid.jsx-1744227082 .background.jsx-1744227082{fill:".concat(colors.blue600, ";}"), "svg.warning.jsx-1744227082 .background.jsx-1744227082{fill:".concat(colors.yellow700, ";}"), "svg.error.jsx-1744227082 .background.jsx-1744227082{fill:".concat(colors.red500, ";}"), "svg.jsx-1744227082:not(.checked) .checkmark.jsx-1744227082,svg.jsx-1744227082:not(.indeterminate) .indeterminate.jsx-1744227082{fill:none;}", "svg.jsx-1744227082:not(.checked):not(.indeterminate) .background.jsx-1744227082{fill:".concat(colors.white, ";}")];
+const commonStyles = ["svg.jsx-1744227082{display:block;pointer-events:none;}", "svg.jsx-1744227082 .border.jsx-1744227082{fill:".concat(colors.grey600, ";}"), "svg.jsx-1744227082 .background.jsx-1744227082,svg.jsx-1744227082 .indeterminate.jsx-1744227082,svg.jsx-1744227082 .checkmark.jsx-1744227082{fill:".concat(colors.white, ";}"), "svg.checked.jsx-1744227082 .background.jsx-1744227082,svg.indeterminate.jsx-1744227082 .background.jsx-1744227082{fill:".concat(colors.teal400, ";}"), "svg.valid.jsx-1744227082 .background.jsx-1744227082{fill:".concat(colors.blue600, ";}"), "svg.warning.jsx-1744227082 .background.jsx-1744227082{fill:".concat(colors.yellow700, ";}"), "svg.error.jsx-1744227082 .background.jsx-1744227082{fill:".concat(colors.red500, ";}"), "svg.jsx-1744227082:not(.checked) .checkmark.jsx-1744227082,svg.jsx-1744227082:not(.indeterminate) .indeterminate.jsx-1744227082{fill:none;}", "svg.jsx-1744227082:not(.checked):not(.indeterminate) .background.jsx-1744227082{fill:".concat(colors.white, ";}")];
 commonStyles.__hash = "1744227082";
-function Regular(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function Regular({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 18 18",
     xmlns: "http://www.w3.org/2000/svg",
     className: "jsx-".concat(commonStyles.__hash) + " " + _JSXStyle.dynamic([["3549931073", [colors.teal700, colors.grey300, colors.grey400, colors.blue600, colors.blue700, colors.yellow700, colors.yellow800, colors.red500, colors.red700]]]) + " " + (className || "")
-  }, React.createElement("rect", {
+  }, /*#__PURE__*/React.createElement("rect", {
     x: "0",
@@ -137,9 +144,9 @@ y: "0",
     className: "jsx-".concat(commonStyles.__hash) + " " + _JSXStyle.dynamic([["3549931073", [colors.teal700, colors.grey300, colors.grey400, colors.blue600, colors.blue700, colors.yellow700, colors.yellow800, colors.red500, colors.red700]]]) + " " + "background"
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M3,0 L15,0 C16.6568542,0 18,1.34314575 18,3 L18,15 C18,16.6568542 16.6568542,18 15,18 L3,18 C1.34314575,18 0,16.6568542 0,15 L0,3 C0,1.34314575 1.34314575,0 3,0 Z M3,2 C2.44771525,2 2,2.44771525 2,3 L2,15 C2,15.5522847 2.44771525,16 3,16 L15,16 C15.5522847,16 16,15.5522847 16,15 L16,3 C16,2.44771525 15.5522847,2 15,2 L3,2 Z",
     className: "jsx-".concat(commonStyles.__hash) + " " + _JSXStyle.dynamic([["3549931073", [colors.teal700, colors.grey300, colors.grey400, colors.blue600, colors.blue700, colors.yellow700, colors.yellow800, colors.red500, colors.red700]]]) + " " + "border"
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M4.74451387,8.02852516 C4.39595738,8.11985643 4.12375034,8.39235188 4.03251575,8.74127768 C3.94128115,9.09020348 4.04521722,9.46125864 4.30437605,9.71182782 L7.29823844,12.7078028 C7.68753993,13.0973991 8.31859767,13.0973991 8.70789916,12.7078028 L13.695624,6.71585285 C13.9547828,6.46528367 14.0587189,6.09422851 13.9674843,5.74530271 C13.8762497,5.39637691 13.6040426,5.12388146 13.2554861,5.0325502 C12.9069296,4.94121893 12.5362672,5.04526513 12.2859632,5.30469855 L8.0030688,10.5910713 L5.71403676,8.30067351 C5.46373279,8.0412401 5.09307036,7.9371939 4.74451387,8.02852516 Z",
     className: "jsx-".concat(commonStyles.__hash) + " " + _JSXStyle.dynamic([["3549931073", [colors.teal700, colors.grey300, colors.grey400, colors.blue600, colors.blue700, colors.yellow700, colors.yellow800, colors.red500, colors.red700]]]) + " " + "checkmark"
-  }), React.createElement("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     x: "4",
@@ -151,5 +158,5 @@ y: "8",
     className: "jsx-".concat(commonStyles.__hash) + " " + _JSXStyle.dynamic([["3549931073", [colors.teal700, colors.grey300, colors.grey400, colors.blue600, colors.blue700, colors.yellow700, colors.yellow800, colors.red500, colors.red700]]]) + " " + "indeterminate"
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: commonStyles.__hash
-  }, commonStyles), React.createElement(_JSXStyle, {
+  }, commonStyles), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "3549931073",
@@ -162,9 +169,10 @@ dynamic: [colors.teal700, colors.grey300, colors.grey400, colors.blue600, colors.blue700, colors.yellow700, colors.yellow800, colors.red500, colors.red700]
 };
-function Dense(_ref2) {
-  var className = _ref2.className;
-  return React.createElement("svg", {
+function Dense({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 14 14",
     xmlns: "http://www.w3.org/2000/svg",
     className: "jsx-".concat(commonStyles.__hash) + " " + _JSXStyle.dynamic([["2720111562", [colors.teal800, colors.grey400, colors.grey400, colors.grey500, colors.blue600, colors.blue800, colors.yellow700, colors.yellow800, colors.red500, colors.red800]]]) + " " + (className || "")
-  }, React.createElement("rect", {
+  }, /*#__PURE__*/React.createElement("rect", {
     fill: "#009688",
@@ -177,11 +185,11 @@ x: "0",
     className: "jsx-".concat(commonStyles.__hash) + " " + _JSXStyle.dynamic([["2720111562", [colors.teal800, colors.grey400, colors.grey400, colors.grey500, colors.blue600, colors.blue800, colors.yellow700, colors.yellow800, colors.red500, colors.red800]]]) + " " + "background"
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M2,0 L12,0 C13.1045695,0 14,0.8954305 14,2 L14,12 C14,13.1045695 13.1045695,14 12,14 L2,14 C0.8954305,14 0,13.1045695 0,12 L0,2 C0,0.8954305 0.8954305,0 2,0 Z M2,1 C1.44771525,1 1,1.44771525 1,2 L1,12 C1,12.5522847 1.44771525,13 2,13 L12,13 C12.5522847,13 13,12.5522847 13,12 L13,2 C13,1.44771525 12.5522847,1 12,1 L2,1 Z",
     fill: "#004D40",
     className: "jsx-".concat(commonStyles.__hash) + " " + _JSXStyle.dynamic([["2720111562", [colors.teal800, colors.grey400, colors.grey400, colors.grey500, colors.blue600, colors.blue800, colors.yellow700, colors.yellow800, colors.red500, colors.red800]]]) + " " + "border"
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M10.3520005,3.30015877 L5.54268293,8.03252726 L3.64634146,6.16652726 L2.28668615,7.5044281 L5.54310367,10.7010587 L11.7145993,4.628307 L10.3520005,3.30015877 Z M5.54268293,9.43547274 L5.61193184,9.36733181 L5.54226219,9.29894127 L5.47309681,9.367 L5.54268293,9.43547274 Z M10.6496329,4.41023392 L10.6495057,4.35652297 L10.5648412,4.35672356 L10.2854007,4.631693 L10.3553166,4.69984123 L10.6496329,4.41023392 Z M3.42891348,7.22439304 L3.35030905,7.22439304 L3.35034135,7.27820863 L3.64634146,7.56947274 L3.71331385,7.5035719 L3.42891348,7.22439304 Z",
     fill: "#FFFFFF",
     className: "jsx-".concat(commonStyles.__hash) + " " + _JSXStyle.dynamic([["2720111562", [colors.teal800, colors.grey400, colors.grey400, colors.grey500, colors.blue600, colors.blue800, colors.yellow700, colors.yellow800, colors.red500, colors.red800]]]) + " " + "checkmark"
-  }), React.createElement("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     fill: "#FFFFFF",
@@ -193,5 +201,5 @@ x: "3",
     className: "jsx-".concat(commonStyles.__hash) + " " + _JSXStyle.dynamic([["2720111562", [colors.teal800, colors.grey400, colors.grey400, colors.grey500, colors.blue600, colors.blue800, colors.yellow700, colors.yellow800, colors.red500, colors.red800]]]) + " " + "indeterminate"
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: commonStyles.__hash
-  }, commonStyles), React.createElement(_JSXStyle, {
+  }, commonStyles), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "2720111562",
@@ -205,12 +213,13 @@ dynamic: [colors.teal800, colors.grey400, colors.grey400, colors.grey500, colors.blue600, colors.blue800, colors.yellow700, colors.yellow800, colors.red500, colors.red800]
 
-function ChevronRight(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function ChevronRight({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 48 48",
     className: "jsx-4098137027" + " " + (className || "")
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M20 12l-2.83 2.83L26.34 24l-9.17 9.17L20 36l12-12z",
     className: "jsx-4098137027"
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "4098137027"
@@ -222,12 +231,13 @@ }, ["svg.jsx-4098137027{fill:inherit;height:24px;width:24px;vertical-align:middle;pointer-events:none;}"]));
 };
-function ChevronLeft(_ref2) {
-  var className = _ref2.className;
-  return React.createElement("svg", {
+function ChevronLeft({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 48 48",
     className: "jsx-4098137027" + " " + (className || "")
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M30.83 14.83L28 12 16 24l12 12 2.83-2.83L21.66 24z",
     className: "jsx-4098137027"
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "4098137027"
@@ -240,12 +250,13 @@ }, ["svg.jsx-4098137027{fill:inherit;height:24px;width:24px;vertical-align:middle;pointer-events:none;}"]));
 
-function Close(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function Close({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 48 48",
     className: "jsx-4098137027" + " " + (className || "")
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z",
     className: "jsx-4098137027"
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "4098137027"
@@ -258,5 +269,6 @@ }, ["svg.jsx-4098137027{fill:inherit;height:24px;width:24px;vertical-align:middle;pointer-events:none;}"]));
 
-function Email(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function Email({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -267,5 +279,5 @@ width: "48",
     className: className
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M0 0h48v48H0z",
@@ -284,22 +296,21 @@ fill: "none"
 
-var Empty = function Empty(_ref) {
-  var dataTest = _ref.dataTest;
-  return React.createElement("svg", {
-    height: "18px",
-    version: "1.1",
-    viewBox: "0 0 18 18",
-    width: "18px",
-    "data-test": "".concat(dataTest, "-iconempty"),
-    className: "jsx-3201893673"
-  }, React.createElement("g", {
-    fill: "none",
-    fillRule: "evenodd",
-    id: "icon/empty",
-    stroke: "none",
-    strokeWidth: "1",
-    className: "jsx-3201893673"
-  }), React.createElement(_JSXStyle, {
-    id: "3201893673"
-  }, ["svg.jsx-3201893673{display:block;margin:3px 0;}"]));
-};
+const Empty = ({
+  dataTest
+}) => /*#__PURE__*/React.createElement("svg", {
+  height: "18px",
+  version: "1.1",
+  viewBox: "0 0 18 18",
+  width: "18px",
+  "data-test": "".concat(dataTest, "-iconempty"),
+  className: "jsx-3201893673"
+}, /*#__PURE__*/React.createElement("g", {
+  fill: "none",
+  fillRule: "evenodd",
+  id: "icon/empty",
+  stroke: "none",
+  strokeWidth: "1",
+  className: "jsx-3201893673"
+}), /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "3201893673"
+}, ["svg.jsx-3201893673{display:block;margin:3px 0;}"]));
 Empty.propTypes = {
@@ -309,5 +320,6 @@ dataTest: propTypes.string.isRequired
 
-function Exit(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function Exit({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -318,6 +330,6 @@ width: "48",
     className: className
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M0 0h48v48H0z",
     fill: "none"
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M20.17 31.17L23 34l10-10-10-10-2.83 2.83L25.34 22H6v4h19.34l-5.17 5.17zM38 6H10c-2.21 0-4 1.79-4 4v8h4v-8h28v28H10v-8H6v8c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z"
@@ -330,12 +342,13 @@ }));
 
-function FileUpload(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function FileUpload({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 48 48",
     className: "jsx-4098137027" + " " + (className || "")
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z",
     className: "jsx-4098137027"
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "4098137027"
@@ -353,28 +366,27 @@ }, ["svg.jsx-4098137027{fill:inherit;height:24px;width:24px;vertical-align:middle;pointer-events:none;}"]));
 
-var FolderClosed = function FolderClosed(_ref) {
-  var dataTest = _ref.dataTest;
-  return React.createElement("svg", {
-    width: "18px",
-    height: "18px",
-    viewBox: "0 0 18 18",
-    version: "1.1",
-    "data-test": "".concat(dataTest, "-iconfolderclosed"),
-    className: "jsx-3201893673"
-  }, React.createElement("g", {
-    id: "icon/folder/closed",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd",
-    className: "jsx-3201893673"
-  }, React.createElement("path", {
-    d: "M2,3.5 C1.17157288,3.5 0.5,4.17157288 0.5,5 L0.5,13 C0.5,13.8284271 1.17157288,14.5 2,14.5 L12,14.5 C12.8284271,14.5 13.5,13.8284271 13.5,13 L13.5,7 C13.5,6.17157288 12.8284271,5.5 12,5.5 L6.69098301,5.5 L5.82917961,3.7763932 C5.7444836,3.60700119 5.57135204,3.5 5.38196601,3.5 L2,3.5 Z",
-    id: "Path-2",
-    stroke: "#6E7A8A",
-    fill: "#D5DDE5",
-    className: "jsx-3201893673"
-  })), React.createElement(_JSXStyle, {
-    id: "3201893673"
-  }, ["svg.jsx-3201893673{display:block;margin:3px 0;}"]));
-};
+const FolderClosed = ({
+  dataTest
+}) => /*#__PURE__*/React.createElement("svg", {
+  width: "18px",
+  height: "18px",
+  viewBox: "0 0 18 18",
+  version: "1.1",
+  "data-test": "".concat(dataTest, "-iconfolderclosed"),
+  className: "jsx-3201893673"
+}, /*#__PURE__*/React.createElement("g", {
+  id: "icon/folder/closed",
+  stroke: "none",
+  strokeWidth: "1",
+  fill: "none",
+  fillRule: "evenodd",
+  className: "jsx-3201893673"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M2,3.5 C1.17157288,3.5 0.5,4.17157288 0.5,5 L0.5,13 C0.5,13.8284271 1.17157288,14.5 2,14.5 L12,14.5 C12.8284271,14.5 13.5,13.8284271 13.5,13 L13.5,7 C13.5,6.17157288 12.8284271,5.5 12,5.5 L6.69098301,5.5 L5.82917961,3.7763932 C5.7444836,3.60700119 5.57135204,3.5 5.38196601,3.5 L2,3.5 Z",
+  id: "Path-2",
+  stroke: "#6E7A8A",
+  fill: "#D5DDE5",
+  className: "jsx-3201893673"
+})), /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "3201893673"
+}, ["svg.jsx-3201893673{display:block;margin:3px 0;}"]));
 FolderClosed.propTypes = {
@@ -389,37 +401,36 @@ dataTest: propTypes.string.isRequired
 
-var FolderOpen = function FolderOpen(_ref) {
-  var dataTest = _ref.dataTest;
-  return React.createElement("svg", {
-    width: "18px",
-    height: "18px",
-    viewBox: "0 0 18 18",
-    version: "1.1",
-    "data-test": "".concat(dataTest, "-iconfolderopen"),
-    className: "jsx-2091325045"
-  }, React.createElement("g", {
-    id: "icon/folder/open",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd",
-    className: "jsx-2091325045"
-  }, React.createElement("g", {
-    id: "Group",
-    transform: "translate(0.000000, 3.000000)",
-    stroke: "#6E7A8A",
-    className: "jsx-2091325045"
-  }, React.createElement("path", {
-    d: "M2,0.5 C1.17157288,0.5 0.5,1.17157288 0.5,2 L0.5,10 C0.5,10.8284271 1.17157288,11.5 2,11.5 L12,11.5 C12.8284271,11.5 13.5,10.8284271 13.5,10 L13.5,4 C13.5,3.17157288 12.8284271,2.5 12,2.5 L6.69098301,2.5 L5.82917961,0.776393202 C5.7444836,0.607001188 5.57135204,0.5 5.38196601,0.5 L2,0.5 Z",
-    id: "Path-2",
-    fill: "#A0ADBA",
-    className: "jsx-2091325045"
-  }), React.createElement("path", {
-    d: "M1.53632259,10.7093809 C1.47575089,10.7941813 1.44318932,10.8957885 1.44318932,11 C1.44318932,11.2761424 1.66704695,11.5 1.94318932,11.5 L12.4853821,11.5 C12.6468577,11.5 12.7983931,11.4220172 12.8922488,11.2906191 L16.4636774,6.2906191 C16.5242491,6.20581872 16.5568107,6.10421149 16.5568107,6 C16.5568107,5.72385763 16.3329531,5.5 16.0568107,5.5 L5.5146179,5.5 C5.35314234,5.5 5.20160692,5.57798284 5.10775116,5.7093809 L1.53632259,10.7093809 Z",
-    id: "Path-3",
-    fill: "#FBFCFD",
-    className: "jsx-2091325045"
-  }))), React.createElement(_JSXStyle, {
-    id: "2091325045"
-  }, ["svg.jsx-2091325045{margin:3px 0;display:block;}"]));
-};
+const FolderOpen = ({
+  dataTest
+}) => /*#__PURE__*/React.createElement("svg", {
+  width: "18px",
+  height: "18px",
+  viewBox: "0 0 18 18",
+  version: "1.1",
+  "data-test": "".concat(dataTest, "-iconfolderopen"),
+  className: "jsx-2091325045"
+}, /*#__PURE__*/React.createElement("g", {
+  id: "icon/folder/open",
+  stroke: "none",
+  strokeWidth: "1",
+  fill: "none",
+  fillRule: "evenodd",
+  className: "jsx-2091325045"
+}, /*#__PURE__*/React.createElement("g", {
+  id: "Group",
+  transform: "translate(0.000000, 3.000000)",
+  stroke: "#6E7A8A",
+  className: "jsx-2091325045"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M2,0.5 C1.17157288,0.5 0.5,1.17157288 0.5,2 L0.5,10 C0.5,10.8284271 1.17157288,11.5 2,11.5 L12,11.5 C12.8284271,11.5 13.5,10.8284271 13.5,10 L13.5,4 C13.5,3.17157288 12.8284271,2.5 12,2.5 L6.69098301,2.5 L5.82917961,0.776393202 C5.7444836,0.607001188 5.57135204,0.5 5.38196601,0.5 L2,0.5 Z",
+  id: "Path-2",
+  fill: "#A0ADBA",
+  className: "jsx-2091325045"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M1.53632259,10.7093809 C1.47575089,10.7941813 1.44318932,10.8957885 1.44318932,11 C1.44318932,11.2761424 1.66704695,11.5 1.94318932,11.5 L12.4853821,11.5 C12.6468577,11.5 12.7983931,11.4220172 12.8922488,11.2906191 L16.4636774,6.2906191 C16.5242491,6.20581872 16.5568107,6.10421149 16.5568107,6 C16.5568107,5.72385763 16.3329531,5.5 16.0568107,5.5 L5.5146179,5.5 C5.35314234,5.5 5.20160692,5.57798284 5.10775116,5.7093809 L1.53632259,10.7093809 Z",
+  id: "Path-3",
+  fill: "#FBFCFD",
+  className: "jsx-2091325045"
+}))), /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "2091325045"
+}, ["svg.jsx-2091325045{margin:3px 0;display:block;}"]));
 FolderOpen.propTypes = {
@@ -429,5 +440,6 @@ dataTest: propTypes.string.isRequired
 
-function Help(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function Help({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -438,6 +450,6 @@ width: "48",
     className: className
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M0 0h48v48H0z",
     fill: "none"
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm2 34h-4v-4h4v4zm4.13-15.49l-1.79 1.84C26.9 25.79 26 27 26 30h-4v-1c0-2.21.9-4.21 2.34-5.66l2.49-2.52C27.55 20.1 28 19.1 28 18c0-2.21-1.79-4-4-4s-4 1.79-4 4h-4c0-4.42 3.58-8 8-8s8 3.58 8 8c0 1.76-.71 3.35-1.87 4.51z"
@@ -450,5 +462,6 @@ }));
 
-function Info(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function Info({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -459,6 +472,6 @@ width: "48",
     className: className
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M0 0h48v48H0z",
     fill: "none"
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm2 30h-4V22h4v12zm0-16h-4v-4h4v4z"
@@ -471,5 +484,6 @@ }));
 
-function Message(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function Message({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -480,5 +494,5 @@ width: "48",
     className: className
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M40 4H8C5.79 4 4.02 5.79 4.02 8L4 44l8-8h28c2.21 0 4-1.79 4-4V8c0-2.21-1.79-4-4-4zm-4 24H12v-4h24v4zm0-6H12v-4h24v4zm0-6H12v-4h24v4z"
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M0 0h48v48H0z",
@@ -492,5 +506,6 @@ fill: "none"
 
-function Settings(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function Settings({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -501,6 +516,6 @@ width: "48",
     className: className
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M0 0h48v48H0z",
     fill: "none"
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M38.86 25.95c.08-.64.14-1.29.14-1.95s-.06-1.31-.14-1.95l4.23-3.31c.38-.3.49-.84.24-1.28l-4-6.93c-.25-.43-.77-.61-1.22-.43l-4.98 2.01c-1.03-.79-2.16-1.46-3.38-1.97L29 4.84c-.09-.47-.5-.84-1-.84h-8c-.5 0-.91.37-.99.84l-.75 5.3c-1.22.51-2.35 1.17-3.38 1.97L9.9 10.1c-.45-.17-.97 0-1.22.43l-4 6.93c-.25.43-.14.97.24 1.28l4.22 3.31C9.06 22.69 9 23.34 9 24s.06 1.31.14 1.95l-4.22 3.31c-.38.3-.49.84-.24 1.28l4 6.93c.25.43.77.61 1.22.43l4.98-2.01c1.03.79 2.16 1.46 3.38 1.97l.75 5.3c.08.47.49.84.99.84h8c.5 0 .91-.37.99-.84l.75-5.3c1.22-.51 2.35-1.17 3.38-1.97l4.98 2.01c.45.17.97 0 1.22-.43l4-6.93c.25-.43.14-.97-.24-1.28l-4.22-3.31zM24 31c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z"
@@ -518,31 +533,30 @@ }));
 
-var Single = function Single(_ref) {
-  var dataTest = _ref.dataTest;
-  return React.createElement("svg", {
-    height: "18px",
-    version: "1.1",
-    viewBox: "0 0 18 18",
-    width: "18px",
-    "data-test": "".concat(dataTest, "-iconsingle"),
-    className: "jsx-3201893673"
-  }, React.createElement("g", {
-    fill: "none",
-    fillRule: "evenodd",
-    id: "icon/single",
-    stroke: "none",
-    strokeWidth: "1",
-    className: "jsx-3201893673"
-  }, React.createElement("rect", {
-    fill: "#A0ADBA",
-    height: "4",
-    id: "Rectangle",
-    rx: "1",
-    width: "4",
-    x: "7",
-    y: "7",
-    className: "jsx-3201893673"
-  })), React.createElement(_JSXStyle, {
-    id: "3201893673"
-  }, ["svg.jsx-3201893673{display:block;margin:3px 0;}"]));
-};
+const Single = ({
+  dataTest
+}) => /*#__PURE__*/React.createElement("svg", {
+  height: "18px",
+  version: "1.1",
+  viewBox: "0 0 18 18",
+  width: "18px",
+  "data-test": "".concat(dataTest, "-iconsingle"),
+  className: "jsx-3201893673"
+}, /*#__PURE__*/React.createElement("g", {
+  fill: "none",
+  fillRule: "evenodd",
+  id: "icon/single",
+  stroke: "none",
+  strokeWidth: "1",
+  className: "jsx-3201893673"
+}, /*#__PURE__*/React.createElement("rect", {
+  fill: "#A0ADBA",
+  height: "4",
+  id: "Rectangle",
+  rx: "1",
+  width: "4",
+  x: "7",
+  y: "7",
+  className: "jsx-3201893673"
+})), /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "3201893673"
+}, ["svg.jsx-3201893673{display:block;margin:3px 0;}"]));
 Single.propTypes = {
@@ -557,12 +571,13 @@ dataTest: propTypes.string.isRequired
 
-function Valid(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function Valid({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 48 48",
     className: _JSXStyle.dynamic([["2440664828", [theme.valid]]]) + " " + (className || "")
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M24 4C12.95 4 4 12.95 4 24c0 11.04 8.95 20 20 20 11.04 0 20-8.96 20-20 0-11.05-8.96-20-20-20zm-4 30L10 24l2.83-2.83L20 28.34l15.17-15.17L38 16 20 34z",
     className: _JSXStyle.dynamic([["2440664828", [theme.valid]]])
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "2440664828",
@@ -575,12 +590,13 @@ dynamic: [theme.valid]
 };
-function Warning(_ref2) {
-  var className = _ref2.className;
-  return React.createElement("svg", {
+function Warning({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 48 48",
     className: _JSXStyle.dynamic([["3534230106", [theme.warning]]]) + " " + (className || "")
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M2 42h44L24 4 2 42zm24-6h-4v-4h4v4zm0-8h-4v-8h4v8z",
     className: _JSXStyle.dynamic([["3534230106", [theme.warning]]])
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "3534230106",
@@ -593,12 +609,13 @@ dynamic: [theme.warning]
 };
-function Error(_ref3) {
-  var className = _ref3.className;
-  return React.createElement("svg", {
+function Error({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 48 48",
     className: _JSXStyle.dynamic([["4016510600", [theme.error]]]) + " " + (className || "")
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M24 4C12.96 4 4 12.95 4 24s8.96 20 20 20 20-8.95 20-20S35.04 4 24 4zm2 30h-4v-4h4v4zm0-8h-4V14h4v12z",
     className: _JSXStyle.dynamic([["4016510600", [theme.error]]])
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "4016510600",
@@ -611,12 +628,13 @@ dynamic: [theme.error]
 };
-function Info$1(_ref4) {
-  var className = _ref4.className;
-  return React.createElement("svg", {
+function Info$1({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 48 48",
     className: _JSXStyle.dynamic([["198782611", [theme.info]]]) + " " + (className || "")
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm2 30h-4V22h4v12zm0-16h-4v-4h4v4z",
     className: _JSXStyle.dynamic([["198782611", [theme.info]]])
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "198782611",
@@ -629,9 +647,10 @@ dynamic: [theme.info]
 };
-function Loading(_ref5) {
-  var className = _ref5.className;
-  return React.createElement("svg", {
+function Loading({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "22 22 44 44",
     className: _JSXStyle.dynamic([["512049993", [theme.primary600, theme.primary600]]]) + " " + (className || "")
-  }, React.createElement("circle", {
+  }, /*#__PURE__*/React.createElement("circle", {
     cx: "44",
@@ -643,3 +662,3 @@ cy: "44",
     className: _JSXStyle.dynamic([["512049993", [theme.primary600, theme.primary600]]]) + " " + "circle"
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "512049993",
@@ -652,13 +671,13 @@ dynamic: [theme.primary600, theme.primary600]
 };
-var StatusIcon = function StatusIcon(_ref6) {
-  var error = _ref6.error,
-      warning = _ref6.warning,
-      valid = _ref6.valid,
-      loading = _ref6.loading,
-      info = _ref6.info,
-      className = _ref6.className,
-      defaultTo = _ref6.defaultTo;
-
+const StatusIcon = ({
+  error,
+  warning,
+  valid,
+  loading,
+  info,
+  className,
+  defaultTo
+}) => {
   if (error) {
-    return React.createElement(Error, {
+    return /*#__PURE__*/React.createElement(Error, {
       className: className
@@ -669,3 +688,3 @@ });
   if (warning) {
-    return React.createElement(Warning, {
+    return /*#__PURE__*/React.createElement(Warning, {
       className: className
@@ -676,3 +695,3 @@ });
   if (valid) {
-    return React.createElement(Valid, {
+    return /*#__PURE__*/React.createElement(Valid, {
       className: className
@@ -683,3 +702,3 @@ });
   if (loading) {
-    return React.createElement(Loading, {
+    return /*#__PURE__*/React.createElement(Loading, {
       className: className
@@ -690,3 +709,3 @@ });
   if (info) {
-    return React.createElement(Info$1, {
+    return /*#__PURE__*/React.createElement(Info$1, {
       className: className
@@ -711,14 +730,15 @@ });
 
-function Upload(_ref) {
-  var className = _ref.className;
-  return React.createElement("svg", {
+function Upload({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
     className: "jsx-4098137027" + " " + (className || "")
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M0 0h24v24H0z",
     fill: "none",
     className: "jsx-4098137027"
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z",
     className: "jsx-4098137027"
-  }), React.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "4098137027"
@@ -725,0 +745,0 @@ }, ["svg.jsx-4098137027{fill:inherit;height:24px;width:24px;vertical-align:middle;pointer-events:none;}"]));

package.json

 {
     "name": "@dhis2/ui-icons",
-    "version": "5.0.0-alpha.4",
+    "version": "5.0.0-alpha.5",
     "description": "Icons used in the UI libs",
@@ -5,0 +5,0 @@ "main": "build/cjs/lib.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

267854

increased by0.13%

Lines of code

1452

increased by2.98%

No dependency changes