@livechat/design-system-icons 1.0.0-alpha.8 → 1.0.0-beta.1

package/lib/react/material/Chrome.tsx

@@ -0,0 +1,64 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChrome = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M22.39 6A12 12 0 0 0 1.606 6l.72 12.96L22.39 6Z"
+      fill="url(#chrome_svg__a)"
+    />
+    <path
+      d="M6.804 15 1.608 6A12 12 0 0 0 12 24l11.76-12-16.956 3Z"
+      fill="url(#chrome_svg__b)"
+    />
+    <path
+      d="M17.196 15 12 24A12 12 0 0 0 22.39 6H12l5.196 9Z"
+      fill="url(#chrome_svg__c)"
+    />
+    <path d="M12 18a6 6 0 1 0 0-12.002A6 6 0 0 0 12 18Z" fill="#fff" />
+    <path
+      d="M12 16.752a4.753 4.753 0 1 0 0-9.505 4.753 4.753 0 0 0 0 9.505Z"
+      fill="#1A73E8"
+    />
+    <defs>
+      <linearGradient
+        id="chrome_svg__a"
+        x1={1.608}
+        y1={7.5}
+        x2={22.39}
+        y2={7.5}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#D93025" />
+        <stop offset={1} stopColor="#EA4335" />
+      </linearGradient>
+      <linearGradient
+        id="chrome_svg__b"
+        x1={13.298}
+        y1={23.249}
+        x2={2.906}
+        y2={5.249}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#1E8E3E" />
+        <stop offset={1} stopColor="#34A853" />
+      </linearGradient>
+      <linearGradient
+        id="chrome_svg__c"
+        x1={10.248}
+        y1={24}
+        x2={20.64}
+        y2={6.031}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#FCC934" />
+        <stop offset={1} stopColor="#FBBC04" />
+      </linearGradient>
+    </defs>
+  </svg>
+);
+export default SvgChrome;

package/{react → lib/react}/material/Close.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgClose = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -14,5 +13,4 @@ const SvgClose = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgClose;

package/{react → lib/react}/material/CloseCircle.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgCloseCircle = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -14,5 +13,4 @@ const SvgCloseCircle = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgCloseCircle;

package/lib/react/material/Code.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgCode = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5a2 2 0 0 0-2-2Zm0 16H5V7h14v12Zm-3-7H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1Zm-4 4H8c-.55 0-1-.45-1-1s.45-1 1-1h4c.55 0 1 .45 1 1s-.45 1-1 1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgCode;

package/{react → lib/react}/material/CodeBlack.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgCodeBlack = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -14,5 +13,4 @@ const SvgCodeBlack = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgCodeBlack;

