@livechat/design-system-icons 1.0.0-alpha.4 → 1.0.0-alpha.7

package/react/material/Device.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+const SvgDevice = props => /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M20 18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4ZM4 6h16v10H4V6Z",
+  fill: "currentcolor"
+}));
+
+export default SvgDevice;

package/react/material/Device.tsx

@@ -1,19 +1,18 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgDevice(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        d="M20 18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4zM4 6h16v10H4V6z"
-        fill="currentcolor"
-      />
-    </svg>
-  );
-}
+const SvgDevice = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M20 18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4ZM4 6h16v10H4V6Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
 
 export default SvgDevice;

package/react/material/Devices.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+const SvgDevices = props => /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M4 7c0-.55.45-1 1-1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-1.1 0-2 .9-2 2v11h-.5c-.83 0-1.5.67-1.5 1.5S.67 20 1.5 20H14v-3H4V7Zm19 1h-6c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1Zm-1 9h-4v-7h4v7Z",
+  fill: "currentcolor"
+}));
+
+export default SvgDevices;

package/react/material/Devices.tsx

@@ -1,19 +1,18 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgDevices(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        d="M4 7c0-.55.45-1 1-1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-1.1 0-2 .9-2 2v11h-.5c-.83 0-1.5.67-1.5 1.5S.67 20 1.5 20H14v-3H4V7zm19 1h-6c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1zm-1 9h-4v-7h4v7z"
-        fill="currentcolor"
-      />
-    </svg>
-  );
-}
+const SvgDevices = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M4 7c0-.55.45-1 1-1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-1.1 0-2 .9-2 2v11h-.5c-.83 0-1.5.67-1.5 1.5S.67 20 1.5 20H14v-3H4V7Zm19 1h-6c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1Zm-1 9h-4v-7h4v7Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
 
 export default SvgDevices;

package/react/material/DoubleArrowLeft.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+const SvgDoubleArrowLeft = props => /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M18.29 17.29a.996.996 0 0 0 0-1.41L14.42 12l3.88-3.88a.996.996 0 1 0-1.41-1.41L12.3 11.3a.996.996 0 0 0 0 1.41l4.59 4.59c.38.38 1.01.38 1.4-.01Z",
+  fill: "currentcolor"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M11.7 17.29a.996.996 0 0 0 0-1.41L7.83 12l3.88-3.88a.996.996 0 1 0-1.41-1.41L5.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59c.38.38 1.01.38 1.4-.01Z",
+  fill: "currentcolor"
+}));
+
+export default SvgDoubleArrowLeft;

package/react/material/DoubleArrowLeft.tsx

@@ -1,23 +1,22 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgDoubleArrowLeft(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        d="M18.29 17.29a.996.996 0 000-1.41L14.42 12l3.88-3.88a.996.996 0 10-1.41-1.41L12.3 11.3a.996.996 0 000 1.41l4.59 4.59c.38.38 1.01.38 1.4-.01z"
-        fill="currentcolor"
-      />
-      <path
-        d="M11.7 17.29a.996.996 0 000-1.41L7.83 12l3.88-3.88a.996.996 0 10-1.41-1.41L5.71 11.3a.996.996 0 000 1.41l4.59 4.59c.38.38 1.01.38 1.4-.01z"
-        fill="currentcolor"
-      />
-    </svg>
-  );
-}
+const SvgDoubleArrowLeft = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M18.29 17.29a.996.996 0 0 0 0-1.41L14.42 12l3.88-3.88a.996.996 0 1 0-1.41-1.41L12.3 11.3a.996.996 0 0 0 0 1.41l4.59 4.59c.38.38 1.01.38 1.4-.01Z"
+      fill="currentcolor"
+    />
+    <path
+      d="M11.7 17.29a.996.996 0 0 0 0-1.41L7.83 12l3.88-3.88a.996.996 0 1 0-1.41-1.41L5.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59c.38.38 1.01.38 1.4-.01Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
 
 export default SvgDoubleArrowLeft;

