@mirohq/design-system-icons 1.1.0 → 1.2.0-remove-weight-icons.0

package/react/align-top.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconAlignTop: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -25,21 +24,12 @@ export const IconAlignTop: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M3 4h18'
+        fill='currentColor'
+        d='M21 3v2h-18v-2h18ZM13.0002 9v12h-2v-12h2Z'
       />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M12.0002 21v-12'
-      />,
-      <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m7 13 5-5 5 5'
+        fill='currentColor'
+        d='m7.707 13.707 4.293-4.293 4.293 4.293 1.414-1.414-5-5h-1.414l-5 5 1.414 1.414Z'
       />
     )
   }

package/react/alignment-scale.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconAlignmentScale: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -25,21 +24,23 @@ export const IconAlignmentScale: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m10.5298 11.1784 4.4414 9.4209-.002.002c-2.7805-1.3848-6.0748-1.3952-8.8623-.0303l4.3672-9.3926h.0557Z'
+        fill='currentColor'
+        d='m11.1635 10.1784 5.0127 10.6309-1.0284 1.0273-.2685-.1552c-2.8011-1.5563-6.2669-1.5017-9.0215.1621l-.9863-.9864 4.9648-10.6787h1.3272Zm-3.1495 8.6602a11.0685 11.0685 0 0 1 5.0254.0088l-2.5322-5.3711-2.4931 5.3623Z'
       />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M6 12h-3v-8h18v8h-6'
+        fill='currentColor'
+        d='m21 3 1 1v8l-1 1h-6v-2h5v-6h-16v6h2v2h-3l-1-1v-8l1-1h18Z'
       />,
-      <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M7 4v4M7 4v4M7 4v4M7 4v4M12 4v4M12 4v4M12 4v4M12 4v4M17 4v4M17 4v4M17 4v4M17 4v4'
-      />
+      <path fill='currentColor' d='M8 8h-2v-4h2v4Z' />,
+      <path fill='currentColor' d='M8 8h-2v-4h2v4Z' />,
+      <path fill='currentColor' d='M8 8h-2v-4h2v4Z' />,
+      <path fill='currentColor' d='M8 8h-2v-4h2v4ZM13 8h-2v-4h2v4Z' />,
+      <path fill='currentColor' d='M13 8h-2v-4h2v4Z' />,
+      <path fill='currentColor' d='M13 8h-2v-4h2v4Z' />,
+      <path fill='currentColor' d='M13 8h-2v-4h2v4ZM18 8h-2v-4h2v4Z' />,
+      <path fill='currentColor' d='M18 8h-2v-4h2v4Z' />,
+      <path fill='currentColor' d='M18 8h-2v-4h2v4Z' />,
+      <path fill='currentColor' d='M18 8h-2v-4h2v4Z' />
     )
   }
 )

package/react/alt-text-underline.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconAltTextUnderline: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -25,21 +24,17 @@ export const IconAltTextUnderline: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M12 8v7h4M16 9h6M19 9v7'
+        fill='currentColor'
+        d='M12.9999 8v6h3v2h-5v-8h2ZM21.9999 8v2h-6v-2h6Z'
       />,
+      <path fill='currentColor' d='M19.9999 9v7h-2v-7h2Z' />,
       <path
         fill='currentColor'
         fillRule='evenodd'
         d='m4.077 16 .6-1.5h2.6459l.6 1.5h2.154l-3.1485-7.8714h-1.857l-3.1485 7.8714h2.154Zm2.4459-3.5h-1.046l.523-1.3074.523 1.3074Z'
         clipRule='evenodd'
       />,
-      <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M2 19h20'
-      />
+      <path fill='currentColor' d='M21.9999 18v2h-20v-2h20Z' />
     )
   }
 )

package/react/alt-text.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconAltText: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -25,10 +24,10 @@ export const IconAltText: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M12 8v7h4M16 9h6M19 9v7'
+        fill='currentColor'
+        d='M12.9999 8v6h3v2h-5v-8h2ZM21.9999 8v2h-6v-2h6Z'
       />,
+      <path fill='currentColor' d='M19.9999 9v7h-2v-7h2Z' />,
       <path
         fill='currentColor'
         fillRule='evenodd'

