@saleor/macaw-ui 0.5.2 → 0.6.0

package/src/icons/32x32/FilteringIcon.tsx

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { forwardRef, Ref, SVGProps } from "react";
+export const FilteringIcon = forwardRef(
+  (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
+    <svg
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M3 9.5V4a1 1 0 0 1 1-1h24a1 1 0 0 1 1 1v5.5m-26 0 8.707 8.707a1 1 0 0 1 .293.707v8.643a1 1 0 0 0 1.351.936l6-2.25a1 1 0 0 0 .649-.936v-6.393a1 1 0 0 1 .293-.707L29 9.5m-26 0h26"
+        stroke="currentColor"
+        strokeWidth={1.5}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  )
+);

package/src/icons/32x32/FilteringLargeIcon.tsx

@@ -0,0 +1,14 @@
+import { createSvgIcon } from "@material-ui/core/utils";
+import * as React from "react";
+export const FilteringLargeIcon = createSvgIcon(
+  <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M3 9.5V4a1 1 0 0 1 1-1h24a1 1 0 0 1 1 1v5.5m-26 0 8.707 8.707a1 1 0 0 1 .293.707v8.643a1 1 0 0 0 1.351.936l6-2.25a1 1 0 0 0 .649-.936v-6.393a1 1 0 0 1 .293-.707L29 9.5m-26 0h26"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>,
+  "FilteringLargeIcon"
+);

package/src/icons/32x32/GiftCardIcon.tsx

@@ -0,0 +1,33 @@
+import * as React from "react";
+import { forwardRef, Ref, SVGProps } from "react";
+export const GiftcardIcon = forwardRef(
+  (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
+    <svg
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M11 6h17a1 1 0 0 1 1 1v7M11 6H4a1 1 0 0 0-1 1v7m8-8v8m0 12H4a1 1 0 0 1-1-1V14m8 12h17a1 1 0 0 0 1-1V14M11 26V14m-8 0h8m0 0h18m-12 5.5h8M17 22h2m3 0h3"
+        stroke="currentColor"
+        strokeWidth={1.5}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M11 14h2.5a2.5 2.5 0 0 0 0-5 2.5 2.5 0 0 0-2.5 2.5V14Zm0 0H8.5a2.5 2.5 0 1 1 2.5-2.5V14Z"
+        stroke="currentColor"
+        strokeWidth={1.5}
+      />
+      <path
+        d="m11 14-3 3M11 14l3 3"
+        stroke="currentColor"
+        strokeWidth={1.5}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  )
+);

package/src/icons/32x32/GiftCardLargeIcon.tsx

@@ -0,0 +1,26 @@
+import { createSvgIcon } from "@material-ui/core/utils";
+import * as React from "react";
+export const GiftcardLargeIcon = createSvgIcon(
+  <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M11 6h17a1 1 0 0 1 1 1v7M11 6H4a1 1 0 0 0-1 1v7m8-8v8m0 12H4a1 1 0 0 1-1-1V14m8 12h17a1 1 0 0 0 1-1V14M11 26V14m-8 0h8m0 0h18m-12 5.5h8M17 22h2m3 0h3"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M11 14h2.5a2.5 2.5 0 0 0 0-5 2.5 2.5 0 0 0-2.5 2.5V14Zm0 0H8.5a2.5 2.5 0 1 1 2.5-2.5V14Z"
+      stroke="currentColor"
+      strokeWidth={1.5}
+    />
+    <path
+      d="m11 14-3 3m3-3 3 3"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>,
+  "GiftcardLargeIcon"
+);

package/src/icons/32x32/NavigationIcon.tsx

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { forwardRef, Ref, SVGProps } from "react";
+export const NavigationIcon = forwardRef(
+  (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
+    <svg
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={ref}
+      {...props}
+    >
+      <circle
+        cx={16}
+        cy={16}
+        r={13.25}
+        stroke="currentColor"
+        strokeWidth={1.5}
+      />
+      <path
+        d="m10.034 14.229 10.303-3.908c.819-.311 1.613.507 1.278 1.317l-4.277 10.336a1 1 0 0 1-1.818.065l-1.88-3.759a1.001 1.001 0 0 0-.415-.43L9.909 16.04a1 1 0 0 1 .125-1.812Z"
+        stroke="currentColor"
+        strokeWidth={1.5}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  )
+);

package/src/icons/32x32/NavigationLargeIcon.tsx

