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

package/react/material/Extension.tsx

@@ -1,19 +1,18 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgExtension(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        d="M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5a2.5 2.5 0 00-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 000-5z"
-        fill="currentcolor"
-      />
-    </svg>
-  );
-}
+const SvgExtension = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <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"
+    />
+  </svg>
+);
 
 export default SvgExtension;

package/react/material/FileCopy.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+const SvgFileCopy = 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: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1Zm-1 4H8c-1.1 0-1.99.9-1.99 2L6 21c0 1.1.89 2 1.99 2H19c1.1 0 2-.9 2-2V11l-6-6ZM8 21V7h6v5h5v9H8Z",
+  fill: "currentcolor"
+}));
+
+export default SvgFileCopy;

package/react/material/FileCopy.tsx

@@ -1,19 +1,18 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgFileCopy(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4H8c-1.1 0-1.99.9-1.99 2L6 21c0 1.1.89 2 1.99 2H19c1.1 0 2-.9 2-2V11l-6-6zM8 21V7h6v5h5v9H8z"
-        fill="currentcolor"
-      />
-    </svg>
-  );
-}
+const SvgFileCopy = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1Zm-1 4H8c-1.1 0-1.99.9-1.99 2L6 21c0 1.1.89 2 1.99 2H19c1.1 0 2-.9 2-2V11l-6-6ZM8 21V7h6v5h5v9H8Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
 
 export default SvgFileCopy;

package/react/material/FileDownload.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+const SvgFileDownload = 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: "M16.59 9H15V4c0-.55-.45-1-1-1h-4c-.55 0-1 .45-1 1v5H7.41c-.89 0-1.34 1.08-.71 1.71l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.63-.63.19-1.71-.7-1.71ZM5 19c0 .55.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1H6c-.55 0-1 .45-1 1Z",
+  fill: "currentcolor"
+}));
+
+export default SvgFileDownload;

package/react/material/FileDownload.tsx

@@ -1,19 +1,18 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgFileDownload(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        d="M16.59 9H15V4c0-.55-.45-1-1-1h-4c-.55 0-1 .45-1 1v5H7.41c-.89 0-1.34 1.08-.71 1.71l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.63-.63.19-1.71-.7-1.71zM5 19c0 .55.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1H6c-.55 0-1 .45-1 1z"
-        fill="currentcolor"
-      />
-    </svg>
-  );
-}
+const SvgFileDownload = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M16.59 9H15V4c0-.55-.45-1-1-1h-4c-.55 0-1 .45-1 1v5H7.41c-.89 0-1.34 1.08-.71 1.71l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.63-.63.19-1.71-.7-1.71ZM5 19c0 .55.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1H6c-.55 0-1 .45-1 1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
 
 export default SvgFileDownload;

package/react/material/FileUpload.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+const SvgFileUpload = 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: "M10 16h4c.55 0 1-.45 1-1v-5h1.59c.89 0 1.34-1.08.71-1.71L12.71 3.7a.996.996 0 0 0-1.41 0L6.71 8.29c-.63.63-.19 1.71.7 1.71H9v5c0 .55.45 1 1 1Zm-4 2h12c.55 0 1 .45 1 1s-.45 1-1 1H6c-.55 0-1-.45-1-1s.45-1 1-1Z",
+  fill: "currentcolor"
+}));
+
+export default SvgFileUpload;

package/react/material/FileUpload.tsx

@@ -1,19 +1,18 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgFileUpload(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        d="M10 16h4c.55 0 1-.45 1-1v-5h1.59c.89 0 1.34-1.08.71-1.71L12.71 3.7a.996.996 0 00-1.41 0L6.71 8.29c-.63.63-.19 1.71.7 1.71H9v5c0 .55.45 1 1 1zm-4 2h12c.55 0 1 .45 1 1s-.45 1-1 1H6c-.55 0-1-.45-1-1s.45-1 1-1z"
-        fill="currentcolor"
-      />
-    </svg>
-  );
-}
+const SvgFileUpload = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M10 16h4c.55 0 1-.45 1-1v-5h1.59c.89 0 1.34-1.08.71-1.71L12.71 3.7a.996.996 0 0 0-1.41 0L6.71 8.29c-.63.63-.19 1.71.7 1.71H9v5c0 .55.45 1 1 1Zm-4 2h12c.55 0 1 .45 1 1s-.45 1-1 1H6c-.55 0-1-.45-1-1s.45-1 1-1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
 
 export default SvgFileUpload;