package/react/material/DoubleArrowRight.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+const SvgDoubleArrowRight = props => /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M5.7 6.71a.996.996 0 0 0 0 1.41L9.58 12 5.7 15.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L7.12 6.71c-.39-.39-1.03-.39-1.42 0Z",
+  fill: "currentcolor"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12.29 6.71a.996.996 0 0 0 0 1.41L16.17 12l-3.88 3.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L13.7 6.7c-.38-.38-1.02-.38-1.41.01Z",
+  fill: "currentcolor"
+}));
+
+export default SvgDoubleArrowRight;

package/react/material/DoubleArrowRight.tsx

@@ -1,23 +1,22 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgDoubleArrowRight(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        d="M5.7 6.71a.996.996 0 000 1.41L9.58 12 5.7 15.88a.996.996 0 101.41 1.41l4.59-4.59a.996.996 0 000-1.41L7.12 6.71c-.39-.39-1.03-.39-1.42 0z"
-        fill="currentcolor"
-      />
-      <path
-        d="M12.29 6.71a.996.996 0 000 1.41L16.17 12l-3.88 3.88a.996.996 0 101.41 1.41l4.59-4.59a.996.996 0 000-1.41L13.7 6.7c-.38-.38-1.02-.38-1.41.01z"
-        fill="currentcolor"
-      />
-    </svg>
-  );
-}
+const SvgDoubleArrowRight = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M5.7 6.71a.996.996 0 0 0 0 1.41L9.58 12 5.7 15.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L7.12 6.71c-.39-.39-1.03-.39-1.42 0Z"
+      fill="currentcolor"
+    />
+    <path
+      d="M12.29 6.71a.996.996 0 0 0 0 1.41L16.17 12l-3.88 3.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L13.7 6.7c-.38-.38-1.02-.38-1.41.01Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
 
 export default SvgDoubleArrowRight;

package/react/material/DragIndicator.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+const SvgDragIndicator = props => /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2Zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2Zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Z",
+  fill: "currentcolor"
+}));
+
+export default SvgDragIndicator;

package/react/material/DragIndicator.tsx

@@ -1,19 +1,18 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgDragIndicator(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        d="M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
-        fill="currentcolor"
-      />
-    </svg>
-  );
-}
+const SvgDragIndicator = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2Zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2Zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
 
 export default SvgDragIndicator;

package/react/material/DropDown.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+const SvgDropDown = props => /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M15.88 9.29 12 13.17 8.12 9.29a.996.996 0 1 0-1.41 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59a.996.996 0 0 0 0-1.41c-.39-.38-1.03-.39-1.42 0Z",
+  fill: "currentcolor"
+}));
+
+export default SvgDropDown;

package/react/material/DropDown.tsx

@@ -1,19 +1,18 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgDropDown(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        d="M15.88 9.29L12 13.17 8.12 9.29a.996.996 0 10-1.41 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59a.996.996 0 000-1.41c-.39-.38-1.03-.39-1.42 0z"
-        fill="currentcolor"
-      />
-    </svg>
-  );
-}
+const SvgDropDown = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M15.88 9.29 12 13.17 8.12 9.29a.996.996 0 1 0-1.41 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59a.996.996 0 0 0 0-1.41c-.39-.38-1.03-.39-1.42 0Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
 
 export default SvgDropDown;

package/react/material/Edit.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+const SvgEdit = props => /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M3 17.46v3.04c0 .28.22.5.5.5h3.04c.13 0 .26-.05.35-.15L17.81 9.94l-3.75-3.75L3.15 17.1c-.1.1-.15.22-.15.36ZM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83Z",
+  fill: "currentcolor"
+}));
+
+export default SvgEdit;

package/react/material/Edit.tsx

@@ -1,19 +1,18 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgEdit(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        d="M3 17.46v3.04c0 .28.22.5.5.5h3.04c.13 0 .26-.05.35-.15L17.81 9.94l-3.75-3.75L3.15 17.1c-.1.1-.15.22-.15.36zM20.71 7.04a.996.996 0 000-1.41l-2.34-2.34a.996.996 0 00-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"
-        fill="currentcolor"
-      />
-    </svg>
-  );
-}
+const SvgEdit = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M3 17.46v3.04c0 .28.22.5.5.5h3.04c.13 0 .26-.05.35-.15L17.81 9.94l-3.75-3.75L3.15 17.1c-.1.1-.15.22-.15.36ZM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
 
 export default SvgEdit;