@@ -0,0 +1,15 @@
+import { createSvgIcon } from "@material-ui/core/utils";
+import * as React from "react";
+export const NavigationLargeIcon = createSvgIcon(
+  <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx={16} cy={16} r={13.25} stroke="currentColor" strokeWidth={1.5} />
+    <path
+      d="m10.034 14.229 10.303-3.908c.819-.311 1.613.507 1.278 1.317l-4.277 10.336a1 1 0 0 1-1.818.065l-1.88-3.759a1.001 1.001 0 0 0-.415-.43l-3.316-1.81a1 1 0 0 1 .125-1.812Z"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>,
+  "NavigationLargeIcon"
+);

package/src/icons/32x32/NotesIcon.tsx

@@ -0,0 +1,42 @@
+import * as React from "react";
+import { forwardRef, Ref, SVGProps } from "react";
+export const NotesIcon = forwardRef(
+  (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
+    <svg
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={ref}
+      {...props}
+    >
+      <rect
+        x={5}
+        y={3}
+        width={22}
+        height={26}
+        rx={2}
+        stroke="currentColor"
+        strokeWidth={1.5}
+      />
+      <mask id="a" fill="currentColor">
+        <rect x={8} y={6} width={8} height={5} rx={1} />
+      </mask>
+      <rect
+        x={8}
+        y={6}
+        width={8}
+        height={5}
+        rx={1}
+        stroke="currentColor"
+        strokeWidth={3}
+        mask="url(#a)"
+      />
+      <path
+        d="M9 17h14M9 21h14M9 25h14"
+        stroke="currentColor"
+        strokeWidth={1.5}
+        strokeLinecap="round"
+      />
+    </svg>
+  )
+);

package/src/icons/32x32/NotesLargeIcon.tsx

@@ -0,0 +1,35 @@
+import { createSvgIcon } from "@material-ui/core/utils";
+import * as React from "react";
+export const NotesLargeIcon = createSvgIcon(
+  <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect
+      x={5}
+      y={3}
+      width={22}
+      height={26}
+      rx={2}
+      stroke="currentColor"
+      strokeWidth={1.5}
+    />
+    <mask id="a" fill="currentColor">
+      <rect x={8} y={6} width={8} height={5} rx={1} />
+    </mask>
+    <rect
+      x={8}
+      y={6}
+      width={8}
+      height={5}
+      rx={1}
+      stroke="currentColor"
+      strokeWidth={3}
+      mask="url(#a)"
+    />
+    <path
+      d="M9 17h14M9 21h14M9 25h14"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+    />
+  </svg>,
+  "NotesLargeIcon"
+);

package/src/icons/32x32/OmnichannelIcon.tsx

@@ -0,0 +1,35 @@
+import * as React from "react";
+import { forwardRef, Ref, SVGProps } from "react";
+export const OmnichannelIcon = forwardRef(
+  (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
+    <svg
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={ref}
+      {...props}
+    >
+      <circle cx={6} cy={7} r={2.25} stroke="currentColor" strokeWidth={1.5} />
+      <circle cx={26} cy={7} r={2.25} stroke="currentColor" strokeWidth={1.5} />
+      <circle
+        cx={26}
+        cy={25}
+        r={2.25}
+        stroke="currentColor"
+        strokeWidth={1.5}
+      />
+      <circle cx={6} cy={25} r={2.25} stroke="currentColor" strokeWidth={1.5} />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M16 28.5c2.7 0 5.2-.856 7.244-2.312.203.47.522.877.921 1.186A13.937 13.937 0 0 1 16 30c-3.047 0-5.867-.974-8.165-2.626.399-.31.718-.717.92-1.186A12.443 12.443 0 0 0 16 28.5ZM5.107 22.135A12.443 12.443 0 0 1 3.5 16c0-2.23.584-4.323 1.607-6.135a3 3 0 0 1-1.276-.792A13.936 13.936 0 0 0 2 16c0 2.52.666 4.885 1.831 6.927a3 3 0 0 1 1.276-.792Zm23.062.792a3 3 0 0 0-1.276-.792A12.443 12.443 0 0 0 28.5 16c0-2.23-.584-4.323-1.607-6.135a3 3 0 0 0 1.276-.792A13.935 13.935 0 0 1 30 16c0 2.52-.666 4.885-1.831 6.927ZM16 2c3.047 0 5.867.973 8.165 2.626a3.01 3.01 0 0 0-.92 1.186A12.443 12.443 0 0 0 16 3.5c-2.7 0-5.2.856-7.244 2.312a3.01 3.01 0 0 0-.921-1.186A13.936 13.936 0 0 1 16 2Z"
+        fill="currentColor"
+      />
+      <path
+        d="M23.25 16a7.25 7.25 0 1 1-14.5 0 7.25 7.25 0 0 1 14.5 0Z"
+        stroke="currentColor"
+        strokeWidth={1.5}
+      />
+    </svg>
+  )
+);