package/react/arrow-arc-left.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconArrowArcLeft: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -25,17 +24,10 @@ export const IconArrowArcLeft: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M21 15s-3.6-6-9-6c-4.0006 0-6.7072 3.2932-8 5'
+        fill='currentColor'
+        d='M12 8c3.0749 0 5.5621 1.7014 7.2148 3.2754.8374.7974 1.4925 1.5928 1.9385 2.1875.2235.2979.3964.5476.5147.7256a10.6194 10.6194 0 0 1 .1738.2705l.0107.0176.0039.0078.001.001-1.7148 1.0292-.0049-.0078c-.0051-.0082-.0136-.0223-.0254-.041a9.2132 9.2132 0 0 0-.1103-.1699 13.6865 13.6865 0 0 0-.4493-.6338c-.3976-.5302-.9803-1.2351-1.7177-1.9375-1.4973-1.426-3.51-2.7246-5.835-2.7246-3.4533 0-5.8875 2.8665-7.2031 4.6035l-1.5938-1.207c1.27-1.6767 4.249-5.3965 8.7969-5.3965Z'
       />,
-      <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M11 15h-8v-8'
-      />
+      <path fill='currentColor' d='M4 7v7h7v2h-8l-1-1v-8h2Z' />
     )
   }
 )

package/react/arrow-arc-right.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconArrowArcRight: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -24,15 +23,10 @@ export const IconArrowArcRight: IconComponentType = forwardRef(
         fill: 'none',
         ref: forwardRef,
       },
-      <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M13 15h8v-8'
-      />,
+      <path fill='currentColor' d='M22 7v8l-1 1h-8v-2h7v-7h2Z' />,
       <path
         fill='currentColor'
-        d='m20 14 .8944-.4472a1.0024 1.0024 0 0 0-.0972-.1566l-.7972.6038Zm-8-6c-3.075 0-5.562 1.7019-7.2146 3.2759-.8374.7974-1.4925 1.5919-1.9385 2.1866a15.6907 15.6907 0 0 0-.5146.7264 10.4537 10.4537 0 0 0-.1738.2703l-.0107.0175-.0033.0055-.0012.0019-.0004.0008c-.0002.0003-.0004.0006.8571.5151.8575.5145.8573.5148.8572.515l-.0002.0003a.0018.0018 0 0 1-.0002.0003l.0006-.001.005-.0083.0254-.0406a8.5173 8.5173 0 0 1 .1104-.1702c.0997-.15.2504-.3687.4487-.633.3977-.5303.98-1.2358 1.7178-1.9384 1.4973-1.426 3.5103-2.7241 5.8353-2.7241v-2Zm8.7972 5.3962c-1.27-1.6766-4.2494-5.3962-8.7972-5.3962v2c3.4533 0 5.8872 2.8668 7.2028 4.6038l1.5944-1.2076Zm-1.6916 1.051.5 1 1.7888-.8944-.5-1-1.7888.8944Z'
+        d='M12 8c3.9793 0 6.758 2.8474 8.2412 4.6826l.5557.7139.0527.0762c.0161.026.0312.0526.0449.08l.5 1-1.789.8946-.459-.917c-1.3281-1.7431-3.7416-4.5303-7.1465-4.5303-2.325 0-4.3377 1.2986-5.835 2.7246-.7374.7024-1.32 1.4073-1.7177 1.9375a13.6884 13.6884 0 0 0-.4493.6338 8.7146 8.7146 0 0 0-.1103.1699c-.0118.0187-.0203.0328-.0254.041l-.0049.0078-1.7148-1.0292.001-.001.0039-.0078.0107-.0176a10.5012 10.5012 0 0 1 .1738-.2705c.1183-.178.2912-.4277.5147-.7256.446-.5947 1.1011-1.3901 1.9385-2.1875 1.6527-1.574 4.1399-3.2754 7.2148-3.2754Z'
       />
     )
   }

package/react/arrow-bend-up-left.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconArrowBendUpLeft: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -25,16 +24,12 @@ export const IconArrowBendUpLeft: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m7.9999 15-5-5 5-5'
+        fill='currentColor'
+        d='M2.2929 9.293v1.414l5 5 1.414-1.414-4.293-4.293 4.293-4.293-1.414-1.414-5 5Z'
       />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M3.9999 10h9c3.3571 0 6.0339 1.4088 6.7999 6 .1016.6092.1678 1.2745.2002 2v2'
+        fill='currentColor'
+        d='M4 9v2h9c1.5493 0 2.8091.3263 3.7559 1.0664.9346.7308 1.7033 1.975 2.0576 4.0986.093.558.1553 1.1767.1865 1.8623v1.9727h2v-2a.9609.9609 0 0 0-.001-.0449c-.0339-.7581-.1035-1.4645-.2129-2.1201-.4116-2.4671-1.3645-4.2234-2.7988-5.3448-1.4224-1.1119-3.1797-1.4902-4.9873-1.4902h-9Z'
       />
     )
   }

