@saleor/macaw-ui 0.7.3 → 0.8.0-dev.104

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

@@ -1,32 +0,0 @@
-import SvgIcon from "@material-ui/core/SvgIcon";
-import * as React from "react";
-
-import { useIconStyles } from "../styles";
-import { IconProps } from "../types";
-export const ShippingLargeIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        width={32}
-        height={32}
-        viewBox="0 0 32 32"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <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"
-        />
-      </SvgIcon>
-    );
-  }
-);

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

@@ -1,32 +0,0 @@
-import SvgIcon from "@material-ui/core/SvgIcon";
-import * as React from "react";
-
-import { useIconStyles } from "../styles";
-import { IconProps } from "../types";
-export const SitesettingsLargeIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        xmlns="http://www.w3.org/2000/svg"
-        width={32}
-        height={32}
-        fill="none"
-        viewBox="0 0 32 32"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <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" />
-      </SvgIcon>
-    );
-  }
-);

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

@@ -1,40 +0,0 @@
-import SvgIcon from "@material-ui/core/SvgIcon";
-import * as React from "react";
-
-import { useIconStyles } from "../styles";
-import { IconProps } from "../types";
-export const StaffmembersLargeIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        width={32}
-        height={32}
-        viewBox="0 0 32 32"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <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"
-        />
-      </SvgIcon>
-    );
-  }
-);

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

@@ -1,55 +0,0 @@
-import SvgIcon from "@material-ui/core/SvgIcon";
-import * as React from "react";
-
-import { useIconStyles } from "../styles";
-import { IconProps } from "../types";
-export const TaxesLargeIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        width={32}
-        height={32}
-        viewBox="0 0 32 32"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <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)"
-        />
-      </SvgIcon>
-    );
-  }
-);

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

@@ -1,38 +0,0 @@
-import SvgIcon from "@material-ui/core/SvgIcon";
-import * as React from "react";
-
-import { useIconStyles } from "../styles";
-import { IconProps } from "../types";
-export const TokenLargeIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        width={32}
-        height={32}
-        viewBox="0 0 32 32"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <path
-          d="M21 20a9 9 0 1 0-8.466-5.94L2 25v5h5.5l2-2v-2H12v-2h2v-2h2l2.035-2.5A8.98 8.98 0 0 0 21 20Z"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinejoin="round"
-        />
-        <circle
-          cx={23}
-          cy={9}
-          r={2.25}
-          stroke="currentColor"
-          strokeWidth={1.5}
-        />
-      </SvgIcon>
-    );
-  }
-);

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

@@ -1,32 +0,0 @@
-import SvgIcon from "@material-ui/core/SvgIcon";
-import * as React from "react";
-
-import { useIconStyles } from "../styles";
-import { IconProps } from "../types";
-export const WarehouseLargeIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        width={32}
-        height={32}
-        viewBox="0 0 32 32"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <path
-          d="M22.5 16V4a1 1 0 0 0-1-1H18m4.5 13h-2m2 0h2m-15 0V4a1 1 0 0 1 1-1H14M9.5 16h2m-2 0h-2m8.5 0v13m0-13h-4.5m4.5 0h4.5M16 29H4a1 1 0 0 1-1-1V17a1 1 0 0 1 1-1h3.5M16 29h12a1 1 0 0 0 1-1V17a1 1 0 0 0-1-1h-3.5m-13 0v4a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-4m13 0v4a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-4M14 3v4a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V3m-4 0h4"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </SvgIcon>
-    );
-  }
-);

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

@@ -1,32 +0,0 @@
-import SvgIcon from "@material-ui/core/SvgIcon";
-import * as React from "react";
-
-import { useIconStyles } from "../styles";
-import { IconProps } from "../types";
-export const WifiLargeIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        width={32}
-        height={32}
-        viewBox="0 0 32 32"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <circle cx={16} cy={25} r={2} fill="currentColor" />
-        <path
-          d="M8 16s3.18-3.5 8-3.5 8 3.5 8 3.5m-12 4s1.59-1.5 4-1.5 4 1.5 4 1.5M3 11.5S8.169 6 16 6s13 5.5 13 5.5"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/32x32/index.ts

