Dashboard and Graphql icons (#859)

.changeset/twenty-days-punch.md

@@ -0,0 +1,5 @@
+---
+"@saleor/macaw-ui": patch
+---
+
+Macaw-ui now exports Dashboard and GraphQL icons.

src/components/Icons/DashboardIcon.tsx

@@ -0,0 +1,26 @@
+import { createSVGWrapper } from "./SVGWrapper";
+
+export const DashboardIcon = createSVGWrapper(
+  <>
+    <path
+      d="M13.5 4C13.5 3.44772 13.9477 3 14.5 3H20C20.5523 3 21 3.44772 21 4V8C21 8.55228 20.5523 9 20 9H14.5C13.9477 9 13.5 8.55228 13.5 8V4Z"
+      stroke="currentColor"
+      strokeWidth="1.25"
+    />
+    <path
+      d="M13.5 13C13.5 12.4477 13.9477 12 14.5 12H20C20.5523 12 21 12.4477 21 13V20C21 20.5523 20.5523 21 20 21H14.5C13.9477 21 13.5 20.5523 13.5 20V13Z"
+      stroke="currentColor"
+      strokeWidth="1.25"
+    />
+    <path
+      d="M3 16C3 15.4477 3.44772 15 4 15H9.5C10.0523 15 10.5 15.4477 10.5 16V20C10.5 20.5523 10.0523 21 9.5 21H4C3.44772 21 3 20.5523 3 20V16Z"
+      stroke="currentColor"
+      strokeWidth="1.25"
+    />
+    <path
+      d="M3 4C3 3.44772 3.44772 3 4 3H9.5C10.0523 3 10.5 3.44772 10.5 4V11C10.5 11.5523 10.0523 12 9.5 12H4C3.44772 12 3 11.5523 3 11V4Z"
+      stroke="currentColor"
+      strokeWidth="1.25"
+    />
+  </>
+);

src/components/Icons/GraphQLIcon.tsx

@@ -0,0 +1,28 @@
+import { createSVGWrapper } from "./SVGWrapper";
+
+export const GraphQLIcon = createSVGWrapper(
+  <>
+    <path
+      d="M12.5 3L4.5 7.5L4.5 16.5M12.5 3L20.5 7.5V16.5M12.5 3L4.5 16.5M12.5 3L20.5 16.5M4.5 16.5L12.5 21L20.5 16.5M4.5 16.5H20.5"
+      stroke="currentColor"
+    />
+    <circle cx="12.5" cy="3" r="2" fill="currentColor" />
+    <circle cx="12.5" cy="21" r="2" fill="currentColor" />
+    <path
+      d="M6.5 16.5C6.5 17.6046 5.60457 18.5 4.5 18.5C3.39543 18.5 2.5 17.6046 2.5 16.5C2.5 15.3954 3.39543 14.5 4.5 14.5C5.60457 14.5 6.5 15.3954 6.5 16.5Z"
+      fill="currentColor"
+    />
+    <path
+      d="M6.5 7.5C6.5 8.60457 5.60457 9.5 4.5 9.5C3.39543 9.5 2.5 8.60457 2.5 7.5C2.5 6.39543 3.39543 5.5 4.5 5.5C5.60457 5.5 6.5 6.39543 6.5 7.5Z"
+      fill="currentColor"
+    />
+    <path
+      d="M22.5 7.5C22.5 8.60457 21.6046 9.5 20.5 9.5C19.3954 9.5 18.5 8.60457 18.5 7.5C18.5 6.39543 19.3954 5.5 20.5 5.5C21.6046 5.5 22.5 6.39543 22.5 7.5Z"
+      fill="currentColor"
+    />
+    <path
+      d="M22.5 16.5C22.5 17.6046 21.6046 18.5 20.5 18.5C19.3954 18.5 18.5 17.6046 18.5 16.5C18.5 15.3954 19.3954 14.5 20.5 14.5C21.6046 14.5 22.5 15.3954 22.5 16.5Z"
+      fill="currentColor"
+    />
+  </>
+);

src/components/Icons/index.ts

@@ -14,6 +14,7 @@ export * from "./ConfigurationIcon";
 export * from "./CopyIcon";
 export * from "./CustomersIcon";
 export * from "./DarkModeIcon";
+export * from "./DashboardIcon";
 export * from "./EditIcon";
 export * from "./EnvironmentIcon";
 export * from "./ExportIcon";
@@ -23,6 +24,7 @@ export * from "./FloppyDiscIcon";
 export * from "./FullscreenOffIcon";
 export * from "./FullscreenOnIcon";
 export * from "./GenericAppIcon";
+export * from "./GraphQLIcon";
 export * from "./GripIcon";
 export * from "./HelpIcon";
 export * from "./HomeIcon";