package/react/arrow-bend-up-right.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconArrowBendUpRight: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -25,16 +24,12 @@ export const IconArrowBendUpRight: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m16 15 5-5-5-5'
+        fill='currentColor'
+        d='M21.707 9.293v1.414l-5 5-1.414-1.414 4.2929-4.293-4.2929-4.293 1.414-1.414 5 5Z'
       />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M20 10h-9c-3.3571 0-6.034 1.4088-6.8 6-.1016.6092-.1677 1.2745-.2001 2v2'
+        fill='currentColor'
+        d='M19.9999 9v2h-9c-1.5494 0-2.8092.3263-3.7559 1.0664-.9346.7308-1.7033 1.975-2.0576 4.0986-.093.558-.1553 1.1767-.1865 1.8623v1.9727h-2v-2c0-.0149.0003-.03.001-.0449.0338-.7581.1035-1.4645.2128-2.1201.4117-2.4671 1.3646-4.2234 2.7989-5.3448 1.4223-1.1119 3.1796-1.4902 4.9873-1.4902h9Z'
       />
     )
   }

package/react/arrow-box-left.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconArrowBoxLeft: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -25,20 +24,12 @@ export const IconArrowBoxLeft: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m13 13-5.3333-5.3333-4.6667-4.6667'
+        fill='currentColor'
+        d='m13.7075 12.2932-1.4142 1.4142-10.0003-10.0003 1.4142-1.4142 10.0003 10.0003Z'
       />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M3 11v-8h8'
-      />,
-      <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M6 14v5c0 1.1046.8954 2 2 2h11c1.1046 0 2-.8954 2-2v-11c0-1.1046-.8954-2-2-2h-5'
+        fill='currentColor'
+        d='m4.0003 11.0003-.0007-7h7.0006v-1.9998l-7.9998-.0007-1 1v8.0005h1.9999ZM5.0001 19v-5h2v5c0 .5523.4477 1 1 1h11c.5523 0 1-.4477 1-1v-11c0-.5523-.4477-1-1-1h-5v-2h5c1.6569 0 3 1.3431 3 3v11c0 1.6569-1.3431 3-3 3h-11c-1.6568 0-3-1.3431-3-3Z'
       />
     )
   }

package/react/arrow-box-out.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconArrowBoxOut: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -25,15 +24,12 @@ export const IconArrowBoxOut: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m21 3-10 10M20 11l1-8-8 1'
+        fill='currentColor'
+        d='m21.707 3.707-10 10-1.414-1.414 10-10 1.414 1.414Z'
       />,
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M10 6h-5c-1.1046 0-2 .8954-2 2v11c0 1.1046.8954 2 2 2h11c1.1046 0 2-.8954 2-2v-5'
+        fill='currentColor'
+        d='m21.9922 3.124-1 8-1.9844-.248.8399-6.7246-6.7237.8408-.248-1.9844 8-1 1.1162 1.1162ZM2 19v-11c0-1.6569 1.3432-3 3-3h5v2h-5c-.5523 0-1 .4477-1 1v11c0 .5523.4477 1 1 1h11c.5523 0 1-.4477 1-1v-5h2v5c0 1.6569-1.3431 3-3 3h-11c-1.6568 0-3-1.3431-3-3Z'
       />
     )
   }

package/react/arrow-clockwise-down-right.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconArrowClockwiseDownRight: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -25,15 +24,12 @@ export const IconArrowClockwiseDownRight: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M11 20c-4.4183 0-8-3.5817-8-8s3.5817-8 8-8 8 3.5817 8 8v2'
+        fill='currentColor'
+        d='M4 12c0-3.866 3.134-7 7-7s7 3.134 7 7v2h2v-2c0-4.9706-4.0294-9-9-9s-9 4.0294-9 9 4.0294 9 9 9v-2c-3.866 0-7-3.134-7-7Z'
       />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m16 12 3 3 3-3'
+        fill='currentColor'
+        d='m15.293 12.707 3 3h1.414l3-3-1.414-1.414-2.293 2.2929-2.293-2.2929-1.414 1.414Z'
       />
     )
   }

package/react/arrow-clockwise-up-left.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconArrowClockwiseUpLeft: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -25,15 +24,12 @@ export const IconArrowClockwiseUpLeft: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M13 4c4.4183 0 8 3.5817 8 8s-3.5817 8-8 8-8-3.5817-8-8v-2'
+        fill='currentColor'
+        d='M4 12v-2h2v2c0 3.866 3.134 7 7 7s7-3.134 7-7-3.134-7-7-7v-2c4.9706 0 9 4.0294 9 9s-4.0294 9-9 9-9-4.0294-9-9Z'
       />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m8 12-3-3-3 3'