@@ -1,19 +0,0 @@
-export * from "./AttributesLargeIcon";
-export * from "./CustomerLargeIcon";
-export * from "./DigitalLargeIcon";
-export * from "./DiscountLargeIcon";
-export * from "./FilteringLargeIcon";
-export * from "./GiftCardLargeIcon";
-export * from "./NavigationLargeIcon";
-export * from "./NotesLargeIcon";
-export * from "./OmnichannelLargeIcon";
-export * from "./PermissionLargeIcon";
-export * from "./ProductLargeIcon";
-export * from "./SearchLargeIcon";
-export * from "./ShippingLargeIcon";
-export * from "./SiteSettingsLargeIcon";
-export * from "./StaffMembersLargeIcon";
-export * from "./TaxesLargeIcon";
-export * from "./TokenLargeIcon";
-export * from "./WarehouseLargeIcon";
-export * from "./WifiLargeIcon";

package/src/icons/ArrowDropdownIcon.tsx

@@ -1,11 +0,0 @@
-import { createSvgIcon } from "@material-ui/core/utils";
-import React from "react";
-
-const ArrowDropdownIcon = createSvgIcon(
-  <g style={{ fillRule: "evenodd" }}>
-    <path d="M7 10l5 5 5-5z" />
-  </g>,
-  "ArrowDropdownIcon"
-);
-
-export default ArrowDropdownIcon;

package/src/icons/CheckboxCheckedIcon.tsx

@@ -1,30 +0,0 @@
-import { createSvgIcon } from "@material-ui/core/utils";
-import React from "react";
-
-export const CheckboxCheckedIcon = createSvgIcon(
-  <>
-    <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <rect
-        x="0.5"
-        y="0.5"
-        width="23"
-        height="23"
-        rx="1.5"
-        fill="currentColor"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M17.5711 4.7629C17.9653 4.34801 18.6267 4.34801 19.0209 4.7629L20.3455 6.1568C20.7122 6.54279 20.7122 7.14848 20.3455 7.53447L9.45066 19L3.65454 12.9002C3.28777 12.5143 3.28777 11.9086 3.65454 11.5226L4.97906 10.1287C5.3733 9.71378 6.03466 9.71378 6.4289 10.1287L9.45066 13.3087L17.5711 4.7629Z"
-        fill="var(--background-paper)"
-      />
-    </svg>
-  </>,
-  "CheckboxCheckedIcon"
-);

package/src/icons/CheckboxIcon.tsx

@@ -1,20 +0,0 @@
-import { createSvgIcon } from "@material-ui/core/utils";
-import React from "react";
-
-export const CheckboxIcon = createSvgIcon(
-  <>
-    <rect
-      width="22"
-      height="22"
-      rx="2"
-      ry="2"
-      x="1"
-      y="1"
-      strokeWidth="2"
-      stroke="currentColor"
-      fill="transparent"
-      strokeLinejoin="round"
-    />
-  </>,
-  "CheckboxIcon"
-);

package/src/icons/CheckboxIndeterminateIcon.tsx

@@ -1,17 +0,0 @@
-import { createSvgIcon } from "@material-ui/core/utils";
-import React from "react";
-
-export const CheckboxIndeterminateIcon = createSvgIcon(
-  <>
-    <rect x="0.5" y="0.5" width="23" height="23" rx="1.5" fill="currentColor" />
-    <rect
-      x="4"
-      y="10"
-      width="16"
-      height="4"
-      rx="1.5"
-      fill="var(--background-paper)"
-    />
-  </>,
-  "CheckboxIndeterminateIcon"
-);

package/src/icons/CircleIndicatorIcon.tsx

@@ -1,10 +0,0 @@
-import { createSvgIcon } from "@material-ui/core/utils";
-import React from "react";
-
-export const CircleIndicatorIcon = createSvgIcon(
-  <>
-    <circle cx="12" cy="12" r="12" fill="currentColor" />
-    <circle cx="12" cy="12" r="9" fill="var(--background-paper)" />
-  </>,
-  "CircleIndicatorIcon"
-);

package/src/icons/CommentSmallIcon.tsx

