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

package/src/icons/24x24/EyeClosedIcon.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 EyeClosedIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        width={24}
-        height={24}
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M18.5 4.375a.625.625 0 0 0-1-.75l-2.693 3.59A11.965 11.965 0 0 0 12 6.876c-2.642 0-5.005.923-6.703 1.968-.85.523-1.548 1.086-2.043 1.598a4.647 4.647 0 0 0-.603.748c-.137.22-.276.507-.276.811 0 .304.14.59.276.81.15.24.356.494.603.75.495.511 1.194 1.074 2.043 1.597.753.464 1.637.903 2.618 1.248L5.5 19.625a.625.625 0 1 0 1 .75l2.693-3.59c.884.213 1.826.34 2.807.34 2.642 0 5.005-.923 6.703-1.968.85-.523 1.548-1.086 2.043-1.598.247-.255.454-.508.603-.748.137-.22.276-.507.276-.811 0-.304-.14-.59-.276-.81a4.65 4.65 0 0 0-.603-.75c-.495-.511-1.194-1.074-2.043-1.597a13.73 13.73 0 0 0-2.618-1.248l2.415-3.22zm-4.781 4.291a3.75 3.75 0 0 0-4.438 5.917l4.438-5.917zm-3.438 6.668 4.438-5.917a3.75 3.75 0 0 1-4.438 5.917zM3.633 12a.97.97 0 0 0 .08.15c.088.143.233.327.44.54.41.426 1.024.926 1.8 1.403.632.389 1.361.757 2.163 1.056A4.98 4.98 0 0 1 7 12a4.98 4.98 0 0 1 1.116-3.149c-.802.3-1.531.667-2.163 1.056-.776.477-1.39.977-1.8 1.402a3.43 3.43 0 0 0-.44.54.97.97 0 0 0-.08.151zm14.414 2.093c-.632.389-1.361.757-2.163 1.056A4.979 4.979 0 0 0 17 12a4.98 4.98 0 0 0-1.116-3.149c.802.3 1.531.667 2.163 1.056.776.477 1.39.977 1.8 1.402.207.214.352.398.44.54a.967.967 0 0 1 .08.151.967.967 0 0 1-.08.15 3.425 3.425 0 0 1-.44.54c-.41.426-1.024.926-1.8 1.403z"
-          fill="currentColor"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/EyeIcon.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 EyeIcon = 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="M3.818 12.086a1.16 1.16 0 0 1-.048-.084c.011-.021.027-.05.048-.084.083-.133.222-.31.424-.52.403-.417 1.008-.91 1.776-1.382.576-.355 1.232-.69 1.951-.973A4.978 4.978 0 0 0 7 12.002c0 1.107.36 2.13.969 2.959a12.35 12.35 0 0 1-1.95-.973c-.769-.472-1.374-.965-1.777-1.382a3.307 3.307 0 0 1-.424-.52Zm12.213 2.875a12.35 12.35 0 0 0 1.95-.973c.769-.472 1.374-.965 1.777-1.382.202-.21.34-.387.424-.52l.048-.084a1.164 1.164 0 0 0-.048-.084 3.302 3.302 0 0 0-.424-.52c-.403-.417-1.008-.91-1.776-1.382a12.347 12.347 0 0 0-1.951-.973c.61.829.969 1.852.969 2.959s-.36 2.13-.969 2.959ZM12 6.75c-2.67 0-5.056.933-6.768 1.987-.857.528-1.565 1.097-2.068 1.618-.25.259-.464.52-.62.77-.14.225-.294.537-.294.876 0 .34.154.651.295.877.155.25.368.51.619.77.503.52 1.21 1.09 2.068 1.617C6.944 16.32 9.329 17.252 12 17.252c2.67 0 5.056-.932 6.768-1.986.857-.528 1.565-1.097 2.068-1.618.25-.26.464-.52.62-.77.14-.225.294-.537.294-.876 0-.34-.154-.651-.295-.877a4.769 4.769 0 0 0-.619-.77c-.503-.52-1.21-1.09-2.068-1.617C17.056 7.684 14.671 6.752 12 6.752Zm3.5 5.251a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z"
-          fill="currentColor"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/FilteringIcon.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 FilteringIcon = 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="M20 3H4a1 1 0 0 0-1 1v3.086a1 1 0 0 0 .293.707l5.914 5.914a1 1 0 0 1 .293.707V21l4.371-1.749a1 1 0 0 0 .629-.928v-3.909a1 1 0 0 1 .293-.707l5.914-5.914A1 1 0 0 0 21 7.086V4a1 1 0 0 0-1-1Z"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/GenerateIcon.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 GenerateIcon = 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="M10.5 6.5H4a1 1 0 0 0-1 1V20a1 1 0 0 0 1 1h12.5a1 1 0 0 0 1-1v-6.5m-3.5-7h3.5m3.5 0h-3.5m0 0V3m0 3.5V10"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/GithubIcon.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 GithubIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        xmlns="http://www.w3.org/2000/svg"
-        width={24}
-        height={25}
-        fill="none"
-        viewBox="0 0 24 25"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <path
-          stroke="currentColor"
-          strokeWidth={1.5}
-          d="M14.6 6.064c.315.023.75-.026 1.108-.25 1.297-.816 2.626-1.504 4.047-1.971.06-.02.124-.038.199-.055.099.266.175.492.215.716.026.147.053.292.08.435.16.872.306 1.665.29 2.45-.018.888.271 1.482.695 2.074.78 1.089 1.067 2.357 1.009 3.768-.038.907-.144 1.765-.366 2.57-.25.903-.646 1.74-1.266 2.503-.797.982-1.832 1.62-3.07 2.023-.657.214-1.05.313-1.444.364-.406.053-.839.059-1.597.059h-5c-1.428 0-2.96-.247-4.212-.907-1.52-.801-2.52-2.018-3.046-3.67a10.598 10.598 0 0 1-.49-3.43c.022-1.325.387-2.497 1.178-3.514a2.55 2.55 0 0 0 .416-.73c.102-.294.133-.599.108-.93-.053-.684.053-1.409.181-2.204.074-.454.203-.887.346-1.37l.057-.192c1.531.43 2.92 1.169 4.293 2.057.342.221.777.258 1.09.203a14.222 14.222 0 0 1 1.623-.185c.67-.04 1.348-.036 2.031-.004m1.524.19a9.544 9.544 0 0 1-.776-.099m.776.099-.776-.099m-.748-.091c.213.01.433.042.692.082m-.692-.082.692.082m0 0 .056.01m-.056-.01.056.01"
-        />
-        <path
-          stroke="currentColor"
-          strokeWidth={2}
-          d="M16 16c0 .357-.11.641-.24.814-.129.173-.231.186-.26.186-.029 0-.131-.013-.26-.186-.13-.173-.24-.457-.24-.814 0-.357.11-.641.24-.814.129-.173.231-.186.26-.186.029 0 .131.013.26.186.13.173.24.457.24.814Zm-7 0c0 .357-.11.641-.24.814-.129.173-.231.186-.26.186-.029 0-.131-.013-.26-.186C8.11 16.641 8 16.357 8 16c0-.357.11-.641.24-.814.129-.173.231-.186.26-.186.029 0 .131.013.26.186.13.173.24.457.24.814Z"
-        />
-        <path
-          stroke="currentColor"
-          strokeWidth={1.5}
-          d="M6.753 11.314c-.798.05-1.457.38-2.012.85-1.133.962-1.6 2.166-1.562 3.36.032 1.02.43 1.993 1.013 2.78.836 1.128 2.02 1.613 3.171 1.883A20.33 20.33 0 0 0 12 20.75a20 20 0 0 0 4.653-.568c.787-.188 1.671-.47 2.415-1.113.647-.56 1.143-1.108 1.437-1.762.346-.771.363-1.582.216-2.53-.095-.616-.274-1.21-.616-1.73-.347-.53-.836-.944-1.483-1.23-.74-.329-1.565-.467-2.308-.512m-9.56.01a32.676 32.676 0 0 1 2.255-.065m-2.256.064 2.256-.064m0 0a30.224 30.224 0 0 0 .98-.007c.319-.005.65-.008 1.033.003.57.017 1.176.012 1.785.008.4-.004.803-.007 1.198-.004m-4.996 0h4.996m0 0 .161.001m-.16-.001.16.001m2.148.054c-.731-.044-1.44-.049-2.148-.054m2.148.054-2.148-.054"
-        />
-      </SvgIcon>
-    );
-  }
-);

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