package/src/icons/32x32/OmnichannelLargeIcon.tsx

@@ -0,0 +1,22 @@
+import { createSvgIcon } from "@material-ui/core/utils";
+import * as React from "react";
+export const OmnichannelLargeIcon = createSvgIcon(
+  <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx={6} cy={7} r={2.25} stroke="currentColor" strokeWidth={1.5} />
+    <circle cx={26} cy={7} r={2.25} stroke="currentColor" strokeWidth={1.5} />
+    <circle cx={26} cy={25} r={2.25} stroke="currentColor" strokeWidth={1.5} />
+    <circle cx={6} cy={25} r={2.25} stroke="currentColor" strokeWidth={1.5} />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M16 28.5c2.7 0 5.2-.856 7.244-2.312.203.47.522.877.921 1.186A13.937 13.937 0 0 1 16 30c-3.047 0-5.867-.974-8.165-2.626.399-.31.718-.717.92-1.186A12.443 12.443 0 0 0 16 28.5ZM5.107 22.135A12.443 12.443 0 0 1 3.5 16c0-2.23.584-4.323 1.607-6.135a3 3 0 0 1-1.276-.792A13.936 13.936 0 0 0 2 16c0 2.52.666 4.885 1.831 6.927a3 3 0 0 1 1.276-.792Zm23.062.792a3 3 0 0 0-1.276-.792A12.443 12.443 0 0 0 28.5 16c0-2.23-.584-4.323-1.607-6.135a3 3 0 0 0 1.276-.792A13.935 13.935 0 0 1 30 16c0 2.52-.666 4.885-1.831 6.927ZM16 2c3.047 0 5.867.973 8.165 2.626a3.01 3.01 0 0 0-.92 1.186A12.443 12.443 0 0 0 16 3.5c-2.7 0-5.2.856-7.244 2.312a3.01 3.01 0 0 0-.921-1.186A13.936 13.936 0 0 1 16 2Z"
+      fill="currentColor"
+    />
+    <path
+      d="M23.25 16a7.25 7.25 0 1 1-14.5 0 7.25 7.25 0 0 1 14.5 0Z"
+      stroke="currentColor"
+      strokeWidth={1.5}
+    />
+  </svg>,
+  "OmnichannelLargeIcon"
+);

package/src/icons/32x32/PermissionIcon.tsx

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { forwardRef, Ref, SVGProps } from "react";
+export const PermissionIcon = forwardRef(
+  (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
+    <svg
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={ref}
+      {...props}
+    >
+      <circle
+        cx={16}
+        cy={19}
+        r={9.25}
+        stroke="currentColor"
+        strokeWidth={1.5}
+      />
+      <path
+        d="M10 12V9a6 6 0 0 1 6-6v0a6 6 0 0 1 6 6v3M16 17v4m0-4h2m-2 0h-2"
+        stroke="currentColor"
+        strokeWidth={1.5}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  )
+);

package/src/icons/32x32/PermissionLargeIcon.tsx

@@ -0,0 +1,15 @@
+import { createSvgIcon } from "@material-ui/core/utils";
+import * as React from "react";
+export const PermissionLargeIcon = createSvgIcon(
+  <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx={16} cy={19} r={9.25} stroke="currentColor" strokeWidth={1.5} />
+    <path
+      d="M10 12V9a6 6 0 0 1 6-6v0a6 6 0 0 1 6 6v3m-6 5v4m0-4h2m-2 0h-2"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>,
+  "PermissionLargeIcon"
+);