+        fill='currentColor'
+        d='m5.707 8.293 3 3-1.414 1.414-2.293-2.2929-2.293 2.2929-1.414-1.414 3-3h1.414Z'
       />
     )
   }

package/react/arrow-counter-clockwise-down-left.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconArrowCounterClockwiseDownLeft: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -25,15 +24,12 @@ export const IconArrowCounterClockwiseDownLeft: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M13 20c4.4183 0 8-3.5817 8-8s-3.5817-8-8-8-8 3.5817-8 8v2'
+        fill='currentColor'
+        d='M20 12c0-3.866-3.134-7-7-7s-7 3.134-7 7v2h-2v-2c0-4.9706 4.0294-9 9-9s9 4.0294 9 9-4.0294 9-9 9v-2c3.866 0 7-3.134 7-7Z'
       />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m8 12-3 3-3-3'
+        fill='currentColor'
+        d='m8.707 12.707-3 3h-1.414l-3-3 1.414-1.414 2.293 2.2929 2.293-2.2929 1.414 1.414Z'
       />
     )
   }

package/react/arrow-counter-clockwise-up-right.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconArrowCounterClockwiseUpRight: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -25,15 +24,12 @@ export const IconArrowCounterClockwiseUpRight: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M11 4c-4.4183 0-8 3.5817-8 8s3.5817 8 8 8 8-3.5817 8-8v-2'
+        fill='currentColor'
+        d='M20 12v-2h-2v2c0 3.866-3.134 7-7 7s-7-3.134-7-7 3.134-7 7-7v-2c-4.9706 0-9 4.0294-9 9s4.0294 9 9 9 9-4.0294 9-9Z'
       />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m16 12 3-3 3 3'
+        fill='currentColor'
+        d='m18.293 8.293-3 3 1.414 1.414 2.293-2.2929 2.293 2.2929 1.414-1.414-3-3h-1.414Z'
       />
     )
   }

package/react/arrow-curves-bottom-right.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconArrowCurvesBottomRight: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -25,16 +24,12 @@ export const IconArrowCurvesBottomRight: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m18 15 3 3-3 3'
+        fill='currentColor'
+        d='M21.707 17.293v1.414l-3 3-1.414-1.414 2.2929-2.293-2.2929-2.293 1.414-1.414 3 3Z'
       />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M5 4h12c5 0 5 7 0 7h-10c-5 0-5 7 0 7h14'
+        fill='currentColor'
+        d='M17 3c1.4982 0 2.7065.5321 3.5371 1.4043.8179.859 1.2129 1.9883 1.2129 3.0957s-.395 2.2367-1.2129 3.0957c-.8306.8722-2.0389 1.4043-3.5371 1.4043h-10c-1.0015 0-1.6685.343-2.0879.7832-.4319.4535-.6621 1.0744-.6621 1.7168 0 .6424.2302 1.2633.6621 1.7168.4194.4402 1.0864.7832 2.0879.7832h14v2h-14c-1.4982 0-2.7065-.5321-3.5371-1.4043-.8179-.859-1.2129-1.9883-1.2129-3.0957s.395-2.2367 1.2129-3.0957c.8306-.8722 2.039-1.4043 3.5371-1.4043h10c1.0015 0 1.6685-.343 2.0879-.7832.4319-.4535.6621-1.0743.6621-1.7168 0-.6425-.2302-1.2633-.6621-1.7168-.4194-.4402-1.0864-.7832-2.0879-.7832h-12v-2h12Z'
       />
     )
   }

package/react/arrow-down-left.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconArrowDownLeft: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -25,15 +24,12 @@ export const IconArrowDownLeft: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m20 4-7.5 7.5-7.5 7.5'
+        fill='currentColor'
+        d='m20.7069 4.7073-1.4142-1.4142-14.9998 14.9998 1.4142 1.4142 14.9998-14.9998Z'
       />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M13 19h-8v-8'
+        fill='currentColor'
+        d='m13.0003 17.9998-7 .0007v-7.0006h-1.9997l-.0007 7.9998.9999.9999h8.0005v-1.9998Z'
       />
     )
   }

package/react/arrow-down-right.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconArrowDownRight: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -25,15 +24,12 @@ export const IconArrowDownRight: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m4 4 8 8 7 7'
+        fill='currentColor'
+        d='m3.293 4.7073 1.4143-1.4142 14.9998 14.9998-1.4142 1.4142-14.9998-14.9998Z'
       />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M11 19h8v-8'
+        fill='currentColor'
+        d='m10.9997 17.9998 7 .0007v-7.0006h1.9997l.0007 7.9998-.9999.9999h-8.0005v-1.9998Z'
       />
     )
   }