package/lib/react/material/Columns.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgColumns = (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-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2ZM8 18H4V6h4v12Zm6 0h-4V6h4v12Zm6 0h-4V6h4v12Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgColumns;

package/{react → lib/react}/material/Contact.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgContact = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -16,5 +15,4 @@ const SvgContact = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgContact;

package/lib/react/material/ContentCopy.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgContentCopy = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 17 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 18H2V5c0-.55-.45-1-1-1s-1 .45-1 1v13c0 1.1.9 2 2 2h10c.55 0 1-.45 1-1s-.45-1-1-1Zm5-4V2c0-1.1-.9-2-2-2H6C4.9 0 4 .9 4 2v12c0 1.1.9 2 2 2h9c1.1 0 2-.9 2-2Zm-2 0H6V2h9v12Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgContentCopy;

package/{react → lib/react}/material/CreditCardOutline.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgCreditCardOutline = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -14,5 +13,4 @@ const SvgCreditCardOutline = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgCreditCardOutline;

package/{react → lib/react}/material/DayMode.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgDayMode = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -14,5 +13,4 @@ const SvgDayMode = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgDayMode;

package/{react → lib/react}/material/Delete.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgDelete = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -14,5 +13,4 @@ const SvgDelete = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgDelete;

package/{react → lib/react}/material/Description.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgDescription = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -14,5 +13,4 @@ const SvgDescription = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgDescription;

package/{react → lib/react}/material/Device.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgDevice = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -14,5 +13,4 @@ const SvgDevice = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgDevice;

package/lib/react/material/DeviceMobile.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgDeviceMobile = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0.5 24 23"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M16 1H8a2.5 2.5 0 0 0-2.5 2.5v17A2.5 2.5 0 0 0 8 23h8a2.5 2.5 0 0 0 2.5-2.5v-17A2.5 2.5 0 0 0 16 1Zm-4 21c-.83 0-1.5-.67-1.5-1.5S11.17 19 12 19s1.5.67 1.5 1.5S12.83 22 12 22Zm4.5-4h-9V4h9v14Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgDeviceMobile;

package/{react → lib/react}/material/Devices.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgDevices = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -14,5 +13,4 @@ const SvgDevices = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgDevices;

package/{react → lib/react}/material/DoubleArrowLeft.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgDoubleArrowLeft = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -18,5 +17,4 @@ const SvgDoubleArrowLeft = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgDoubleArrowLeft;

package/{react → lib/react}/material/DoubleArrowRight.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgDoubleArrowRight = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -18,5 +17,4 @@ const SvgDoubleArrowRight = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgDoubleArrowRight;

package/{react → lib/react}/material/DragIndicator.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgDragIndicator = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -14,5 +13,4 @@ const SvgDragIndicator = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgDragIndicator;

package/{react → lib/react}/material/DropDown.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgDropDown = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -14,5 +13,4 @@ const SvgDropDown = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgDropDown;

package/lib/react/material/Edge.tsx

@@ -0,0 +1,113 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgEdge = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M21.666 17.86a8.79 8.79 0 0 1-.994.44 9.554 9.554 0 0 1-3.366.6c-4.434 0-8.297-3.047-8.297-6.966a2.953 2.953 0 0 1 1.538-2.559c-4.013.169-5.044 4.35-5.044 6.797 0 6.937 6.384 7.631 7.763 7.631.74 0 1.856-.216 2.53-.431l.123-.038a12.028 12.028 0 0 0 6.244-4.95.375.375 0 0 0-.497-.525Z"
+      fill="url(#edge_svg__a)"
+    />
+    <path
+      opacity={0.35}
+      d="M21.666 17.86a8.79 8.79 0 0 1-.994.44 9.554 9.554 0 0 1-3.366.6c-4.434 0-8.297-3.047-8.297-6.966a2.953 2.953 0 0 1 1.538-2.559c-4.013.169-5.044 4.35-5.044 6.797 0 6.937 6.384 7.631 7.763 7.631.74 0 1.856-.216 2.53-.431l.123-.038a12.028 12.028 0 0 0 6.244-4.95.375.375 0 0 0-.497-.525Z"
+      fill="url(#edge_svg__b)"
+    />
+    <path
+      d="M9.91 22.622a7.424 7.424 0 0 1-2.129-1.997 7.566 7.566 0 0 1 2.766-11.25c.3-.14.797-.384 1.462-.375a3.038 3.038 0 0 1 2.41 1.219 2.99 2.99 0 0 1 .59 1.753c0-.019 2.297-7.463-7.5-7.463-4.115 0-7.5 3.9-7.5 7.332a12.206 12.206 0 0 0 1.135 5.25 12 12 0 0 0 14.662 6.28 7.079 7.079 0 0 1-5.887-.75h-.01Z"
+      fill="url(#edge_svg__c)"
+    />
+    <path
+      opacity={0.41}
+      d="M9.91 22.622a7.424 7.424 0 0 1-2.129-1.997 7.566 7.566 0 0 1 2.766-11.25c.3-.14.797-.384 1.462-.375a3.038 3.038 0 0 1 2.41 1.219 2.99 2.99 0 0 1 .59 1.753c0-.019 2.297-7.463-7.5-7.463-4.115 0-7.5 3.9-7.5 7.332a12.206 12.206 0 0 0 1.135 5.25 12 12 0 0 0 14.662 6.28 7.079 7.079 0 0 1-5.887-.75h-.01Z"
+      fill="url(#edge_svg__d)"
+    />
+    <path
+      d="M14.287 13.95c-.084.094-.318.234-.318.525 0 .244.16.488.45.684 1.34.938 3.881.807 3.89.807 1-.001 1.98-.27 2.841-.778a5.756 5.756 0 0 0 2.85-4.96c.028-2.1-.75-3.497-1.06-4.115C20.945 2.23 16.66 0 12 0A12 12 0 0 0 0 11.831C.047 8.41 3.45 5.644 7.5 5.644c.328 0 2.203.028 3.938.937a6.806 6.806 0 0 1 2.896 2.747c.572.994.675 2.26.675 2.766 0 .506-.253 1.247-.73 1.865l.008-.009Z"
+      fill="url(#edge_svg__e)"
+    />
+    <path
+      d="M14.287 13.95c-.084.094-.318.234-.318.525 0 .244.16.488.45.684 1.34.938 3.881.807 3.89.807 1-.001 1.98-.27 2.841-.778a5.756 5.756 0 0 0 2.85-4.96c.028-2.1-.75-3.497-1.06-4.115C20.945 2.23 16.66 0 12 0A12 12 0 0 0 0 11.831C.047 8.41 3.45 5.644 7.5 5.644c.328 0 2.203.028 3.938.937a6.806 6.806 0 0 1 2.896 2.747c.572.994.675 2.26.675 2.766 0 .506-.253 1.247-.73 1.865l.008-.009Z"
+      fill="url(#edge_svg__f)"
+    />
+    <defs>
+      <radialGradient
+        id="edge_svg__b"
+        cx={0}
+        cy={0}
+        r={1}
+        gradientUnits="userSpaceOnUse"
+        gradientTransform="matrix(8.94375 0 0 8.49656 14.738 16.72)"
+      >
+        <stop offset={0.7} stopOpacity={0} />
+        <stop offset={0.9} stopOpacity={0.5} />
+        <stop offset={1} />
+      </radialGradient>
+      <radialGradient
+        id="edge_svg__d"
+        cx={0}
+        cy={0}
+        r={1}
+        gradientUnits="userSpaceOnUse"
+        gradientTransform="matrix(2.01373 -13.29071 10.73755 1.6269 6.615 18.65)"
+      >
+        <stop offset={0.8} stopOpacity={0} />
+        <stop offset={0.9} stopOpacity={0.5} />
+        <stop offset={1} />
+      </radialGradient>
+      <radialGradient
+        id="edge_svg__e"
+        cx={0}
+        cy={0}
+        r={1}
+        gradientUnits="userSpaceOnUse"
+        gradientTransform="matrix(-.759 18.97503 -40.41278 -1.6165 2.427 4.436)"
+      >
+        <stop stopColor="#35C1F1" />
+        <stop offset={0.1} stopColor="#34C1ED" />
+        <stop offset={0.2} stopColor="#2FC2DF" />
+        <stop offset={0.3} stopColor="#2BC3D2" />
+        <stop offset={0.7} stopColor="#36C752" />
+      </radialGradient>
+      <radialGradient
+        id="edge_svg__f"
+        cx={0}
+        cy={0}
+        r={1}
+        gradientUnits="userSpaceOnUse"
+        gradientTransform="matrix(2.55412 8.757 -7.1212 2.07701 22.506 7.247)"
+      >
+        <stop stopColor="#66EB6E" />
+        <stop offset={1} stopColor="#66EB6E" stopOpacity={0} />
+      </radialGradient>
+      <linearGradient
+        id="edge_svg__a"
+        x1={5.503}
+        y1={16.594}
+        x2={22.228}
+        y2={16.594}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#0C59A4" />
+        <stop offset={1} stopColor="#114A8B" />
+      </linearGradient>
+      <linearGradient
+        id="edge_svg__c"
+        x1={14.316}
+        y1={9.337}
+        x2={3.881}
+        y2={20.709}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#1B9DE2" />
+        <stop offset={0.2} stopColor="#1595DF" />
+        <stop offset={0.7} stopColor="#0680D7" />
+        <stop offset={1} stopColor="#0078D4" />
+      </linearGradient>
+    </defs>
+  </svg>
+);
+export default SvgEdge;