package/src/icons/32x32/ProductIcon.tsx

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { forwardRef, Ref, SVGProps } from "react";
+export const ProductIcon = forwardRef(
+  (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
+    <svg
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M3 10v16a2 2 0 0 0 2 2h22a2 2 0 0 0 2-2V10M3 10l3.406-5.11A2 2 0 0 1 8.07 4h15.86a2 2 0 0 1 1.664.89L29 10M3 10h9m17 0h-9m-8 0v9.191a.5.5 0 0 0 .724.447l2.829-1.414a1 1 0 0 1 .894 0l2.83 1.414a.5.5 0 0 0 .723-.447V10m-8 0h8"
+        stroke="currentColor"
+        strokeWidth={1.5}
+        strokeLinejoin="round"
+      />
+    </svg>
+  )
+);

package/src/icons/32x32/ProductLargeIcon.tsx

@@ -0,0 +1,13 @@
+import { createSvgIcon } from "@material-ui/core/utils";
+import * as React from "react";
+export const ProductLargeIcon = createSvgIcon(
+  <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M3 10v16a2 2 0 0 0 2 2h22a2 2 0 0 0 2-2V10M3 10l3.406-5.11A2 2 0 0 1 8.07 4h15.86a2 2 0 0 1 1.664.89L29 10M3 10h9m17 0h-9m-8 0v9.191a.5.5 0 0 0 .724.447l2.829-1.414a1 1 0 0 1 .894 0l2.83 1.414a.5.5 0 0 0 .723-.447V10m-8 0h8"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinejoin="round"
+    />
+  </svg>,
+  "ProductLargeIcon"
+);

package/src/icons/32x32/SearchIcon.tsx

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { forwardRef, Ref, SVGProps } from "react";
+export const SearchIcon = forwardRef(
+  (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
+    <svg
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={ref}
+      {...props}
+    >
+      <path fill="currentColor" d="M0 0h32v32H0z" />
+      <circle
+        cx={14}
+        cy={14}
+        r={11.25}
+        stroke="currentColor"
+        strokeWidth={1.5}
+      />
+      <path
+        d="m22 22 7 7"
+        stroke="currentColor"
+        strokeWidth={1.5}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  )
+);

package/src/icons/32x32/SearchLargeIcon.tsx

@@ -0,0 +1,15 @@
+import { createSvgIcon } from "@material-ui/core/utils";
+import * as React from "react";
+export const SearchLargeIcon = createSvgIcon(
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
+    <circle cx={14} cy={14} r={11.25} stroke="currentColor" strokeWidth={1.5} />
+    <path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="m22 22 7 7"
+    />
+  </svg>,
+  "SearchLargeIcon"
+);

package/src/icons/32x32/ShippingIcon.tsx

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { forwardRef, Ref, SVGProps } from "react";
+export const ShippingIcon = forwardRef(
+  (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
+    <svg
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M18.5 7h-4.653a1 1 0 0 0-.986.836l-2.667 16A1 1 0 0 0 11.18 25h13.973a1 1 0 0 0 .986-.836l2.667-16A1 1 0 0 0 27.82 7H23.5m-5 0-.806 4.836A1 1 0 0 0 18.68 13h2.973a1 1 0 0 0 .986-.836L23.5 7m-5 0h5M2 12h7M2 16h5M2 20h3"
+        stroke="currentColor"
+        strokeWidth={1.5}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  )
+);

package/src/icons/32x32/ShippingLargeIcon.tsx

@@ -0,0 +1,14 @@
+import { createSvgIcon } from "@material-ui/core/utils";
+import * as React from "react";
+export const ShippingLargeIcon = createSvgIcon(
+  <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M18.5 7h-4.653a1 1 0 0 0-.986.836l-2.667 16A1 1 0 0 0 11.18 25h13.973a1 1 0 0 0 .986-.836l2.667-16A1 1 0 0 0 27.82 7H23.5m-5 0-.806 4.836A1 1 0 0 0 18.68 13h2.973a1 1 0 0 0 .986-.836L23.5 7m-5 0h5M2 12h7m-7 4h5m-5 4h3"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>,
+  "ShippingLargeIcon"
+);