@@ -1,61 +0,0 @@
-import SvgIcon from "@material-ui/core/SvgIcon";
-import * as React from "react";
-
-import { useIconStyles } from "../styles";
-import { IconProps } from "../types";
-export const GridIcon = 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}
-      >
-        <rect
-          x={3}
-          y={3}
-          width={7}
-          height={7}
-          rx={1}
-          stroke="currentColor"
-          strokeWidth={1.5}
-        />
-        <rect
-          x={14}
-          y={3}
-          width={7}
-          height={7}
-          rx={1}
-          stroke="currentColor"
-          strokeWidth={1.5}
-        />
-        <rect
-          x={3}
-          y={14}
-          width={7}
-          height={7}
-          rx={1}
-          stroke="currentColor"
-          strokeWidth={1.5}
-        />
-        <rect
-          x={14}
-          y={14}
-          width={7}
-          height={7}
-          rx={1}
-          stroke="currentColor"
-          strokeWidth={1.5}
-        />
-      </SvgIcon>
-    );
-  }
-);

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

@@ -1,35 +0,0 @@
-import SvgIcon from "@material-ui/core/SvgIcon";
-import * as React from "react";
-
-import { useIconStyles } from "../styles";
-import { IconProps } from "../types";
-export const HelpIcon = 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.5 9.5A2.5 2.5 0 1 1 12 12v0a.5.5 0 0 0-.5.5v1"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-        />
-        <path
-          d="M12.5 16a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM3 21h-.75c0 .414.336.75.75.75V21Zm.75 0v-9h-1.5v9h1.5Zm8.25-.75H3v1.5h9v-1.5ZM20.25 12A8.25 8.25 0 0 1 12 20.25v1.5A9.75 9.75 0 0 0 21.75 12h-1.5ZM12 3.75A8.25 8.25 0 0 1 20.25 12h1.5A9.75 9.75 0 0 0 12 2.25v1.5ZM3.75 12A8.25 8.25 0 0 1 12 3.75v-1.5A9.75 9.75 0 0 0 2.25 12h1.5Z"
-          fill="currentColor"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/HowToIcon.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 HowtoIcon = 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 18.667V4a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v11.556a2 2 0 0 1-2 2H4.984a2 2 0 0 0-1.359.532L3 18.667Zm0 0v1.36c0 .55.23 1.074.633 1.448v0c.365.337.844.525 1.34.525h14.044a2 2 0 0 0 1.358-.532l.625-.58"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-          d="M9.5 7.5A2.5 2.5 0 1 1 12 10v0a.5.5 0 0 0-.5.5v1"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-        />
-        <path d="M12.5 14a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" fill="currentColor" />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/LinkIcon.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 LinkIcon = 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="M11 5.002H4a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-7m-8 0 10-10m0 0v6m0-6h-6"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/ListIcon.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 ListIcon = 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 7h13M7 12h13M7 17h13"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-        />
-        <circle cx={4} cy={7} r={1} fill="currentColor" />
-        <circle cx={4} cy={12} r={1} fill="currentColor" />
-        <circle cx={4} cy={17} r={1} fill="currentColor" />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/MailIcon.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 MailIcon = React.forwardRef(
-  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
-    const classes = useIconStyles();
-    return (
-      <SvgIcon
-        xmlns="http://www.w3.org/2000/svg"
-        width={24}
-        height={25}
-        fill="none"
-        viewBox="0 0 24 25"
-        classes={{
-          root: classes.root,
-        }}
-        {...props}
-        ref={ref}
-      >
-        <path
-          stroke="currentColor"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M3.63 6.622c.375-.372.872-.62 1.37-.62h14c.5 0 1 .25 1.375.625M3.63 6.622C3.252 6.997 3 7.5 3 8.002v8c0 .502.252 1.005.63 1.38m0-10.76 5.38 5.38m11.365-5.375c.375.375.625.875.625 1.375v8c0 1-1 2-2 2H5c-.498 0-.995-.248-1.37-.62M20.375 6.627 15 12.002m-5.99 0 1 1c1 1 2.99 1 3.99 0l1-1m-5.99 0-5.38 5.38M15 12.002l5.38 5.38"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/MigrateIcon.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 MigrateIcon = 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="M19 11.5V7.828a2 2 0 0 0-.586-1.414l-2.828-2.828A2 2 0 0 0 14.172 3H7a2 2 0 0 0-2 2v2.5a2 2 0 0 0 2 2h9m0 0-2-2m2 2-2 2"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-          d="m8 15-.53-.53a.75.75 0 0 0 0 1.06L8 15Zm1.47 2.53a.75.75 0 1 0 1.06-1.06l-1.06 1.06Zm1.06-4a.75.75 0 1 0-1.06-1.06l1.06 1.06ZM5.75 13a.75.75 0 0 0-1.5 0h1.5ZM7 21.75h10v-1.5H7v1.5ZM19.75 19v-2h-1.5v2h1.5ZM17 14.25H8v1.5h9v-1.5Zm-9.53 1.28 2 2 1.06-1.06-2-2-1.06 1.06Zm1.06 0 2-2-1.06-1.06-2 2 1.06 1.06ZM5.75 19v-6h-1.5v6h1.5Zm14-2A2.75 2.75 0 0 0 17 14.25v1.5c.69 0 1.25.56 1.25 1.25h1.5ZM17 21.75A2.75 2.75 0 0 0 19.75 19h-1.5c0 .69-.56 1.25-1.25 1.25v1.5Zm-10-1.5c-.69 0-1.25-.56-1.25-1.25h-1.5A2.75 2.75 0 0 0 7 21.75v-1.5Z"
-          fill="currentColor"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/MinusIcon.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 MinusIcon = 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="M6 12.002h12"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/ModelsIcon.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 ModelsIcon = 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 5.5 12 3l6 2.5m-12 0L12 8M6 5.5v8l6 2.5m6-10.5L12 8m6-2.5v8L12 16m0-8v8"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinejoin="round"
-        />
-        <path
-          d="M20 16.2c1.256.501 2 1.125 2 1.8 0 1.261-2.595 2.341-6.27 2.785M12 21c-5.522 0-10-1.365-10-3.048 0-.743.871-1.423 2.318-1.952"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/MoreHorizontalIcon.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 MoreHorizontalIcon = 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="M6.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm7-1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5.5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"
-          fill="currentColor"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/NavigationIcon.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 NavigationIcon = 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="M4 8.002h16m-16 4h16m-16 4h16"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/NavigatorIcon.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 NavigatorIcon = 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.469 13.238 12.831 2.9c.28-.455.982-.213.923.317l-.692 6.228a.5.5 0 0 0 .497.555h3.58a.5.5 0 0 1 .434.748l-6.408 11.213c-.267.468-.985.239-.931-.298l.711-7.113a.5.5 0 0 0-.498-.55H6.896a.5.5 0 0 1-.426-.762Z"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </SvgIcon>
-    );
-  }
-);

package/src/icons/24x24/NextIcon.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 NextIcon = 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="m10 16 4-4-4-4"
-          stroke="currentColor"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </SvgIcon>
-    );
-  }
-);