package/react/material/Filter.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+const SvgFilter = 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.25 5.61C6.57 8.59 10 13 10 13v5c0 1.1.9 2 2 2s2-.9 2-2v-5s3.43-4.41 5.75-7.39c.51-.66.04-1.61-.8-1.61H5.04c-.83 0-1.3.95-.79 1.61Z",
+  fill: "currentcolor"
+}));
+
+export default SvgFilter;

package/react/material/Filter.tsx

@@ -1,19 +1,18 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgFilter(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        d="M4.25 5.61C6.57 8.59 10 13 10 13v5c0 1.1.9 2 2 2s2-.9 2-2v-5s3.43-4.41 5.75-7.39c.51-.66.04-1.61-.8-1.61H5.04c-.83 0-1.3.95-.79 1.61z"
-        fill="currentcolor"
-      />
-    </svg>
-  );
-}
+const SvgFilter = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M4.25 5.61C6.57 8.59 10 13 10 13v5c0 1.1.9 2 2 2s2-.9 2-2v-5s3.43-4.41 5.75-7.39c.51-.66.04-1.61-.8-1.61H5.04c-.83 0-1.3.95-.79 1.61Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
 
 export default SvgFilter;

package/react/material/Flags.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+const SvgFlags = 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.998 9H14l-.72-1.45c-.17-.34-.52-.55-.9-.55H7V5.72c.6-.34 1-.98 1-1.72 0-1.1-.9-2-2-2s-2 .9-2 2c0 .74.4 1.38 1 1.72V20c0 .55.45 1 1 1s1-.45 1-1v-3h5l.72 1.45c.17.34.52.55.89.55H19c.55 0 1-.45 1-1v-8c0-.55-.45-1-1-1ZM18 17h-4l-1-2H7V9h5l1 2h5v6Z",
+  fill: "currentcolor"
+}));
+
+export default SvgFlags;

package/react/material/Flags.tsx

@@ -1,19 +1,18 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgFlags(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        d="M18.998 9H14l-.72-1.45c-.17-.34-.52-.55-.9-.55H7V5.72c.6-.34 1-.98 1-1.72 0-1.1-.9-2-2-2s-2 .9-2 2c0 .74.4 1.38 1 1.72V20c0 .55.45 1 1 1s1-.45 1-1v-3h5l.72 1.45c.17.34.52.55.89.55H19c.55 0 1-.45 1-1v-8c0-.55-.45-1-1-1zM18 17h-4l-1-2H7V9h5l1 2h5v6z"
-        fill="currentcolor"
-      />
-    </svg>
-  );
-}
+const SvgFlags = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M18.998 9H14l-.72-1.45c-.17-.34-.52-.55-.9-.55H7V5.72c.6-.34 1-.98 1-1.72 0-1.1-.9-2-2-2s-2 .9-2 2c0 .74.4 1.38 1 1.72V20c0 .55.45 1 1 1s1-.45 1-1v-3h5l.72 1.45c.17.34.52.55.89.55H19c.55 0 1-.45 1-1v-8c0-.55-.45-1-1-1ZM18 17h-4l-1-2H7V9h5l1 2h5v6Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
 
 export default SvgFlags;

package/react/material/Folder.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+const SvgFolder = 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 6h-8l-1.41-1.41C10.21 4.21 9.7 4 9.17 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2Zm-1 12H5c-.55 0-1-.45-1-1V9c0-.55.45-1 1-1h14c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1Z",
+  fill: "currentcolor"
+}));
+
+export default SvgFolder;

package/react/material/Folder.tsx

@@ -1,19 +1,18 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgFolder(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        d="M20 6h-8l-1.41-1.41C10.21 4.21 9.7 4 9.17 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-1 12H5c-.55 0-1-.45-1-1V9c0-.55.45-1 1-1h14c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1z"
-        fill="currentcolor"
-      />
-    </svg>
-  );
-}
+const SvgFolder = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M20 6h-8l-1.41-1.41C10.21 4.21 9.7 4 9.17 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2Zm-1 12H5c-.55 0-1-.45-1-1V9c0-.55.45-1 1-1h14c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
 
 export default SvgFolder;