package/src/icons/32x32/SiteSettingsIcon.tsx

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { forwardRef, Ref, SVGProps } from "react";
+export const SitesettingsIcon = forwardRef(
+  (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
+    <svg
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M6.714 5.84c.32-.321.804-.44 1.246-.28.534.194 1.267.488 2.203.886.582.248 1.239.255 1.829.01a2.464 2.464 0 0 0 1.355-1.427c.353-.953.607-1.597.794-2.032.2-.465.655-.747 1.139-.747h1.33c.473 0 .92.27 1.126.719.201.44.481 1.101.877 2.093.25.624.733 1.12 1.34 1.371.611.252 1.291.235 1.887-.037a46.198 46.198 0 0 1 2.058-.893c.468-.186.99-.065 1.333.278l.912.912c.335.335.46.842.289 1.305-.17.457-.439 1.123-.857 2.103a2.498 2.498 0 0 0-.015 1.927c.26.629.764 1.108 1.374 1.333.97.36 1.626.618 2.069.807.465.2.747.655.747 1.139v1.279c0 .472-.268.918-.716 1.125-.449.207-1.123.493-2.135.898a2.387 2.387 0 0 0-1.317 1.315 2.49 2.49 0 0 0 .043 1.973c.42.917.695 1.551.872 1.992.189.47.067.991-.276 1.335l-.94.94-.293-.293.294.294c-.115.115-.251.204-.398.263l-.05.265h-.002l.05-.264a1.177 1.177 0 0 1-.843.014 47.296 47.296 0 0 1-2.198-.887 2.363 2.363 0 0 0-1.832-.011 2.47 2.47 0 0 0-1.363 1.43c-.352.95-.605 1.592-.791 2.027a1.237 1.237 0 0 1-1.14.748h-1.332c-.473 0-.92-.27-1.127-.719a48.68 48.68 0 0 1-.878-2.094 2.466 2.466 0 0 0-1.334-1.368 2.362 2.362 0 0 0-1.892.035c-.954.435-1.606.714-2.051.891a1.239 1.239 0 0 1-1.335-.278l-.915-.916a1.237 1.237 0 0 1-.289-1.304c.17-.457.439-1.123.857-2.1.26-.609.27-1.306.014-1.924a2.383 2.383 0 0 0-1.367-1.329 46.815 46.815 0 0 1-2.07-.81 1.236 1.236 0 0 1-.746-1.139V15.41c0-.473.27-.92.719-1.127M6.714 5.84l-3.745 8.443M6.714 5.84l.472.471-.472-.47-.938.94a1.237 1.237 0 0 0-.275 1.333c.176.44.45 1.073.87 1.987a2.49 2.49 0 0 1 .04 1.98 2.386 2.386 0 0 1-1.313 1.31c-1.009.403-1.681.687-2.129.892M6.714 5.84l-3.745 8.443"
+        stroke="currentColor"
+        strokeWidth={1.5}
+      />
+      <path d="M18 16a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z" fill="currentColor" />
+    </svg>
+  )
+);

package/src/icons/32x32/SiteSettingsLargeIcon.tsx