package/react/material/Email.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+const SvgEmail = props => /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2Zm-.4 4.25-7.07 4.42c-.32.2-.74.2-1.06 0L4.4 8.25a.85.85 0 1 1 .9-1.44L12 11l6.7-4.19a.85.85 0 1 1 .9 1.44Z",
+  fill: "currentcolor"
+}));
+
+export default SvgEmail;

package/react/material/Email.tsx

@@ -1,19 +1,18 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgEmail(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-.4 4.25l-7.07 4.42c-.32.2-.74.2-1.06 0L4.4 8.25a.85.85 0 11.9-1.44L12 11l6.7-4.19a.85.85 0 11.9 1.44z"
-        fill="currentcolor"
-      />
-    </svg>
-  );
-}
+const SvgEmail = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2Zm-.4 4.25-7.07 4.42c-.32.2-.74.2-1.06 0L4.4 8.25a.85.85 0 1 1 .9-1.44L12 11l6.7-4.19a.85.85 0 1 1 .9 1.44Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
 
 export default SvgEmail;

package/react/material/EmailAddress.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+const SvgEmailAddress = props => /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M12.72 2.03A9.991 9.991 0 0 0 2.03 12.72C2.39 18.01 7.01 22 12.31 22H16c.55 0 1-.45 1-1s-.45-1-1-1h-3.67c-3.73 0-7.15-2.42-8.08-6.03-1.49-5.8 3.91-11.21 9.71-9.71C17.58 5.18 20 8.6 20 12.33v1.1c0 .79-.71 1.57-1.5 1.57s-1.5-.78-1.5-1.57v-1.25c0-2.51-1.78-4.77-4.26-5.12a5.008 5.008 0 0 0-5.66 5.87 4.996 4.996 0 0 0 3.72 3.94c1.84.43 3.59-.16 4.74-1.33.89 1.22 2.67 1.86 4.3 1.21 1.34-.53 2.16-1.9 2.16-3.34v-1.09c0-5.31-3.99-9.93-9.28-10.29ZM12 15c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3Z",
+  fill: "currentcolor"
+}));
+
+export default SvgEmailAddress;

package/react/material/EmailAddress.tsx

@@ -1,19 +1,18 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgEmailAddress(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        d="M12.72 2.03A9.991 9.991 0 002.03 12.72C2.39 18.01 7.01 22 12.31 22H16c.55 0 1-.45 1-1s-.45-1-1-1h-3.67c-3.73 0-7.15-2.42-8.08-6.03-1.49-5.8 3.91-11.21 9.71-9.71C17.58 5.18 20 8.6 20 12.33v1.1c0 .79-.71 1.57-1.5 1.57s-1.5-.78-1.5-1.57v-1.25c0-2.51-1.78-4.77-4.26-5.12a5.008 5.008 0 00-5.66 5.87 4.996 4.996 0 003.72 3.94c1.84.43 3.59-.16 4.74-1.33.89 1.22 2.67 1.86 4.3 1.21 1.34-.53 2.16-1.9 2.16-3.34v-1.09c0-5.31-3.99-9.93-9.28-10.29zM12 15c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z"
-        fill="currentcolor"
-      />
-    </svg>
-  );
-}
+const SvgEmailAddress = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12.72 2.03A9.991 9.991 0 0 0 2.03 12.72C2.39 18.01 7.01 22 12.31 22H16c.55 0 1-.45 1-1s-.45-1-1-1h-3.67c-3.73 0-7.15-2.42-8.08-6.03-1.49-5.8 3.91-11.21 9.71-9.71C17.58 5.18 20 8.6 20 12.33v1.1c0 .79-.71 1.57-1.5 1.57s-1.5-.78-1.5-1.57v-1.25c0-2.51-1.78-4.77-4.26-5.12a5.008 5.008 0 0 0-5.66 5.87 4.996 4.996 0 0 0 3.72 3.94c1.84.43 3.59-.16 4.74-1.33.89 1.22 2.67 1.86 4.3 1.21 1.34-.53 2.16-1.9 2.16-3.34v-1.09c0-5.31-3.99-9.93-9.28-10.29ZM12 15c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
 
 export default SvgEmailAddress;

package/react/material/Emoji.js