@@ -1,15 +0,0 @@
-import { createSvgIcon } from "@material-ui/core/utils";
-import React from "react";
-
-export const CommentSmallIcon = createSvgIcon(
-  <path
-    fillRule="evenodd"
-    clipRule="evenodd"
-    d="M3 4C3 3.44772 3.44772 3 4 3H16C16.5523 3 17 3.44772 17 4V13C17 13.5523 16.5523 14 16 14H10C9.78363 14 9.5731 14.0702 9.4 14.2L7 16V15C7 14.4477 6.55228 14 6 14H4C3.44772 14 3 13.5523 3 13V4ZM4 1C2.34315 1 1 2.34315 1 4V13C1 14.6569 2.34315 16 4 16H5V18C5 18.3788 5.214 18.725 5.55279 18.8944C5.89157 19.0638 6.29698 19.0273 6.6 18.8L10.3333 16H16C17.6569 16 19 14.6569 19 13V4C19 2.34315 17.6569 1 16 1H4ZM6 7C6 6.44772 6.44772 6 7 6H13C13.5523 6 14 6.44772 14 7C14 7.55228 13.5523 8 13 8H7C6.44772 8 6 7.55228 6 7ZM6 10C6 9.44771 6.44772 9 7 9H13C13.5523 9 14 9.44771 14 10C14 10.5523 13.5523 11 13 11H7C6.44772 11 6 10.5523 6 10Z"
-    fill="currentColor"
-  />,
-  "CommentSmallIcon"
-);
-(CommentSmallIcon as React.ComponentType).defaultProps = {
-  viewBox: "0 0 20 20",
-};

package/src/icons/CompleteIcon.tsx

@@ -1,25 +0,0 @@
-import React from "react";
-
-export const CompleteIcon: React.FC<React.SVGProps<SVGSVGElement>> = (
-  props
-) => (
-  <svg
-    width="40"
-    height="40"
-    viewBox="0 0 40 40"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <circle cx="20" cy="20" r="20" fill="var(--background-paper)" />
-    <circle cx="20" cy="20" r="14" stroke="currentColor" strokeWidth="4" />
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M28.7678 13.7678C29.3536 14.3536 29.3536 15.3033 28.7678 15.8891L17.4142 27.2426L12.0607 21.8891C11.4749 21.3033 11.4749 20.3536 12.0607 19.7678L12.7678 19.0607C13.3536 18.4749 14.3033 18.4749 14.8891 19.0607L17.4142 21.5858L25.9393 13.0607C26.5251 12.4749 27.4749 12.4749 28.0607 13.0607L28.7678 13.7678Z"
-      fill="currentColor"
-    />
-  </svg>
-);
-
-CompleteIcon.displayName = "CompleteIcon";

package/src/icons/CustomersLargeIcon.tsx

@@ -1,26 +0,0 @@
-import { createSvgIcon } from "@material-ui/core/utils";
-import React from "react";
-
-export const CustomersLargeIcon = createSvgIcon(
-  <>
-    <circle
-      cx="16"
-      cy="9"
-      r="5"
-      stroke="currentColor"
-      strokeWidth="2"
-      fill="transparent"
-    />
-    <path
-      d="M27.4286 29H4.57143C3.70355 29 3 28.2964 3 27.4286C3 22.2213 7.22132 18 12.4286 18H19.5714C24.7787 18 29 22.2213 29 27.4286C29 28.2964 28.2964 29 27.4286 29Z"
-      stroke="currentColor"
-      strokeWidth="2"
-      strokeLinejoin="round"
-      fill="transparent"
-    />
-  </>,
-  "CustomersLargeIcon"
-);
-(CustomersLargeIcon as React.ComponentType).defaultProps = {
-  viewBox: "0 0 32 32",
-};

package/src/icons/DeleteUserIcon.tsx

