@livechat/design-system-icons 1.0.0-beta.3 → 1.0.0-beta.4

package/lib/react/tabler/ArrowForwardFilled.tsx

@@ -8,7 +8,7 @@ const SvgArrowForwardFilled = (props: SVGProps<SVGSVGElement>) => (
     {...props}
   >
     <path
-      d="M5 12h14M15 16l4-4M15 8l4 4"
+      d="M19 12H5m14 0-4-4m4 4-4 4"
       stroke="currentcolor"
       strokeWidth={2}
       strokeLinecap="round"

package/lib/react/tabler/ArrowUpward.tsx

@@ -8,7 +8,7 @@ const SvgArrowUpward = (props: SVGProps<SVGSVGElement>) => (
     {...props}
   >
     <path
-      d="M12 5v14M16 9l-4-4M8 9l4-4"
+      d="M12 5v14m0-14L8 9m4-4 4 4"
       stroke="currentcolor"
       strokeWidth={2}
       strokeLinecap="round"

package/lib/react/tabler/ArrowUpwardFilled.tsx

@@ -8,7 +8,7 @@ const SvgArrowUpwardFilled = (props: SVGProps<SVGSVGElement>) => (
     {...props}
   >
     <path
-      d="M12 5v14M16 9l-4-4M8 9l4-4"
+      d="M12 5v14m0-14L8 9m4-4 4 4"
       stroke="currentcolor"
       strokeWidth={2}
       strokeLinecap="round"

package/lib/react/tabler/ArrowsDiagonalCollapse.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgArrowsDiagonalCollapse = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 14v7m0-7-4 4m4-4 4 4m-4-8V3m0 7 4-4m-4 4L8 6"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgArrowsDiagonalCollapse;

package/lib/react/tabler/ArrowsDiagonalCollapseFilled.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgArrowsDiagonalCollapseFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 14v7m0-7-4 4m4-4 4 4m-4-8V3m0 7 4-4m-4 4L8 6"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgArrowsDiagonalCollapseFilled;

package/lib/react/tabler/ArrowsVertical.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgArrowsVertical = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m8 7 4-4m0 0 4 4m-4-4v18m0 0-4-4m4 4 4-4"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgArrowsVertical;

package/lib/react/tabler/Assessment.tsx

@@ -8,14 +8,7 @@ const SvgAssessment = (props: SVGProps<SVGSVGElement>) => (
     {...props}
   >
     <path
-      d="M4 18V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2Z"
-      stroke="currentcolor"
-      strokeWidth={2}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-    <path
-      d="m7 14 3-3 2 2 3-3 2 2"
+      d="m7 14 3-3 2 2 3-3 2 2M4 18V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2Z"
       stroke="currentcolor"
       strokeWidth={2}
       strokeLinecap="round"

package/lib/react/tabler/Assignment.tsx

@@ -8,14 +8,7 @@ const SvgAssignment = (props: SVGProps<SVGSVGElement>) => (
     {...props}
   >
     <path
-      d="M20 6v12a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2ZM10 16h6"
-      stroke="currentcolor"
-      strokeWidth={2}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-    <path
-      d="M11 10a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM4 8h2M4 12h2M4 16h2"
+      d="M10 16h6M4 8h2m-2 4h2m-2 4h2m5-6a2 2 0 1 0 4 0 2 2 0 0 0-4 0Zm9-4v12a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2Z"
       stroke="currentcolor"
       strokeWidth={2}
       strokeLinecap="round"

package/lib/react/tabler/AssignmentFilled.tsx

@@ -10,13 +10,7 @@ const SvgAssignmentFilled = (props: SVGProps<SVGSVGElement>) => (
     <path
       fillRule="evenodd"
       clipRule="evenodd"
-      d="M8 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H8Zm5 4a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-3 8a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-6Z"
-      fill="currentcolor"
-    />
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M3 8a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H4a1 1 0 0 1-1-1ZM3 12a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1ZM3 16a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Z"
+      d="M5.879 3.879A3 3 0 0 1 8 3h10a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3v-1H4a1 1 0 1 1 0-2h1v-2H4a1 1 0 1 1 0-2h1V9H4a1 1 0 0 1 0-2h1V6a3 3 0 0 1 .879-2.121Zm5 4a3 3 0 1 1 4.242 4.242 3 3 0 0 1-4.242-4.242ZM9 16a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2h-6a1 1 0 0 1-1-1Z"
       fill="currentcolor"
     />
   </svg>

package/lib/react/tabler/Attachment.tsx

@@ -8,7 +8,7 @@ const SvgAttachment = (props: SVGProps<SVGSVGElement>) => (
     {...props}
   >
     <path
-      d="m15 7-6.5 6.5a2.121 2.121 0 1 0 3 3L18 10a4.243 4.243 0 0 0-6-6l-6.5 6.5a6.364 6.364 0 1 0 9 9L21 13"
+      d="m15 7-6.5 6.5a2.121 2.121 0 1 0 3 3L18 10a4.243 4.243 0 1 0-6-6l-6.5 6.5a6.364 6.364 0 0 0 9 9L21 13"
       stroke="currentcolor"
       strokeWidth={2}
       strokeLinecap="round"

package/lib/react/tabler/AttachmentFilled.tsx

@@ -8,7 +8,7 @@ const SvgAttachmentFilled = (props: SVGProps<SVGSVGElement>) => (
     {...props}
   >
     <path
-      d="m15 7-6.5 6.5a2.121 2.121 0 1 0 3 3L18 10a4.243 4.243 0 0 0-6-6l-6.5 6.5a6.364 6.364 0 1 0 9 9L21 13"
+      d="m15 7-6.5 6.5a2.121 2.121 0 1 0 3 3L18 10a4.243 4.243 0 1 0-6-6l-6.5 6.5a6.364 6.364 0 0 0 9 9L21 13"
       stroke="currentcolor"
       strokeWidth={2}
       strokeLinecap="round"

package/lib/react/tabler/Audiotrack.tsx

@@ -8,14 +8,7 @@ const SvgAudiotrack = (props: SVGProps<SVGSVGElement>) => (
     {...props}
   >
     <path
-      d="M3 17a3 3 0 1 0 6 0 3 3 0 0 0-6 0ZM13 17a3 3 0 1 0 6 0 3 3 0 0 0-6 0Z"
-      stroke="currentcolor"
-      strokeWidth={2}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-    <path
-      d="M9 17V4h10v13M9 8h10"
+      d="M9 17V4h10v13M9 17a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm10 0a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM9 8h10"
       stroke="currentcolor"
       strokeWidth={2}
       strokeLinecap="round"

package/lib/react/tabler/AutomationFilled.tsx

@@ -8,8 +8,6 @@ const SvgAutomationFilled = (props: SVGProps<SVGSVGElement>) => (
     {...props}
   >
     <path
-      fillRule="evenodd"
-      clipRule="evenodd"
       d="M14 3a1 1 0 0 0-1.809-.588l-8 11A1 1 0 0 0 5 15h5v6a1 1 0 0 0 1.809.588l8-11A1 1 0 0 0 19 9h-5V3Z"
       fill="currentcolor"
     />

package/lib/react/tabler/Ballpen.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgBallpen = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m13 6 7 7-4 4M3 20l1.768-1.768m.06-.06a2.827 2.827 0 0 0 4 0L19.414 7.586a2 2 0 0 0 0-2.829l-1.17-1.17a2 2 0 0 0-2.83 0L4.828 14.171a2.828 2.828 0 0 0 0 4Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgBallpen;

package/lib/react/tabler/BallpenFilled.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgBallpenFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M16.828 3a3 3 0 0 1 1.977.743l.145.136 1.17 1.17a3 3 0 0 1 .137 4.1l-.136.144L18.415 11l2.292 2.293a1 1 0 0 1 .083 1.32l-.083.094-4 4a1 1 0 0 1-1.497-1.32l.083-.094L18.585 14l-1.586-1.585-7.464 7.464a3.828 3.828 0 0 1-2.474 1.114l-.233.008c-.674 0-1.33-.178-1.905-.508l-1.216 1.214a1 1 0 0 1-1.497-1.32l.083-.094 1.214-1.216a3.828 3.828 0 0 1 .454-4.442l.16-.17L14.707 3.879a3 3 0 0 1 1.923-.873L16.828 3Zm0 2a1 1 0 0 0-.608.206l-.1.087L14.415 7 17 9.585l1.707-1.706a1 1 0 0 0 .284-.576l.01-.131a1 1 0 0 0-.207-.609l-.087-.099-1.171-1.171A1.001 1.001 0 0 0 16.828 5Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgBallpenFilled;

package/lib/react/tabler/BellExclamation.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgBellExclamation = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M9 17v1a3 3 0 0 0 6 0v-1H4a4 4 0 0 0 2-3v-3a7 7 0 0 1 4-6 2 2 0 1 1 4 0 7 7 0 0 1 4 6v1.5m1 3.5v3m0 3v.01"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgBellExclamation;

package/lib/react/tabler/BellExclamationFilled.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgBellExclamationFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M14.875 4.141A3.001 3.001 0 0 0 12 2l-.176.004-.182.017a3.003 3.003 0 0 0-2.562 2.29l-.01.043-.248.146A8 8 0 0 0 5 10.954L5 13.924l-.021.143a3 3 0 0 1-1.472 2.063C2.613 16.636 2.972 18 4 18h12v-2a3 3 0 0 1 3-3v-2l-.02-.289-.027-.287a8.013 8.013 0 0 0-4.024-6.069l-.008-.043-.046-.171ZM14.235 19c.865 0 1.322 1.024.745 1.668A3.993 3.993 0 0 1 12 22a3.99 3.99 0 0 1-2.98-1.332c-.552-.616-.158-1.579.634-1.661l.11-.006L14.235 19ZM20 16a1 1 0 1 0-2 0v3a1 1 0 1 0 2 0v-3ZM20 22a1 1 0 1 0-2 0v.01a1 1 0 1 0 2 0V22Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgBellExclamationFilled;

package/lib/react/tabler/BigCommerceColored.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgBigCommerceColored = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g clipPath="url(#big_commerce-colored_svg__a)">
+      <g clipPath="url(#big_commerce-colored_svg__b)" fill="#34313F">
+        <path d="M12.653 13.663h3.03c.861 0 1.406-.473 1.406-1.235 0-.718-.545-1.235-1.406-1.235h-3.03c-.1 0-.186.086-.186.173v2.125c.013.1.085.172.186.172Zm0 4.895h3.13c.962 0 1.536-.488 1.536-1.35 0-.746-.545-1.349-1.536-1.349h-3.13c-.1 0-.186.086-.186.173v2.34c.013.115.085.186.186.186Z" />
+        <path d="m23.737.053-8.96 8.93h1.465c2.283 0 3.633 1.436 3.633 3 0 1.236-.833 2.14-1.724 2.542-.143.058-.143.259.015.316 1.033.402 1.765 1.479 1.765 2.742 0 1.78-1.191 3.2-3.503 3.2h-6.345c-.1 0-.186-.085-.186-.172v-6.762L.062 23.64c-.13.13-.044.36.144.36H23.85a.16.16 0 0 0 .159-.159V.182c.042-.158-.159-.244-.273-.129Z" />
+      </g>
+    </g>
+    <defs>
+      <clipPath id="big_commerce-colored_svg__a">
+        <path fill="#fff" d="M0 0h24v24H0z" />
+      </clipPath>
+      <clipPath id="big_commerce-colored_svg__b">
+        <path fill="#fff" d="M0 0h24.015v24H0z" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+export default SvgBigCommerceColored;

package/lib/react/tabler/Block.tsx

@@ -8,7 +8,7 @@ const SvgBlock = (props: SVGProps<SVGSVGElement>) => (
     {...props}
   >
     <path
-      d="M3 12a9 9 0 1 0 18.001 0A9 9 0 0 0 3 12ZM5.7 5.7l12.6 12.6"
+      d="m5.7 5.7 12.6 12.6M3 12a9 9 0 1 0 18.001 0A9 9 0 0 0 3 12Z"
       stroke="currentcolor"
       strokeWidth={2}
       strokeLinecap="round"

package/lib/react/tabler/Bold.tsx

@@ -7,20 +7,13 @@ const SvgBold = (props: SVGProps<SVGSVGElement>) => (
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
-    <g
-      clipPath="url(#bold_svg__a)"
+    <path
+      d="M13 12a3.5 3.5 0 1 0 0-7H7v7m6 0H7m6 0h1a3.5 3.5 0 1 1 0 7H7v-7"
       stroke="currentcolor"
       strokeWidth={2}
       strokeLinecap="round"
       strokeLinejoin="round"
-    >
-      <path d="M7 5h6a3.5 3.5 0 1 1 0 7H7V5ZM13 12h1a3.5 3.5 0 1 1 0 7H7v-7" />
-    </g>
-    <defs>
-      <clipPath id="bold_svg__a">
-        <path fill="#fff" d="M0 0h24v24H0z" />
-      </clipPath>
-    </defs>
+    />
   </svg>
 );
 export default SvgBold;

package/lib/react/tabler/BoldFilled.tsx

@@ -8,11 +8,10 @@ const SvgBoldFilled = (props: SVGProps<SVGSVGElement>) => (
     {...props}
   >
     <path
-      d="M7 5h6a3.5 3.5 0 1 1 0 7H7V5ZM13 12h1a3.5 3.5 0 1 1 0 7H7v-7"
-      stroke="currentcolor"
-      strokeWidth={2}
-      strokeLinecap="round"
-      strokeLinejoin="round"
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M6 5a1 1 0 0 1 1-1h6a4.5 4.5 0 0 1 3.256 7.606A4.496 4.496 0 0 1 18.5 15.5 4.5 4.5 0 0 1 14 20H7a1 1 0 0 1-1-1V5Zm7 6a2.5 2.5 0 0 0 0-5H8v5h5Zm-5 2h6a2.5 2.5 0 0 1 0 5H8v-5Z"
+      fill="currentcolor"
     />
   </svg>
 );

package/lib/react/tabler/Bot.tsx

@@ -8,22 +8,7 @@ const SvgBot = (props: SVGProps<SVGSVGElement>) => (
     {...props}
   >
     <path
-      d="M7 7h10a2 2 0 0 1 2 2v1l1 1v3l-1 1v3a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-3l-1-1v-3l1-1V9a2 2 0 0 1 2-2ZM10 16h4"
-      stroke="currentcolor"
-      strokeWidth={2}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-    <path
-      d="M8.5 12a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM15.5 12a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"
-      fill="currentcolor"
-      stroke="currentcolor"
-      strokeWidth={2}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-    <path
-      d="M9 7 8 3M15 7l1-4"
+      d="M10 16h4M9 7 8 3m7 4 1-4m-7 9h.01M15 12h.01M7 7h10a2 2 0 0 1 2 2v1l1 1v3l-1 1v3a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-3l-1-1v-3l1-1V9a2 2 0 0 1 2-2Z"
       stroke="currentcolor"
       strokeWidth={2}
       strokeLinecap="round"

package/lib/react/tabler/Briefcase.tsx

@@ -7,28 +7,13 @@ const SvgBriefcase = (props: SVGProps<SVGSVGElement>) => (
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
-    <mask
-      id="briefcase_svg__a"
-      style={{
-        maskType: 'alpha',
-      }}
-      maskUnits="userSpaceOnUse"
-      x={1}
-      y={3}
-      width={22}
-      height={19}
-    >
-      <path
-        d="M8 8V6a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 14a20 20 0 0 0 18 0M5 8h14a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2Z"
-        stroke="#1B1B20"
-        strokeWidth={2}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </mask>
-    <g mask="url(#briefcase_svg__a)">
-      <path d="M0 0h24v24H0V0Z" fill="currentcolor" />
-    </g>
+    <path
+      d="M8 8V6a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 14a20 20 0 0 0 18 0M5 8h14a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
   </svg>
 );
 export default SvgBriefcase;

package/lib/react/tabler/BriefcaseFilled.tsx

@@ -7,27 +7,16 @@ const SvgBriefcaseFilled = (props: SVGProps<SVGSVGElement>) => (
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
-    <mask
-      id="briefcase-filled_svg__a"
-      style={{
-        maskType: 'alpha',
-      }}
-      maskUnits="userSpaceOnUse"
-      x={2}
-      y={3}
-      width={21}
-      height={19}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M10 5a1 1 0 0 0-1 1v1h6V6a1 1 0 0 0-1-1h-4Zm7 2V6a3 3 0 0 0-3-3h-4a3 3 0 0 0-3 3v1H5a3 3 0 0 0-3 3v2.336l.453.24 1.007.536a19 19 0 0 0 17.09-.005h.001l1.002-.504.447-.225V10a3 3 0 0 0-3-3h-2Zm5 7.617-.55.276a21 21 0 0 1-18.9 0l-.02-.01L2 14.6V19a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-4.383Z"
-        fill="#1B1B20"
-      />
-    </mask>
-    <g mask="url(#briefcase-filled_svg__a)">
-      <path d="M0 0h24v24H0V0Z" fill="currentcolor" />
-    </g>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M17 7V6a3 3 0 0 0-3-3h-4a3 3 0 0 0-3 3v1H5a3 3 0 0 0-3 3v2.336l1.46.776a19 19 0 0 0 17.09-.005l1.45-.729V10a3 3 0 0 0-3-3h-2Zm-7-2a1 1 0 0 0-1 1v1h6V6a1 1 0 0 0-1-1h-4Z"
+      fill="currentcolor"
+    />
+    <path
+      d="m22 14.617-.55.276a21 21 0 0 1-18.9 0l-.02-.01L2 14.6V19a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-4.383Z"
+      fill="currentcolor"
+    />
   </svg>
 );
 export default SvgBriefcaseFilled;

package/lib/react/tabler/BugReport.tsx

@@ -8,7 +8,7 @@ const SvgBugReport = (props: SVGProps<SVGSVGElement>) => (
     {...props}
   >
     <path
-      d="M9 9V8a3 3 0 1 1 6 0v1M8 9h8a6 6 0 0 1 1 3v3a5 5 0 1 1-10 0v-3a6 6 0 0 1 1-3ZM3 13h4M17 13h4M12 20v-6M4 19l3.35-2M20 19l-3.35-2M4 7l3.75 2.4M20 7l-3.75 2.4"
+      d="M12 20a5 5 0 0 0 5-5v-3a6 6 0 0 0-1-3H8a6 6 0 0 0-1 3v3a5 5 0 0 0 5 5Zm0 0v-6m-8 5 3.35-2M3 13h4M4 7l3.75 2.4M9 9V8a3 3 0 1 1 6 0v1m5-2-3.75 2.4M17 13h4m-1 6-3.35-2"
       stroke="currentcolor"
       strokeWidth={2}
       strokeLinecap="round"

package/lib/react/tabler/BugReportFilled.tsx

@@ -10,7 +10,7 @@ const SvgBugReportFilled = (props: SVGProps<SVGSVGElement>) => (
     <path
       fillRule="evenodd"
       clipRule="evenodd"
-      d="M10.586 6.586A2 2 0 0 1 14 8h-4a2 2 0 0 1 .586-1.414ZM8 8a4 4 0 0 1 8 0c.151 0 .298.034.43.097l3.03-1.94a1 1 0 0 1 1.08 1.685l-3.015 1.93A7.001 7.001 0 0 1 18 12h3a1 1 0 1 1 0 2h-3v1a6 6 0 0 1-.197 1.524l2.71 1.617a1 1 0 1 1-1.026 1.718l-2.514-1.502a6 6 0 0 1-9.946 0L4.513 19.86a1 1 0 0 1-1.026-1.718l2.71-1.617A5.998 5.998 0 0 1 6 15v-1H3a1 1 0 1 1 0-2h3c0-.018 0-.037.002-.055a7 7 0 0 1 .473-2.174L3.461 7.842a1 1 0 1 1 1.078-1.684l3.03 1.94A1 1 0 0 1 8 8Z"
+      d="M8 8a4 4 0 0 1 8 0c.151 0 .298.034.43.097l3.03-1.94a1 1 0 0 1 1.08 1.685l-3.015 1.93A7.001 7.001 0 0 1 18 12h3a1 1 0 1 1 0 2h-3v1a6 6 0 0 1-.197 1.524l2.71 1.617a1 1 0 1 1-1.026 1.718l-2.514-1.502a6 6 0 0 1-9.946 0L4.513 19.86a1 1 0 0 1-1.026-1.718l2.71-1.617A5.998 5.998 0 0 1 6 15v-1H3a1 1 0 1 1 0-2h3c0-.018 0-.037.002-.055a7 7 0 0 1 .473-2.174L3.461 7.842a1 1 0 1 1 1.078-1.684l3.03 1.94A1 1 0 0 1 8 8Zm2.586-1.414A2 2 0 0 1 14 8h-4a2 2 0 0 1 .586-1.414Z"
       fill="currentcolor"
     />
   </svg>

package/lib/react/tabler/Calendar.tsx

@@ -8,14 +8,7 @@ const SvgCalendar = (props: SVGProps<SVGSVGElement>) => (
     {...props}
   >
     <path
-      d="M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7ZM16 3v4M8 3v4M4 11h16"
-      stroke="currentcolor"
-      strokeWidth={2}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-    <path
-      d="M8 15h2v2H8v-2Z"
+      d="M4 11h16M8 3v4m8-4v4m-8 8h2v2H8v-2ZM4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7Z"
       stroke="currentcolor"
       strokeWidth={2}
       strokeLinecap="round"

package/lib/react/tabler/CalendarFilled.tsx

@@ -7,10 +7,14 @@ const SvgCalendarFilled = (props: SVGProps<SVGSVGElement>) => (
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
+    <path
+      d="M7 15a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-2Z"
+      fill="currentcolor"
+    />
     <path
       fillRule="evenodd"
       clipRule="evenodd"
-      d="M17 3a1 1 0 1 0-2 0v1H9V3a1 1 0 0 0-2 0v1H6a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3h-1V3ZM5 12h14v7a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-7Zm2 3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-2Z"
+      d="M17 3a1 1 0 1 0-2 0v1H9V3a1 1 0 0 0-2 0v1H6a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3h-1V3ZM5 12h14v7a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-7Z"
       fill="currentcolor"
     />
   </svg>

package/lib/react/tabler/Call.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgCall = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m15.471 14.06-1.57 1.97c-2.83-1.35-4.48-2.9-5.89-5.83l1.95-1.66L8.651 3h-3.75c-1.05 0-1.932.851-1.875 1.899.467 8.569 7.492 15.594 16.049 16.075 1.062.06 1.926-.837 1.926-1.9V15.37l-5.53-1.31Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgCall;

package/lib/react/tabler/CallFilled.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgCallFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m15.471 14.06-1.57 1.97c-2.83-1.35-4.48-2.9-5.89-5.83l1.95-1.66L8.651 3h-3.75c-1.05 0-1.932.851-1.875 1.899.467 8.569 7.492 15.594 16.049 16.075 1.062.06 1.926-.837 1.926-1.9V15.37l-5.53-1.31Z"
+      fill="currentcolor"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgCallFilled;

package/lib/react/tabler/Callout.tsx

@@ -7,15 +7,14 @@ const SvgCallout = (props: SVGProps<SVGSVGElement>) => (
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
-    <g clipPath="url(#callout_svg__a)" fill="currentcolor">
-      <path d="M5 20h8c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1s.45 1 1 1ZM4 6c0 .55.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1ZM5 16h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1s.45 1 1 1Zm-1-6c0 .55.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1Z" />
-      <path d="M4 15v-5c0-.55.45-1 1-1s1 .45 1 1v5c0 .55-.45 1-1 1s-1-.45-1-1ZM18 15v-5c0-.55.45-1 1-1s1 .45 1 1v5c0 .55-.45 1-1 1s-1-.45-1-1Z" />
-    </g>
-    <defs>
-      <clipPath id="callout_svg__a">
-        <path fill="#fff" d="M0 0h24v24H0z" />
-      </clipPath>
-    </defs>
+    <path
+      d="M5 20h8c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1s.45 1 1 1ZM4 6c0 .55.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1ZM5 16h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1s.45 1 1 1Zm-1-6c0 .55.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1Z"
+      fill="currentcolor"
+    />
+    <path
+      d="M4 15v-5c0-.55.45-1 1-1s1 .45 1 1v5c0 .55-.45 1-1 1s-1-.45-1-1ZM18 15v-5c0-.55.45-1 1-1s1 .45 1 1v5c0 .55-.45 1-1 1s-1-.45-1-1Z"
+      fill="currentcolor"
+    />
   </svg>
 );
 export default SvgCallout;

package/lib/react/tabler/CalloutFilled.tsx

@@ -7,15 +7,14 @@ const SvgCalloutFilled = (props: SVGProps<SVGSVGElement>) => (
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
-    <g clipPath="url(#callout-filled_svg__a)" fill="currentcolor">
-      <path d="M5 20h8c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1s.45 1 1 1ZM4 6c0 .55.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1ZM5 16h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1s.45 1 1 1Zm-1-6c0 .55.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1Z" />
-      <path d="M4 15v-5c0-.55.45-1 1-1s1 .45 1 1v5c0 .55-.45 1-1 1s-1-.45-1-1ZM18 15v-5c0-.55.45-1 1-1s1 .45 1 1v5c0 .55-.45 1-1 1s-1-.45-1-1Z" />
-    </g>
-    <defs>
-      <clipPath id="callout-filled_svg__a">
-        <path fill="#fff" d="M0 0h24v24H0z" />
-      </clipPath>
-    </defs>
+    <path
+      d="M5 20h8c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1s.45 1 1 1ZM4 6c0 .55.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1ZM5 16h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1s.45 1 1 1Zm-1-6c0 .55.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1Z"
+      fill="currentcolor"
+    />
+    <path
+      d="M4 15v-5c0-.55.45-1 1-1s1 .45 1 1v5c0 .55-.45 1-1 1s-1-.45-1-1ZM18 15v-5c0-.55.45-1 1-1s1 .45 1 1v5c0 .55-.45 1-1 1s-1-.45-1-1Z"
+      fill="currentcolor"
+    />
   </svg>
 );
 export default SvgCalloutFilled;

package/lib/react/tabler/CannedResponse.tsx

@@ -8,7 +8,7 @@ const SvgCannedResponse = (props: SVGProps<SVGSVGElement>) => (
     {...props}
   >
     <path
-      d="M5 9h14M5 15h14M11 4 7 20M17 4l-4 16"
+      d="M5 9h14m-8-5L7 20M17 4l-4 16m-8-5h14"
       stroke="currentcolor"
       strokeWidth={2}
       strokeLinecap="round"

package/lib/react/tabler/CannedResponseFilled.tsx

@@ -8,7 +8,7 @@ const SvgCannedResponseFilled = (props: SVGProps<SVGSVGElement>) => (
     {...props}
   >
     <path
-      d="M5 9h14M5 15h14M11 4 7 20M17 4l-4 16"
+      d="M5 9h14m-8-5L7 20M17 4l-4 16m-8-5h14"
       stroke="currentcolor"
       strokeWidth={2}
       strokeLinecap="round"

package/lib/react/tabler/Channels.tsx

@@ -8,14 +8,7 @@ const SvgChannels = (props: SVGProps<SVGSVGElement>) => (
     {...props}
   >
     <path
-      d="M21 17h-5.397a5 5 0 0 1-4.096-2.133l-.514-.734A5 5 0 0 0 6.897 12H3M21 7h-5.395a5 5 0 0 0-4.098 2.135l-.51.73A5 5 0 0 1 6.9 12H3"
-      stroke="currentcolor"
-      strokeWidth={2}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-    <path
-      d="m18 10 3-3-3-3M18 20l3-3-3-3"
+      d="M21 17h-5.397a5 5 0 0 1-4.096-2.133l-.514-.734A5 5 0 0 0 6.897 12H3h3.9a5 5 0 0 0 4.097-2.135l.51-.73A5 5 0 0 1 15.605 7H21m0 10-3 3m3-3-3-3m3-7-3 3m3-3-3-3"
       stroke="currentcolor"
       strokeWidth={2}
       strokeLinecap="round"