@@ -0,0 +1,23 @@
+import * as React from 'react';
+
+const SvgEmoji = props => /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm0 1.8c5.965 0 10.8-4.835 10.8-10.8 0-5.965-4.835-10.8-10.8-10.8C6.035 1.2 1.2 6.035 1.2 12c0 5.965 4.835 10.8 10.8 10.8Z",
+  fill: "currentcolor"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M8.7 11.4a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM16.8 9.9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z",
+  fill: "currentcolor"
+}), /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M8.116 13.546a.9.9 0 0 1 1.138.57C9.681 15.397 11 15.9 12 15.9s2.32-.503 2.746-1.784a.9.9 0 0 1 1.708.569C15.681 17.003 13.4 17.7 12 17.7s-3.68-.697-4.454-3.015a.9.9 0 0 1 .57-1.139Z",
+  fill: "currentcolor"
+}));
+
+export default SvgEmoji;

package/react/material/Emoji.tsx

@@ -1,31 +1,30 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgEmoji(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M12 21a9 9 0 100-18 9 9 0 000 18zm0 1.8c5.965 0 10.8-4.835 10.8-10.8 0-5.965-4.835-10.8-10.8-10.8C6.035 1.2 1.2 6.035 1.2 12c0 5.965 4.835 10.8 10.8 10.8z"
-        fill="currentcolor"
-      />
-      <path
-        d="M8.7 11.4a1.5 1.5 0 100-3 1.5 1.5 0 000 3zM16.8 9.9a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z"
-        fill="currentcolor"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M8.116 13.546a.9.9 0 011.138.57C9.681 15.397 11 15.9 12 15.9s2.32-.503 2.746-1.784a.9.9 0 011.708.569C15.681 17.003 13.4 17.7 12 17.7s-3.68-.697-4.454-3.015a.9.9 0 01.57-1.139z"
-        fill="currentcolor"
-      />
-    </svg>
-  );
-}
+const SvgEmoji = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm0 1.8c5.965 0 10.8-4.835 10.8-10.8 0-5.965-4.835-10.8-10.8-10.8C6.035 1.2 1.2 6.035 1.2 12c0 5.965 4.835 10.8 10.8 10.8Z"
+      fill="currentcolor"
+    />
+    <path
+      d="M8.7 11.4a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM16.8 9.9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"
+      fill="currentcolor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M8.116 13.546a.9.9 0 0 1 1.138.57C9.681 15.397 11 15.9 12 15.9s2.32-.503 2.746-1.784a.9.9 0 0 1 1.708.569C15.681 17.003 13.4 17.7 12 17.7s-3.68-.697-4.454-3.015a.9.9 0 0 1 .57-1.139Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
 
 export default SvgEmoji;

package/react/material/Error.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+const SvgError = props => /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M12 7c.55 0 1 .45 1 1v4c0 .55-.45 1-1 1s-1-.45-1-1V8c0-.55.45-1 1-1Zm-.01-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2ZM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8Zm1-3h-2v-2h2v2Z",
+  fill: "currentcolor"
+}));
+
+export default SvgError;

package/react/material/Error.tsx

@@ -1,19 +1,18 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgError(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        d="M12 7c.55 0 1 .45 1 1v4c0 .55-.45 1-1 1s-1-.45-1-1V8c0-.55.45-1 1-1zm-.01-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm1-3h-2v-2h2v2z"
-        fill="currentcolor"
-      />
-    </svg>
-  );
-}
+const SvgError = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 7c.55 0 1 .45 1 1v4c0 .55-.45 1-1 1s-1-.45-1-1V8c0-.55.45-1 1-1Zm-.01-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2ZM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8Zm1-3h-2v-2h2v2Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
 
 export default SvgError;

package/react/material/Extension.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+const SvgExtension = props => /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5a2.5 2.5 0 0 0-5 0V5H4c-1.1 0-1.99.9-1.99 2v3.8H3.5c1.49 0 2.7 1.21 2.7 2.7 0 1.49-1.21 2.7-2.7 2.7H2V20c0 1.1.9 2 2 2h3.8v-1.5c0-1.49 1.21-2.7 2.7-2.7 1.49 0 2.7 1.21 2.7 2.7V22H17c1.1 0 2-.9 2-2v-4h1.5a2.5 2.5 0 0 0 0-5Z",
+  fill: "currentcolor"
+}));
+
+export default SvgExtension;