package/react/material/Foods.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+const SvgFoods = 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: "M9 3h11.002C21.1 3 22 3.9 22 5v3c0 1.1-.9 2-2 2h-2v3a4 4 0 0 1-4 4H8A4 4 0 0 1 4 13V5c0-1.1.9-2 2-2h2v2.4L6.191 6.85c-.12.09-.19.24-.19.39v4.26c0 .28.22.5.5.5h4c.28 0 .5-.22.5-.5V7.24c0-.15-.07-.3-.19-.39L9.002 5.4V3H9Zm9 5h2.002V5H18v3ZM3 19.5h16c.552 0 1.002.45 1.002 1s-.45 1-1.001 1H3c-.55 0-1-.45-1-1s.45-1 1-1Z",
+  fill: "currentcolor"
+}));
+
+export default SvgFoods;

package/react/material/Foods.tsx

@@ -1,21 +1,20 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgFoods(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="M9 3h11.002C21.1 3 22 3.9 22 5v3c0 1.1-.9 2-2 2h-2v3a4 4 0 01-4 4H8A4 4 0 014 13V5c0-1.1.9-2 2-2h2v2.4L6.191 6.85c-.12.09-.19.24-.19.39v4.26c0 .28.22.5.5.5h4c.28 0 .5-.22.5-.5V7.24c0-.15-.07-.3-.19-.39L9.002 5.4V3H9zm9 5h2.002V5H18v3zM3 19.5h16c.552 0 1.002.45 1.002 1s-.45 1-1.001 1H3c-.55 0-1-.45-1-1s.45-1 1-1z"
-        fill="currentcolor"
-      />
-    </svg>
-  );
-}
+const SvgFoods = (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="M9 3h11.002C21.1 3 22 3.9 22 5v3c0 1.1-.9 2-2 2h-2v3a4 4 0 0 1-4 4H8A4 4 0 0 1 4 13V5c0-1.1.9-2 2-2h2v2.4L6.191 6.85c-.12.09-.19.24-.19.39v4.26c0 .28.22.5.5.5h4c.28 0 .5-.22.5-.5V7.24c0-.15-.07-.3-.19-.39L9.002 5.4V3H9Zm9 5h2.002V5H18v3ZM3 19.5h16c.552 0 1.002.45 1.002 1s-.45 1-1.001 1H3c-.55 0-1-.45-1-1s.45-1 1-1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
 
 export default SvgFoods;

package/react/material/FrequentlyUsed.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+const SvgFrequentlyUsed = 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.99 2C6.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 8Zm-.22-13h-.06c-.4 0-.72.32-.72.72v4.72c0 .35.18.68.49.86l4.15 2.49c.34.2.78.1.98-.24.21-.34.1-.79-.25-.99l-3.87-2.3V7.72c0-.4-.32-.72-.72-.72Z",
+  fill: "currentcolor"
+}));
+
+export default SvgFrequentlyUsed;

package/react/material/FrequentlyUsed.tsx

@@ -1,19 +1,18 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgFrequentlyUsed(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        d="M11.99 2C6.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 8zm-.22-13h-.06c-.4 0-.72.32-.72.72v4.72c0 .35.18.68.49.86l4.15 2.49c.34.2.78.1.98-.24.21-.34.1-.79-.25-.99l-3.87-2.3V7.72c0-.4-.32-.72-.72-.72z"
-        fill="currentcolor"
-      />
-    </svg>
-  );
-}
+const SvgFrequentlyUsed = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M11.99 2C6.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 8Zm-.22-13h-.06c-.4 0-.72.32-.72.72v4.72c0 .35.18.68.49.86l4.15 2.49c.34.2.78.1.98-.24.21-.34.1-.79-.25-.99l-3.87-2.3V7.72c0-.4-.32-.72-.72-.72Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
 
 export default SvgFrequentlyUsed;

package/react/material/GreetingCard.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+const SvgGreetingCard = 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 20h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H5c-1.1 0-2 .9-2 2v12a2 2 0 0 0 2 2ZM6 6h12c.55 0 1 .45 1 1v8H5V7c0-.55.45-1 1-1Z",
+  fill: "currentcolor"
+}));
+
+export default SvgGreetingCard;