@@ -1,26 +0,0 @@
-import { createSvgIcon } from "@material-ui/core/utils";
-import React from "react";
-
-export const DeleteUserIcon = createSvgIcon(
-  <>
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M11.8132 9.375C13.2975 9.375 14.5007 8.17177 14.5007 6.6875C14.5007 5.20323 13.2975 4 11.8132 4C10.329 4 9.12573 5.20323 9.12573 6.6875C9.12573 8.17177 10.329 9.375 11.8132 9.375ZM16.5007 6.6875C16.5007 9.27633 14.4021 11.375 11.8132 11.375C9.2244 11.375 7.12573 9.27633 7.12573 6.6875C7.12573 4.09867 9.2244 2 11.8132 2C14.4021 2 16.5007 4.09867 16.5007 6.6875Z"
-      fill="currentColor"
-    />
-    <path
-      d="M11.5 22C12.0523 22 12.5 21.5523 12.5 21C12.5 20.4477 12.0523 20 11.5 20V22ZM13 15C13.5523 15 14 14.5523 14 14C14 13.4477 13.5523 13 13 13V15ZM8.83333 15H11.5V13H8.83333V15ZM11.5 20H4.16667V22H11.5V20ZM11.5 15H13V13H11.5V15ZM4 19.8333C4 17.164 6.16396 15 8.83333 15V13C5.05939 13 2 16.0594 2 19.8333H4ZM2 19.8333C2 21.03 2.97005 22 4.16667 22V20C4.07462 20 4 19.9254 4 19.8333H2Z"
-      fill="currentColor"
-    />
-    <path
-      d="M21.7071 16.7071C22.0976 16.3166 22.0976 15.6834 21.7071 15.2929C21.3166 14.9024 20.6834 14.9024 20.2929 15.2929L21.7071 16.7071ZM15.2929 20.2929C14.9024 20.6834 14.9024 21.3166 15.2929 21.7071C15.6834 22.0976 16.3166 22.0976 16.7071 21.7071L15.2929 20.2929ZM20.2929 15.2929L15.2929 20.2929L16.7071 21.7071L21.7071 16.7071L20.2929 15.2929Z"
-      fill="currentColor"
-    />
-    <path
-      d="M20.2929 21.7071C20.6834 22.0976 21.3166 22.0976 21.7071 21.7071C22.0976 21.3166 22.0976 20.6834 21.7071 20.2929L20.2929 21.7071ZM16.7071 15.2929C16.3166 14.9024 15.6834 14.9024 15.2929 15.2929C14.9024 15.6834 14.9024 16.3166 15.2929 16.7071L16.7071 15.2929ZM21.7071 20.2929L16.7071 15.2929L15.2929 16.7071L20.2929 21.7071L21.7071 20.2929Z"
-      fill="currentColor"
-    />
-  </>,
-  "DeleteUserIcon"
-);

package/src/icons/DigitalSmallIcon.tsx

@@ -1,15 +0,0 @@
-import { createSvgIcon } from "@material-ui/core/utils";
-import React from "react";
-
-export const DigitalSmallIcon = createSvgIcon(
-  <path
-    fillRule="evenodd"
-    clipRule="evenodd"
-    d="M4.52254 2.25C3.71765 2.25 2.98184 2.70475 2.62188 3.42467L2.02988 4.60869C1.81376 5.04092 1.98896 5.56651 2.42119 5.78262C2.85342 5.99874 3.37901 5.82354 3.59512 5.39131L4.18713 4.20729C4.25065 4.08025 4.3805 4 4.52254 4H15.4258C15.5758 4 15.7113 4.0894 15.7704 4.22728L16.798 6.625H4.96845C4.69645 6.24688 4.25218 6 3.75 6C2.92157 6 2.25 6.67157 2.25 7.5C2.25 8.32843 2.92157 9 3.75 9C4.25218 9 4.69645 8.75312 4.96845 8.375H6.625V12.1061C6.625 13.4854 8.32977 14.1336 9.24611 13.1027L10.654 11.5188C10.975 11.1576 10.9425 10.6046 10.5813 10.2835C10.2201 9.96246 9.66707 9.995 9.34602 10.3562L8.375 11.4486V8.375H11.625V11.2815C11.2469 11.5536 11 11.9978 11 12.5C11 13.3284 11.6716 14 12.5 14C13.3284 14 14 13.3284 14 12.5C14 11.9978 13.7531 11.5536 13.375 11.2815V8.375H17.25V16.25C17.25 16.4571 17.0821 16.625 16.875 16.625H3.75C3.54289 16.625 3.375 16.4571 3.375 16.25V12.4685C3.75312 12.1964 4 11.7522 4 11.25C4 10.4216 3.32843 9.75 2.5 9.75C1.67157 9.75 1 10.4216 1 11.25C1 11.7522 1.24688 12.1964 1.625 12.4685V16.25C1.625 17.4236 2.57639 18.375 3.75 18.375H16.875C18.0486 18.375 19 17.4236 19 16.25V7.3204L17.3789 3.53792C17.0441 2.75659 16.2758 2.25 15.4258 2.25H4.52254Z"
-    fill="currentColor"
-  />,
-  "DigitalSmallIcon"
-);
-(DigitalSmallIcon as React.ComponentType).defaultProps = {
-  viewBox: "0 0 20 20",
-};