@@ -0,0 +1,14 @@
+import { createSvgIcon } from "@material-ui/core/utils";
+import * as React from "react";
+export const SitesettingsLargeIcon = createSvgIcon(
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="m5.245 6.251.938-.94a1.938 1.938 0 0 1 2.033-.456c.552.2 1.3.501 2.24.901.4.17.847.174 1.248.007a1.71 1.71 0 0 0 .94-.994c.354-.958.614-1.616.808-2.068A1.986 1.986 0 0 1 15.28 1.5h1.33c.755 0 1.475.43 1.808 1.157.21.457.494 1.131.892 2.127.176.442.516.785.93.956.415.171.88.16 1.288-.026a46.97 46.97 0 0 1 2.093-.908 1.989 1.989 0 0 1 2.14.445l.913.912c.534.534.739 1.348.461 2.096a50.02 50.02 0 0 1-.87 2.136 1.747 1.747 0 0 0-.011 1.347c.18.436.527.763.94.916.975.36 1.644.624 2.104.82a1.986 1.986 0 0 1 1.202 1.829v1.279c0 .754-.428 1.473-1.152 1.806-.466.215-1.154.506-2.17.913-.397.159-.728.48-.901.903a1.74 1.74 0 0 0 .03 1.377c.422.921.703 1.568.886 2.024a1.987 1.987 0 0 1-.44 2.144l-.94.942a1.934 1.934 0 0 1-2.031.452c-.55-.2-1.296-.5-2.234-.9a1.613 1.613 0 0 0-1.253-.01 1.721 1.721 0 0 0-.945.999c-.355.954-.613 1.61-.806 2.06a1.987 1.987 0 0 1-1.829 1.204h-1.332c-.756 0-1.476-.43-1.808-1.156a49.128 49.128 0 0 1-.894-2.13 1.716 1.716 0 0 0-.925-.953 1.612 1.612 0 0 0-1.293.025c-.96.438-1.624.722-2.084.906a1.99 1.99 0 0 1-2.144-.445l-.915-.916a1.987 1.987 0 0 1-.46-2.095c.175-.473.45-1.153.87-2.135.181-.425.187-.913.01-1.342a1.634 1.634 0 0 0-.935-.912 47.524 47.524 0 0 1-2.106-.825A1.986 1.986 0 0 1 1.5 16.695V15.41c0-.756.43-1.476 1.157-1.809a50.73 50.73 0 0 1 2.162-.907c.395-.158.726-.477.899-.898a1.74 1.74 0 0 0-.029-1.382 47.664 47.664 0 0 1-.884-2.02 1.987 1.987 0 0 1 .44-2.143Zm2 .119a.438.438 0 0 1 .46-.105 46.19 46.19 0 0 1 2.164.871 3.106 3.106 0 0 0 2.41.012 3.214 3.214 0 0 0 1.772-1.859c.35-.947.6-1.578.78-1.997A.486.486 0 0 1 15.28 3h1.33c.19 0 .364.108.444.281.194.424.468 1.072.863 2.059a3.22 3.22 0 0 0 1.75 1.787 3.113 3.113 0 0 0 2.484-.049 45.519 45.519 0 0 1 2.024-.878.489.489 0 0 1 .525.112l.913.912a.487.487 0 0 1 .116.513c-.163.44-.427 1.094-.844 2.069a3.247 3.247 0 0 0-.018 2.508 3.14 3.14 0 0 0 1.807 1.75c.966.358 1.608.611 2.034.793a.488.488 0 0 1 .292.45v1.279c0 .19-.108.364-.28.444a47.72 47.72 0 0 1-2.1.883 3.14 3.14 0 0 0-1.732 1.727 3.24 3.24 0 0 0 .055 2.57c.418.912.688 1.534.858 1.958a.487.487 0 0 1-.11.526l-.94.94a.434.434 0 0 1-.455.104 46.597 46.597 0 0 1-2.16-.872 3.113 3.113 0 0 0-2.414-.014 3.22 3.22 0 0 0-1.779 1.862c-.35.945-.6 1.575-.778 1.993a.487.487 0 0 1-.45.293h-1.332a.486.486 0 0 1-.445-.281 47.873 47.873 0 0 1-.864-2.06 3.216 3.216 0 0 0-1.742-1.783 3.112 3.112 0 0 0-2.492.045c-.947.433-1.587.706-2.017.877a.49.49 0 0 1-.526-.111l-.916-.916a.487.487 0 0 1-.115-.513c.163-.44.426-1.093.843-2.067.337-.79.35-1.697.017-2.505a3.133 3.133 0 0 0-1.798-1.745 46.81 46.81 0 0 1-2.036-.797.486.486 0 0 1-.292-.449V15.41c0-.191.108-.365.281-.445.431-.197 1.09-.476 2.095-.878a3.136 3.136 0 0 0 1.729-1.72 3.24 3.24 0 0 0-.053-2.579 46.3 46.3 0 0 1-.855-1.953.487.487 0 0 1 .11-.525l.938-.94Z"
+      clipRule="evenodd"
+    />
+    <path fill="currentColor" d="M18 16a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z" />
+  </svg>,
+  "SitesettingsLargeIcon"
+);

package/src/icons/32x32/StaffMembersIcon.tsx

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { forwardRef, Ref, SVGProps } from "react";
+export const StaffmembersIcon = forwardRef(
+  (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
+    <svg
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={ref}
+      {...props}
+    >
+      <circle cx={16} cy={12} r={2} stroke="currentColor" strokeWidth={1.5} />
+      <path
+        d="M20.902 20h-9.804a.098.098 0 0 1-.098-.098A3.902 3.902 0 0 1 14.902 16h2.196A3.902 3.902 0 0 1 21 19.902a.098.098 0 0 1-.098.098ZM11 26h4M11 23h10M18 26h3"
+        stroke="currentColor"
+        strokeWidth={1.5}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M13.5 5H8a1 1 0 0 0-1 1v23a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-5.5m-5 0V3a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v2m-5 0v1a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V5"
+        stroke="currentColor"
+        strokeWidth={1.5}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  )
+);

package/src/icons/32x32/StaffMembersLargeIcon.tsx

