feat(dashboard-v2): add upload-rellated icons

packages/dashboard-v2/src/components/Icons/icons/CircledArrowUpIcon.js

@@ -0,0 +1,18 @@
+import { withIconProps } from "../withIconProps";
+
+export const CircledArrowUpIcon = withIconProps(({ size, ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 32 32"
+    xmlns="http://www.w3.org/2000/svg"
+    shapeRendering="geometricPrecision"
+    {...props}
+  >
+    <circle cx="16" cy="16" r="15" fill="transparent" stroke="currentColor" strokeWidth="2" />
+    <path
+      fill="currentColor"
+      d="M16.21,10.51a1,1,0,0,1,1.32.09l4.95,5L21.06,17l-3.29-3.32V23h-2V13.75L12.48,17,11.07,15.6l5-5Z"
+    />
+  </svg>
+));

packages/dashboard-v2/src/components/Icons/icons/CircledCheckmarkIcon.js

@@ -0,0 +1,18 @@
+import { withIconProps } from "../withIconProps";
+
+export const CircledCheckmarkIcon = withIconProps(({ size, ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 32 32"
+    xmlns="http://www.w3.org/2000/svg"
+    shapeRendering="geometricPrecision"
+    {...props}
+  >
+    <circle cx="16" cy="16" r="15" fill="transparent" stroke="currentColor" strokeWidth="2" />
+    <polygon
+      fill="currentColor"
+      points="22.45 11.19 23.86 12.61 14.44 22.03 9.69 17.28 11.1 15.86 14.44 19.2 22.45 11.19"
+    />
+  </svg>
+));

packages/dashboard-v2/src/components/Icons/icons/CircledErrorIcon.js

@@ -0,0 +1,19 @@
+import { withIconProps } from "../withIconProps";
+
+export const CircledErrorIcon = withIconProps(({ size, ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 32 32"
+    xmlns="http://www.w3.org/2000/svg"
+    shapeRendering="geometricPrecision"
+    {...props}
+  >
+    <circle cx="16" cy="16" r="15" fill="transparent" stroke="currentColor" strokeWidth="2" />
+    <polygon
+      fill="currentColor"
+      fillRule="evenodd"
+      points="21.72 10.25 23.14 11.66 18.19 16.61 23.14 21.56 21.72 22.98 16.77 18.02 11.82 22.98 10.41 21.56 15.36 16.61 10.41 11.66 11.82 10.25 16.77 15.2 21.72 10.25"
+    />
+  </svg>
+));

packages/dashboard-v2/src/components/Icons/icons/CircledProgressIcon.js

@@ -0,0 +1,22 @@
+import { withIconProps } from "../withIconProps";
+
+export const CircledProgressIcon = withIconProps(({ size, ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 32 32"
+    xmlns="http://www.w3.org/2000/svg"
+    shapeRendering="geometricPrecision"
+    {...props}
+  >
+    <circle cx="16" cy="16" r="15" fill="transparent" stroke="currentColor" strokeWidth="2" />
+    <rect fill="currentColor" x="15" y="22" width="2" height="4" />
+    <rect fill="currentColor" x="8.34" y="20.66" width="4" height="2" transform="translate(-12.28 13.66) rotate(-45)" />
+    <rect fill="currentColor" x="20.66" y="19.66" width="2" height="4" transform="translate(-8.97 21.66) rotate(-45)" />
+    <rect fill="currentColor" x="6" y="15" width="4" height="2" />
+    <rect fill="currentColor" x="22" y="15" width="4" height="2" />
+    <rect fill="currentColor" x="9.34" y="8.34" width="2" height="4" transform="translate(-4.28 10.34) rotate(-45)" />
+    <rect fill="currentColor" x="19.66" y="9.34" width="4" height="2" transform="translate(-0.97 18.34) rotate(-45)" />
+    <rect fill="currentColor" x="15" y="6" width="2" height="4" />
+  </svg>
+));

packages/dashboard-v2/src/components/Icons/icons/FolderUploadIcon.js

@@ -0,0 +1,24 @@
+import { withIconProps } from "../withIconProps";
+
+export const FolderUploadIcon = withIconProps((props) => (
+  <svg width="64" height="56" viewBox="0 0 64 56" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <g id="Layer_2" data-name="Layer 2">
+      <g id="Layer_1-2" data-name="Layer 1">
+        <path fill="#00c65e" fillRule="evenodd" d="M26.1,48.27V34H20.35L31,23,41.34,34H36V52Z" />
+        <path
+          fill="none"
+          stroke="#222829"
+          strokeWidth="2"
+          strokeLinejoin="round"
+          d="M27,56V34H21L32,23,43,34H37V56M32,33v2m0,2v2m0,2v2m0,2v2m0,2v2m0,2v2"
+        />
+        <path
+          fill="none"
+          stroke="#222829"
+          strokeWidth="2"
+          d="M58,17H40m18,4H40M12,17h2m2,0h2m2,0h2M20,51H4M59,8V5H23L19,1H1V48a3,3,0,0,0,6,0V11H63V51H43.8"
+        />
+      </g>
+    </g>
+  </svg>
+));

packages/dashboard-v2/src/components/Icons/icons/PlusIcon.js

@@ -0,0 +1,14 @@
+import { withIconProps } from "../withIconProps";
+
+export const PlusIcon = withIconProps(({ size, ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 32 32"
+    xmlns="http://www.w3.org/2000/svg"
+    shapeRendering="geometricPrecision"
+    {...props}
+  >
+    <path d="M18.67,0V13.33H32v5.34H18.67V32H13.33V18.67H0V13.33H13.33V0Z" fill="currentColor" />
+  </svg>
+));

packages/dashboard-v2/src/components/Icons/icons/UploadIcon.js

@@ -0,0 +1,40 @@
+import { withIconProps } from "../withIconProps";
+
+export const UploadIcon = withIconProps((props) => (
+  <svg
+    width="64"
+    height="55"
+    viewBox="0 0 64 55"
+    xmlns="http://www.w3.org/2000/svg"
+    x="0px"
+    y="0px"
+    shapeRendering="geometricPrecision"
+    {...props}
+  >
+    <g>
+      <path
+        fillRule="evenodd"
+        clipRule="evenOdd"
+        fill="#00C65E"
+        d="M26.1,47.3V33h-5.7L31,22l10.3,11H36v18L26.1,47.3z"
+      />
+      <g>
+        <path
+          fill="none"
+          stroke="#0D0D0D"
+          strokeWidth="2"
+          d="M42,41h9c6.6,0,12-5.4,12-12c0-5.9-4-11-10-11c0-5-3-9-9-9h-1c-2.7-4.9-8-8-14-8c-8.8,0-16,7.2-16,16
+            C6.4,17,1,22.4,1,29c0,6.6,5.4,12,12,12h9"
+        />
+        <path fill="none" stroke="#0D0D0D" strokeWidth="2" d="M19,18c0-6.1,5-11,10-11" />
+        <path
+          fill="none"
+          stroke="#0D0D0D"
+          strokeWidth="2"
+          strokeLinejoin="round"
+          d="M26,55V33h-6l11-11l11,11h-6v22 M31,32v2 M31,36v2 M31,40v2 M31,44v2 M31,48v2 M31,52v2"
+        />
+      </g>
+    </g>
+  </svg>
+));

packages/dashboard-v2/src/components/Icons/index.js

@@ -4,3 +4,8 @@ export * from "./icons/LockClosedIcon";
 export * from "./icons/SkynetLogoIcon";
 export * from "./icons/ArrowRightIcon";
 export * from "./icons/InfoIcon";
+export * from "./icons/CircledCheckmarkIcon";
+export * from "./icons/CircledErrorIcon";
+export * from "./icons/CircledProgressIcon";
+export * from "./icons/CircledArrowUpIcon";
+export * from "./icons/PlusIcon";