package/src/icons/EditSmallIcon.tsx

@@ -1,15 +0,0 @@
-import { createSvgIcon } from "@material-ui/core/utils";
-import React from "react";
-
-export const EditSmallIcon = createSvgIcon(
-  <path
-    fillRule="evenodd"
-    clipRule="evenodd"
-    d="M6 10.4253C6 10.1278 6.11822 9.84235 6.32864 9.63192L9.80485 6.15571C9.38658 6.05394 8.94959 6 8.5 6C5.46243 6 3 8.46243 3 11.5C3 14.5376 5.46243 17 8.5 17C11.5376 17 14 14.5376 14 11.5C14 11.0504 13.9461 10.6134 13.8443 10.1951L10.3681 13.6714C10.1576 13.8818 9.87225 14 9.57466 14H7.12206C6.50237 14 6 13.4976 6 12.8779V10.4253ZM15.4249 8.61457C15.7954 9.50278 16 10.4775 16 11.5C16 15.6421 12.6421 19 8.5 19C4.35786 19 1 15.6421 1 11.5C1 7.35786 4.35786 4 8.5 4C9.5225 4 10.4972 4.20462 11.3854 4.57514L14.6319 1.32865C15.0701 0.890452 15.7806 0.890452 16.2188 1.32864L18.6714 3.78124C19.1096 4.21943 19.1095 4.92988 18.6714 5.36808L15.4249 8.61457ZM8 10.789L13.6814 5.10755L14.9043 6.30673L9.21101 12H8V10.789ZM15.0957 3.69327L16.3186 4.89245L16.6363 4.57466L15.4253 3.36365L15.0957 3.69327Z"
-    fill="currentColor"
-  />,
-  "EditSmallIcon"
-);
-(EditSmallIcon as React.ComponentType).defaultProps = {
-  viewBox: "0 0 20 20",
-};

package/src/icons/GiftCardLargeIcon.tsx