package/{react → lib/react}/material/Edit.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgEdit = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -14,5 +13,4 @@ const SvgEdit = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgEdit;

package/{react → lib/react}/material/Email.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgEmail = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -14,5 +13,4 @@ const SvgEmail = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgEmail;

package/{react → lib/react}/material/EmailAddress.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgEmailAddress = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -14,5 +13,4 @@ const SvgEmailAddress = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgEmailAddress;

package/{react → lib/react}/material/Emoji.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgEmoji = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -26,5 +25,4 @@ const SvgEmoji = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgEmoji;

package/{react → lib/react}/material/Error.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgError = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -14,5 +13,4 @@ const SvgError = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgError;

package/{react → lib/react}/material/Extension.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgExtension = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -14,5 +13,4 @@ const SvgExtension = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgExtension;

package/{react → lib/react}/material/FileCopy.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgFileCopy = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -14,5 +13,4 @@ const SvgFileCopy = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgFileCopy;

package/{react → lib/react}/material/FileDownload.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgFileDownload = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -14,5 +13,4 @@ const SvgFileDownload = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgFileDownload;

package/{react → lib/react}/material/FileUpload.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgFileUpload = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -14,5 +13,4 @@ const SvgFileUpload = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgFileUpload;

package/{react → lib/react}/material/Filter.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgFilter = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -14,5 +13,4 @@ const SvgFilter = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgFilter;