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

package/src/icons/24x24/CalendarIcon.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 CalendarIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        width={24}
-        height={24}
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <path
-          d="M4 11V6a1 1 0 0 1 1-1h3m-4 6v9a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-9M4 11h16m0 0V6a1 1 0 0 0-1-1h-3M8 5V3m0 2v2m0-2h8m0 0V3m0 2v2"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/CheckIcon.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 CheckIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        width={24}
-        height={24}
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <path
-          d="m6 13.5 3 3 9-9"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/ChevronIcon.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 ChevronIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        width={24}
-        height={24}
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <path
-          d="m8 10 4 4 4-4"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/Close2Icon.tsx

@@ -1,39 +0,0 @@
-import SvgIcon from "@material-ui/core/SvgIcon";
-import * as React from "react";
-
-import { useIconStyles } from "../styles";
-import { IconProps } from "../types";
-export const Close2Icon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        width={24}
-        height={25}
-        viewBox="0 0 24 25"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <path
-          d="m8 8.002 8 8m-8 0 8-8"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <circle
-          cx={12}
-          cy={12.002}
-          r={10}
-          stroke="currentColor"
-          strokeWidth={1.5}
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/CloseIcon.tsx

@@ -1,31 +0,0 @@
-import SvgIcon from "@material-ui/core/SvgIcon";
-import * as React from "react";
-
-import { useIconStyles } from "../styles";
-import { IconProps } from "../types";
-export const CloseIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        width={24}
-        height={25}
-        viewBox="0 0 24 25"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M7.53 6.472a.75.75 0 1 0-1.06 1.06l4.47 4.47-4.47 4.47a.75.75 0 0 0 1.06 1.06l4.47-4.47 4.47 4.47a.75.75 0 1 0 1.06-1.06l-4.47-4.47 4.47-4.47a.75.75 0 0 0-1.06-1.06L12 10.942l-4.47-4.47Z"
-          fill="currentColor"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/CodeIcon.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 CodeIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        width={24}
-        height={24}
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <path
-          d="m4 18 6-6-6-6"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-          d="M12 18h8"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/ColumnsIcon.tsx

@@ -1,30 +0,0 @@
-import SvgIcon from "@material-ui/core/SvgIcon";
-import * as React from "react";
-
-import { useIconStyles } from "../styles";
-import { IconProps } from "../types";
-export const ColumnsIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        width={24}
-        height={25}
-        viewBox="0 0 24 25"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <path
-          d="M9 3.002H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h4m0-18v18m0-18h6m-6 18h6m0 0h4a2 2 0 0 0 2-2v-14a2 2 0 0 0-2-2h-4m0 18v-18"
-          stroke="currentColor"
-          strokeWidth={1.5}
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/CopyIcon.tsx

@@ -1,39 +0,0 @@
-import SvgIcon from "@material-ui/core/SvgIcon";
-import * as React from "react";
-
-import { useIconStyles } from "../styles";
-import { IconProps } from "../types";
-export const CopyIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        width={24}
-        height={25}
-        viewBox="0 0 24 25"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <path
-          d="M19 20H8a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h11a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1Z"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-          d="M4 16V5a1 1 0 0 1 1-1h11"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/CustomersIcon.tsx

@@ -1,33 +0,0 @@
-import SvgIcon from "@material-ui/core/SvgIcon";
-import * as React from "react";
-
-import { useIconStyles } from "../styles";
-import { IconProps } from "../types";
-export const CustomersIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        width={24}
-        height={24}
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <circle cx={12} cy={7} r={4} stroke="currentColor" strokeWidth={1.5} />
-        <path
-          d="M20.83 21H3.17a.17.17 0 0 1-.17-.17A6.83 6.83 0 0 1 9.83 14h4.34A6.83 6.83 0 0 1 21 20.83a.17.17 0 0 1-.17.17Z"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/DashboardIcon.tsx

@@ -1,30 +0,0 @@
-import SvgIcon from "@material-ui/core/SvgIcon";
-import * as React from "react";
-
-import { useIconStyles } from "../styles";
-import { IconProps } from "../types";
-export const DashboardIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        width={24}
-        height={24}
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <path
-          d="M13.5 4a1 1 0 0 1 1-1H20a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-5.5a1 1 0 0 1-1-1V4Zm0 9a1 1 0 0 1 1-1H20a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-5.5a1 1 0 0 1-1-1v-7ZM3 16a1 1 0 0 1 1-1h5.5a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-4ZM3 4a1 1 0 0 1 1-1h5.5a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4Z"
-          stroke="currentColor"
-          strokeWidth={1.5}
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/DeleteIcon.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 DeleteIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        width={24}
-        height={24}
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <path
-          d="M9 10v8m3-8v8m3-8v8M5 4.5V21a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4.5m-14 0H4m1 0h4m10 0h1m-1 0h-4m-6 0V3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1.5m-6 0h6"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/DeveloperIcon.tsx

@@ -1,44 +0,0 @@
-import SvgIcon from "@material-ui/core/SvgIcon";
-import * as React from "react";
-
-import { useIconStyles } from "../styles";
-import { IconProps } from "../types";
-export const DeveloperIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        width={24}
-        height={24}
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <path
-          d="m12.5 10.5-1.5 7"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-          d="M3 7V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v2M3 7v12a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V7M3 7h18"
-          stroke="currentColor"
-          strokeWidth={1.5}
-        />
-        <path
-          d="m8 12-2 2 2 2m8-4 2 2-2 2"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/DiscountsIcon.tsx

@@ -1,31 +0,0 @@
-import SvgIcon from "@material-ui/core/SvgIcon";
-import * as React from "react";
-
-import { useIconStyles } from "../styles";
-import { IconProps } from "../types";
-export const DiscountsIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        width={24}
-        height={25}
-        viewBox="0 0 24 25"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M14.414 2.25c-.464 0-.91.184-1.237.513L4.97 10.97l-2.293 2.293a1.75 1.75 0 0 0 0 2.474l5.586 5.586a1.75 1.75 0 0 0 2.474 0l2.293-2.293 8.207-8.207a1.75 1.75 0 0 0 .513-1.237V5.914c0-.464-.184-.909-.513-1.237l-1.914-1.914a1.75 1.75 0 0 0-1.237-.513h-3.672Zm-.177 1.573a.25.25 0 0 1 .177-.073h3.672a.25.25 0 0 1 .177.073l1.914 1.914a.25.25 0 0 1 .073.177v3.672a.25.25 0 0 1-.073.177L12.5 17.439 6.56 11.5l7.677-7.677ZM5.5 12.561l5.94 5.939-1.763 1.763a.25.25 0 0 1-.354 0l-5.586-5.586a.25.25 0 0 1 0-.354L5.5 12.561ZM16 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"
-          fill="currentColor"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/DownloadIcon.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 DownloadIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        xmlns="http://www.w3.org/2000/svg"
-        width={24}
-        height={24}
-        fill="none"
-        viewBox="0 0 24 24"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <path
-          stroke="currentColor"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M12 3v14m0 0-4-4m4 4 4-4M3 21h18"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/DragIcon.tsx

@@ -1,31 +0,0 @@
-import SvgIcon from "@material-ui/core/SvgIcon";
-import * as React from "react";
-
-import { useIconStyles } from "../styles";
-import { IconProps } from "../types";
-export const DragIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        width={24}
-        height={24}
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M9.5 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm1.5 4a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm-6.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm1.5 4a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm3.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
-          fill="currentColor"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/EditIcon.tsx

@@ -1,36 +0,0 @@
-import SvgIcon from "@material-ui/core/SvgIcon";
-import * as React from "react";
-
-import { useIconStyles } from "../styles";
-import { IconProps } from "../types";
-export const EditIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        width={24}
-        height={24}
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <path
-          d="m16 3 .53-.53a.75.75 0 0 0-1.06 0L16 3Zm4 4 .53.53a.75.75 0 0 0 0-1.06L20 7ZM10 17v.75a.75.75 0 0 0 .53-.22L10 17Zm-4 0h-.75c0 .414.336.75.75.75V17Zm0-4-.53-.53a.75.75 0 0 0-.22.53H6Zm9.47-9.47 4 4 1.06-1.06-4-4-1.06 1.06ZM10 16.25H6v1.5h4v-1.5ZM6.75 17v-4h-1.5v4h1.5Zm-.22-3.47 8-8-1.06-1.06-8 8 1.06 1.06Zm8-8 2-2-1.06-1.06-2 2 1.06 1.06Zm4.94.94-2 2 1.06 1.06 2-2-1.06-1.06Zm-2 2-8 8 1.06 1.06 8-8-1.06-1.06Zm-4-2.94 4 4 1.06-1.06-4-4-1.06 1.06Z"
-          fill="currentColor"
-        />
-        <path
-          d="M3 21h18"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/EnvironmentIcon.tsx

@@ -1,36 +0,0 @@
-import SvgIcon from "@material-ui/core/SvgIcon";
-import * as React from "react";
-
-import { useIconStyles } from "../styles";
-import { IconProps } from "../types";
-export const EnvironmentIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        width={24}
-        height={24}
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <path
-          d="M3 10h18M3 10v5a2 2 0 0 0 2 2h7m-9-7V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v5m0 0v5a2 2 0 0 1-2 2h-7m0 0v4m0 0H6m6 0h7"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-          d="M8 13.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm0-7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"
-          fill="currentColor"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/ExpandIcon.tsx

@@ -1,39 +0,0 @@
-import SvgIcon from "@material-ui/core/SvgIcon";
-import * as React from "react";
-
-import { useIconStyles } from "../styles";
-import { IconProps } from "../types";
-export const ExpandIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        width={24}
-        height={24}
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <path
-          d="m8 10.5 4 4 4-4"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <circle
-          cx={12}
-          cy={12}
-          r={10.25}
-          stroke="currentColor"
-          strokeWidth={1.5}
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/ExpendableIcon.tsx

@@ -1,34 +0,0 @@
-import SvgIcon from "@material-ui/core/SvgIcon";
-import * as React from "react";
-
-import { useIconStyles } from "../styles";
-import { IconProps } from "../types";
-export const ExpendableIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        width={24}
-        height={24}
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <path
-          d="M7 7h13m-10 5h10m-10 5h10"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-        />
-        <circle cx={4} cy={7} r={1} fill="currentColor" />
-        <circle cx={7} cy={12} r={1} fill="currentColor" />
-        <circle cx={7} cy={17} r={1} fill="currentColor" />
-      </SvgIcon>
-    );
-  }
-);