@@ -1,15 +0,0 @@
-import { createSvgIcon } from "@material-ui/core/utils";
-import React from "react";
-
-export const GiftCardLargeIcon = createSvgIcon(
-  <path
-    fillRule="evenodd"
-    clipRule="evenodd"
-    d="M5 7C4.44772 7 4 7.44772 4 8V13H6.1965C6.18957 12.9805 6.18283 12.9609 6.17629 12.9412C5.8413 11.9363 5.95516 10.6306 6.79292 9.79287C7.63063 8.95522 8.93633 8.84133 9.94126 9.17631C9.96087 9.18285 9.98046 9.18958 10 9.19652V7H5ZM10 12V13H8.99342C8.5074 12.9976 8.21391 12.7295 8.07365 12.3088C7.90862 11.8137 8.04476 11.3694 8.20708 11.2071C8.36945 11.0448 8.81375 10.9087 9.3088 11.0737C9.73142 11.2146 10 11.51 10 12ZM13.0066 13H12V12C12 11.51 12.2686 11.2146 12.6912 11.0737C13.1862 10.9087 13.6306 11.0448 13.7929 11.2071C13.9552 11.3694 14.0914 11.8137 13.9263 12.3088C13.7861 12.7295 13.4926 12.9976 13.0066 13ZM15.8035 13C15.8104 12.9805 15.8172 12.9609 15.8237 12.9412C16.1587 11.9363 16.0448 10.6306 15.2071 9.79287C14.3694 8.95522 13.0637 8.84133 12.0587 9.17631C12.0391 9.18285 12.0195 9.18958 12 9.19652V7H27C27.5523 7 28 7.44772 28 8V13H15.8035ZM4 24V15H8.58579L7.29289 16.2929C6.90237 16.6834 6.90237 17.3166 7.29289 17.7071C7.68342 18.0976 8.31658 18.0976 8.70711 17.7071L10 16.4142V25H5C4.44772 25 4 24.5523 4 24ZM27 25H12V16.4142L13.2929 17.7071C13.6834 18.0976 14.3166 18.0976 14.7071 17.7071C15.0976 17.3166 15.0976 16.6834 14.7071 16.2929L13.4142 15H28V24C28 24.5523 27.5523 25 27 25ZM30 24V14V8C30 6.34315 28.6569 5 27 5H5C3.34315 5 2 6.34315 2 8V24C2 25.6569 3.34315 27 5 27H27C28.6569 27 30 25.6569 30 24ZM17 18C16.4477 18 16 18.4477 16 19C16 19.5523 16.4477 20 17 20H25C25.5523 20 26 19.5523 26 19C26 18.4477 25.5523 18 25 18H17ZM16 22C16 21.4477 16.4477 21 17 21H18C18.5523 21 19 21.4477 19 22C19 22.5523 18.5523 23 18 23H17C16.4477 23 16 22.5523 16 22ZM21 21C20.4477 21 20 21.4477 20 22C20 22.5523 20.4477 23 21 23H25C25.5523 23 26 22.5523 26 22C26 21.4477 25.5523 21 25 21H21Z"
-    fill="currentColor"
-  />,
-  "GiftCardLargeIcon"
-);
-(GiftCardLargeIcon as React.ComponentType).defaultProps = {
-  viewBox: "0 0 32 32",
-};

package/src/icons/ImageIcon.tsx

@@ -1,12 +0,0 @@
-import { createSvgIcon } from "@material-ui/core/utils";
-import React from "react";
-
-export const ImageIcon = createSvgIcon(
-  <path
-    fillRule="evenodd"
-    clipRule="evenodd"
-    d="M2 5C2 3.34315 3.34315 2 5 2H19C20.6569 2 22 3.34315 22 5V19C22 20.6569 20.6569 22 19 22H5C3.34315 22 2 20.6569 2 19V5ZM5 4C4.44772 4 4 4.44772 4 5V15.7962L11.0456 9.63136L12.5 11.0858L16 7.58579L20 11.5858V5C20 4.44772 19.5523 4 19 4H5ZM20 14.4142L16 10.4142L12.5 13.9142L10.9544 12.3686L4 18.4538V19C4 19.5523 4.44772 20 5 20H19C19.5523 20 20 19.5523 20 19V14.4142Z"
-    fill="currentColor"
-  />,
-  "ImageIcon"
-);

package/src/icons/InfoIcon.tsx

@@ -1,23 +0,0 @@
-import React from "react";
-
-export const InfoIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <svg
-    width="40"
-    height="40"
-    viewBox="0 0 40 40"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <circle cx="20" cy="20" r="20" fill="var(--background-paper)" />
-    <circle cx="20" cy="20" r="14" stroke="currentColor" strokeWidth="4" />
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M19.5 11C18.6716 11 18 11.6716 18 12.5V20.5C18 21.3284 18.6716 22 19.5 22H20.5C21.3284 22 22 21.3284 22 20.5V12.5C22 11.6716 21.3284 11 20.5 11H19.5ZM19.5 25C18.6716 25 18 25.6716 18 26.5V27.5C18 28.3284 18.6716 29 19.5 29H20.5C21.3284 29 22 28.3284 22 27.5V26.5C22 25.6716 21.3284 25 20.5 25H19.5Z"
-      fill="currentColor"
-    />
-  </svg>
-);
-
-InfoIcon.displayName = "InfoIcon";

package/src/icons/Logo.tsx

