Skip to content

Commit

Permalink
Dashboard and Graphql icons (#859)
Browse files Browse the repository at this point in the history
  • Loading branch information
Cloud11PL authored Sep 24, 2024
1 parent 431a75d commit e7b919c
Show file tree
Hide file tree
Showing 4 changed files with 61 additions and 0 deletions.
5 changes: 5 additions & 0 deletions .changeset/twenty-days-punch.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
"@saleor/macaw-ui": patch
---

Macaw-ui now exports Dashboard and GraphQL icons.
26 changes: 26 additions & 0 deletions src/components/Icons/DashboardIcon.tsx
Original file line number Diff line number Diff line change
@@ -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"
/>
</>
);
28 changes: 28 additions & 0 deletions src/components/Icons/GraphQLIcon.tsx
Original file line number Diff line number Diff line change
@@ -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"
/>
</>
);
2 changes: 2 additions & 0 deletions src/components/Icons/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -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";
Expand All @@ -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";
Expand Down

0 comments on commit e7b919c

Please sign in to comment.