@@ -0,0 +1,22 @@
+import { createSvgIcon } from "@material-ui/core/utils";
+import * as React from "react";
+export const StaffmembersLargeIcon = createSvgIcon(
+  <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx={16} cy={12} r={2} stroke="currentColor" strokeWidth={1.5} />
+    <path
+      d="M20.902 20h-9.804a.098.098 0 0 1-.098-.098A3.902 3.902 0 0 1 14.902 16h2.196A3.902 3.902 0 0 1 21 19.902a.098.098 0 0 1-.098.098ZM11 26h4m-4-3h10m-3 3h3"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M13.5 5H8a1 1 0 0 0-1 1v23a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-5.5m-5 0V3a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v2m-5 0v1a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V5"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>,
+  "StaffmembersLargeIcon"
+);

package/src/icons/32x32/TaxesIcon.tsx

@@ -0,0 +1,44 @@
+import * as React from "react";
+import { forwardRef, Ref, SVGProps } from "react";
+export const TaxesIcon = forwardRef(
+  (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
+    <svg
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={ref}
+      {...props}
+    >
+      <circle cx={12} cy={13} r={1} fill="currentColor" />
+      <circle cx={16} cy={13} r={1} fill="currentColor" />
+      <circle cx={20} cy={13} r={1} fill="currentColor" />
+      <circle cx={12} cy={17} r={1} fill="currentColor" />
+      <circle cx={16} cy={17} r={1} fill="currentColor" />
+      <circle cx={20} cy={17} r={1} fill="currentColor" />
+      <circle cx={12} cy={21} r={1} fill="currentColor" />
+      <circle cx={16} cy={21} r={1} fill="currentColor" />
+      <circle cx={16} cy={25} r={1} fill="currentColor" />
+      <circle cx={20} cy={21} r={1} fill="currentColor" />
+      <path
+        d="M25 3H7a1 1 0 0 0-1 1v24a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1Z"
+        stroke="currentColor"
+        strokeWidth={1.5}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <mask id="a" fill="currentColor">
+        <rect x={9} y={6} width={14} height={4} rx={1} />
+      </mask>
+      <rect
+        x={9}
+        y={6}
+        width={14}
+        height={4}
+        rx={1}
+        stroke="currentColor"
+        strokeWidth={3}
+        mask="url(#a)"
+      />
+    </svg>
+  )
+);

package/src/icons/32x32/TaxesLargeIcon.tsx

@@ -0,0 +1,37 @@
+import { createSvgIcon } from "@material-ui/core/utils";
+import * as React from "react";
+export const TaxesLargeIcon = createSvgIcon(
+  <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx={12} cy={13} r={1} fill="currentColor" />
+    <circle cx={16} cy={13} r={1} fill="currentColor" />
+    <circle cx={20} cy={13} r={1} fill="currentColor" />
+    <circle cx={12} cy={17} r={1} fill="currentColor" />
+    <circle cx={16} cy={17} r={1} fill="currentColor" />
+    <circle cx={20} cy={17} r={1} fill="currentColor" />
+    <circle cx={12} cy={21} r={1} fill="currentColor" />
+    <circle cx={16} cy={21} r={1} fill="currentColor" />
+    <circle cx={16} cy={25} r={1} fill="currentColor" />
+    <circle cx={20} cy={21} r={1} fill="currentColor" />
+    <path
+      d="M25 3H7a1 1 0 0 0-1 1v24a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1Z"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <mask id="a" fill="currentColor">
+      <rect x={9} y={6} width={14} height={4} rx={1} />
+    </mask>
+    <rect
+      x={9}
+      y={6}
+      width={14}
+      height={4}
+      rx={1}
+      stroke="currentColor"
+      strokeWidth={3}
+      mask="url(#a)"
+    />
+  </svg>,
+  "TaxesLargeIcon"
+);

package/src/icons/32x32/TokenIcon.tsx

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { forwardRef, Ref, SVGProps } from "react";
+export const TokenIcon = forwardRef(
+  (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
+    <svg
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M21 20a9 9 0 1 0-8.466-5.94L2 25v5h5.5l2-2v-2H12v-2h2v-2h2l2.035-2.5c.928.324 1.926.5 2.965.5Z"
+        stroke="currentColor"
+        strokeWidth={1.5}
+        strokeLinejoin="round"
+      />
+      <circle cx={23} cy={9} r={2.25} stroke="currentColor" strokeWidth={1.5} />
+    </svg>
+  )
+);