@@ -1,33 +0,0 @@
-import React from "react";
-
-export const Logo: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <svg
-    width="36"
-    height="33"
-    viewBox="0 0 36 33"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M16.6072 33C22.4977 33 23.9789 30.6214 23.9789 27.3629C23.9789 23.3549 20.3772 22.6056 17.3814 22.1167C15.0924 21.7258 14.0489 21.5304 14.0489 20.1292C14.0489 19.0867 14.9577 18.6954 16.4389 18.6954C18.2566 18.6954 18.7614 19.2168 18.9298 20.7482L23.7097 20.0314C23.3055 16.7404 21.4542 15.0787 16.5735 15.0787C11.2216 15.0787 9.33654 17.2293 9.33654 20.6504C9.30299 25.082 13.4768 25.5382 16.5735 26.0594C18.492 26.418 19.2328 26.7437 19.2328 28.0146C19.2328 29.0573 18.5933 29.5135 16.6745 29.5135C14.5539 29.5135 13.9144 29.1551 13.6451 27.4281L9 28.1124C9.43753 31.599 11.4908 33 16.6072 33Z"
-      fill="currentColor"
-    />
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M19.7838 0L13.4043 6.64709H29.1638L35.5433 0H19.7838Z"
-      fill="#8AC4EB"
-    />
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M6.15911 2.31187C6.27552 2.1958 6.4332 2.13062 6.59759 2.13062H27.3248C27.5761 2.13062 27.8026 2.28211 27.8987 2.51437C27.9947 2.74664 27.9412 3.01388 27.7632 3.19134L21.7867 9.1508C21.6703 9.26687 21.5126 9.33205 21.3482 9.33205H0.621008C0.369679 9.33205 0.143131 9.18056 0.0471181 8.94829C-0.0488948 8.71603 0.00456112 8.44879 0.182532 8.27133L6.15911 2.31187ZM6.85429 3.37259L2.12325 8.09007H21.0915L25.8225 3.37259H6.85429Z"
-      fill="currentColor"
-    />
-  </svg>
-);
-
-Logo.displayName = "Logo";

package/src/icons/LogoDark.tsx

@@ -1,26 +0,0 @@
-import React from "react";
-
-export const LogoDark: React.FC = () => (
-  <svg
-    width="36"
-    height="33"
-    viewBox="0 0 36 33"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M19.7838 0L13.4043 6.64709H29.1638L35.5433 0H19.7838Z"
-      fill="#E6F0FF"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M6.59759 2.13062C6.4332 2.13062 6.27552 2.1958 6.15911 2.31187L0.182532 8.27133C0.00456112 8.44879 -0.0488948 8.71603 0.0471181 8.94829C0.143131 9.18056 0.369679 9.33205 0.621008 9.33205H21.3482C21.5126 9.33205 21.6703 9.26687 21.7867 9.1508L27.7632 3.19134C27.9412 3.01388 27.9947 2.74664 27.8987 2.51437C27.8026 2.28211 27.5761 2.13062 27.3248 2.13062H6.59759ZM2.12325 8.09007L6.85429 3.37259H25.8225L21.0915 8.09007H2.12325ZM23.9789 27.3629C23.9789 30.6214 22.4977 33 16.6072 33C11.4908 33 9.43754 31.599 9 28.1124L13.6451 27.4281C13.9144 29.1551 14.5539 29.5135 16.6745 29.5135C18.5933 29.5135 19.2328 29.0573 19.2328 28.0146C19.2328 26.7437 18.492 26.418 16.5735 26.0594C16.4207 26.0337 16.2653 26.0082 16.1079 25.9823C13.0752 25.4835 9.30464 24.8634 9.33654 20.6504C9.33654 17.2293 11.2216 15.0787 16.5735 15.0787C21.4542 15.0787 23.3055 16.7404 23.7097 20.0314L18.9298 20.7482C18.7614 19.2168 18.2566 18.6954 16.4389 18.6954C14.9577 18.6954 14.0489 19.0867 14.0489 20.1292C14.0489 21.5304 15.0924 21.7258 17.3814 22.1167C20.3772 22.6056 23.9789 23.3549 23.9789 27.3629Z"
-      fill="#FAFAFA"
-    />
-  </svg>
-);
-
-LogoDark.displayName = "LogoDark";