package/react/material/GreetingCard.tsx

@@ -1,19 +1,18 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgGreetingCard(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        d="M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5c-1.1 0-2 .9-2 2v12a2 2 0 002 2zM6 6h12c.55 0 1 .45 1 1v8H5V7c0-.55.45-1 1-1z"
-        fill="currentcolor"
-      />
-    </svg>
-  );
-}
+const SvgGreetingCard = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M5 20h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H5c-1.1 0-2 .9-2 2v12a2 2 0 0 0 2 2ZM6 6h12c.55 0 1 .45 1 1v8H5V7c0-.55.45-1 1-1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
 
 export default SvgGreetingCard;

package/react/material/GreetingPlainText.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+const SvgGreetingPlainText = 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: "M4 2h16c1.1 0 2 .9 2 2v16c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2Zm2 4.5a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2h-3.922a.078.078 0 0 0-.078.078V17.5a1 1 0 1 1-2 0v-10H7a1 1 0 0 1-1-1Z",
+  fill: "currentcolor"
+}));
+
+export default SvgGreetingPlainText;

package/react/material/GreetingPlainText.tsx

@@ -1,21 +1,20 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgGreetingPlainText(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="M4 2h16c1.1 0 2 .9 2 2v16c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2zm2 4.5a1 1 0 011-1h10a1 1 0 110 2h-3.922a.078.078 0 00-.078.078V17.5a1 1 0 11-2 0v-10H7a1 1 0 01-1-1z"
-        fill="currentcolor"
-      />
-    </svg>
-  );
-}
+const SvgGreetingPlainText = (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="M4 2h16c1.1 0 2 .9 2 2v16c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2Zm2 4.5a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2h-3.922a.078.078 0 0 0-.078.078V17.5a1 1 0 1 1-2 0v-10H7a1 1 0 0 1-1-1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
 
 export default SvgGreetingPlainText;

package/react/material/GreetingQuickReply.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+const SvgGreetingQuickReply = 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 2.02c-5.51 0-9.98 4.47-9.98 9.98 0 5.51 4.47 9.98 9.98 9.98 5.51 0 9.98-4.47 9.98-9.98 0-5.51-4.47-9.98-9.98-9.98Zm-.52 15.86v-4.14H8.82c-.37 0-.62-.4-.44-.73l3.68-7.17c.23-.47.94-.3.94.23v4.19h2.54c.37 0 .61.39.45.72l-3.56 7.12c-.24.48-.95.31-.95-.22Z",
+  fill: "currentcolor"
+}));
+
+export default SvgGreetingQuickReply;

package/react/material/GreetingQuickReply.tsx

@@ -1,19 +1,18 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgGreetingQuickReply(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        d="M12 2.02c-5.51 0-9.98 4.47-9.98 9.98 0 5.51 4.47 9.98 9.98 9.98 5.51 0 9.98-4.47 9.98-9.98 0-5.51-4.47-9.98-9.98-9.98zm-.52 15.86v-4.14H8.82c-.37 0-.62-.4-.44-.73l3.68-7.17c.23-.47.94-.3.94.23v4.19h2.54c.37 0 .61.39.45.72l-3.56 7.12c-.24.48-.95.31-.95-.22z"
-        fill="currentcolor"
-      />
-    </svg>
-  );
-}
+const SvgGreetingQuickReply = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 2.02c-5.51 0-9.98 4.47-9.98 9.98 0 5.51 4.47 9.98 9.98 9.98 5.51 0 9.98-4.47 9.98-9.98 0-5.51-4.47-9.98-9.98-9.98Zm-.52 15.86v-4.14H8.82c-.37 0-.62-.4-.44-.73l3.68-7.17c.23-.47.94-.3.94.23v4.19h2.54c.37 0 .61.39.45.72l-3.56 7.12c-.24.48-.95.31-.95-.22Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
 
 export default SvgGreetingQuickReply;

package/react/material/Group.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+const SvgGroup = 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 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Z",
+  fill: "currentcolor"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M8 16a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM12 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM16 16a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z",
+  fill: "currentcolor"
+}));
+
+export default SvgGroup;