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

package/react/chevron-down-double.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconChevronDownDouble: 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,8 @@ export const IconChevronDownDouble: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m8 7 4 4 4-4M8 14l4 4 4-4'
+        fill='currentColor'
+        d='m8.707 6.293 3.293 3.293 3.293-3.293 1.414 1.414-4 4h-1.414l-4-4 1.414-1.414ZM8.707 13.293l3.293 3.2929 3.293-3.2929 1.414 1.414-4 4h-1.414l-4-4 1.414-1.414Z'
       />
     )
   }

package/react/chevron-down.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconChevronDown: 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,8 @@ export const IconChevronDown: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m6 10 6 6 6-6'
+        fill='currentColor'
+        d='m6.707 9.293 5.293 5.2929 5.293-5.293 1.414 1.4141-6 6h-1.414l-6-6 1.414-1.414Z'
       />
     )
   }

package/react/chevron-left-double.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconChevronLeftDouble: 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,8 @@ export const IconChevronLeftDouble: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m10 8-4 4 4 4M17 8l-4 4 4 4'
+        fill='currentColor'
+        d='m10.707 8.707-3.293 3.293 3.293 3.293-1.414 1.414-4-4v-1.414l4-4 1.414 1.414ZM17.707 8.707l-3.2929 3.293 3.2929 3.293-1.414 1.414-4-4v-1.414l4-4 1.414 1.414Z'
       />
     )
   }

package/react/chevron-left.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconChevronLeft: 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,8 @@ export const IconChevronLeft: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m15 6-6 6 6 6'
+        fill='currentColor'
+        d='m15.707 6.707-5.2929 5.293 5.2929 5.293-1.414 1.414-6-6v-1.414l6-6 1.414 1.414Z'
       />
     )
   }

package/react/chevron-right-double.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconChevronRightDouble: 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,8 @@ export const IconChevronRightDouble: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m14 16 4-4-4-4M7 16l4-4-4-4'
+        fill='currentColor'
+        d='m13.293 15.293 3.2929-3.293-3.2929-3.293 1.414-1.414 4 4v1.414l-4 4-1.414-1.414ZM6.293 15.293l3.293-3.293-3.293-3.293 1.414-1.414 4 4v1.414l-4 4-1.414-1.414Z'
       />
     )
   }

package/react/chevron-right-small.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconChevronRightSmall: 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,8 @@ export const IconChevronRightSmall: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinecap='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m10 8 4 4-4 4'
-      />,
-      <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M14 12v.0001'
+        fill='currentColor'
+        d='M9.293 7.293c.3905-.3906 1.0236-.3906 1.4141 0l4.707 4.707-4.707 4.707c-.3905.3905-1.0236.3905-1.414 0-.3906-.3905-.3906-1.0235 0-1.414l3.2929-3.293-3.293-3.293c-.3905-.3905-.3905-1.0235 0-1.414Z'
       />
     )
   }

package/react/chevron-right.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconChevronRight: 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,8 @@ export const IconChevronRight: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m9 18 6-6-6-6'
+        fill='currentColor'
+        d='m8.293 17.293 5.2929-5.293-5.293-5.293 1.4141-1.414 6 6v1.414l-6 6-1.414-1.414Z'
       />
     )
   }

package/react/chevron-up-double.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconChevronUpDouble: 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,8 @@ export const IconChevronUpDouble: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m16 11-4-4-4 4M16 18l-4-4-4 4'
+        fill='currentColor'
+        d='m15.293 11.707-3.293-3.293-3.293 3.293-1.414-1.414 4-4h1.414l4 4-1.414 1.414ZM15.293 18.707l-3.293-3.2929-3.293 3.2929-1.414-1.414 4-4h1.414l4 4-1.414 1.414Z'
       />
     )
   }

package/react/chevron-up-down-line.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconChevronUpDownLine: 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,8 @@ export const IconChevronUpDownLine: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M4 12h16'
-      />,
-      <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m16 8-4-4-4 4M8 16l4 4 4-4'
+        fill='currentColor'
+        d='M20 11v2h-16v-2h16ZM15.293 8.707l-3.293-3.293-3.293 3.293-1.414-1.414 4-4h1.414l4 4-1.414 1.414ZM8.707 15.293l3.293 3.2929 3.293-3.2929 1.414 1.414-4 4h-1.414l-4-4 1.414-1.414Z'
       />
     )
   }

package/react/chevron-up-down.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconChevronUpDown: 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,8 @@ export const IconChevronUpDown: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m16 8-4-4-4 4M8 16l4 4 4-4'
+        fill='currentColor'
+        d='m15.293 8.707-3.293-3.293-3.293 3.293-1.414-1.414 4-4h1.414l4 4-1.414 1.414ZM8.707 15.293l3.293 3.2929 3.293-3.2929 1.414 1.414-4 4h-1.414l-4-4 1.414-1.414Z'
       />
     )
   }

package/react/chevron-up.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconChevronUp: 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,8 @@ export const IconChevronUp: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m18 15-6-6-6 6'
+        fill='currentColor'
+        d='m17.293 15.707-5.293-5.2929-5.293 5.2929-1.414-1.414 6-6h1.414l6 6-1.414 1.414Z'
       />
     )
   }

package/react/circle-corners.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconCircleCorners: 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,12 +24,9 @@ export const IconCircleCorners: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M9 4h-5v5m16 6v5h-5m-6 0h-5v-5m16-6v-5h-5'
-      />,
-      <circle cx={12} cy={12} r={3} fill='currentColor' />
+        fill='currentColor'
+        d='M19 9v-4h-4v-2h5l1 1v5h-2Zm-16 0v-5l1-1h5v2h-4v4h-2Zm12 12v-2h4v-4h2v5l-1 1h-5Zm-11 0-1-1v-5h2v4h4v2h-5ZM15 12c0 1.6569-1.3431 3-3 3s-3-1.3431-3-3 1.3431-3 3-3 3 1.3431 3 3Z'
+      />
     )
   }
 )

package/react/circle-motion-x.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconCircleMotionX: 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,8 @@ export const IconCircleMotionX: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M6 6h9m0 0c-3.3137 0-6 2.6863-6 6m6-6c3.3137 0 6 2.6863 6 6s-2.6863 6-6 6-6-2.6863-6-6m-7 0h7m-3 6h8.5'
-      />,
-      <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M2 6h2M2 18h2'
+        fill='currentColor'
+        d='M20 12c0-2.7614-2.2386-5-5-5s-5 2.2386-5 5 2.2386 5 5 5 5-2.2386 5-5Zm2 0c0 3.866-3.134 7-7 7a7.1305 7.1305 0 0 1-.5-.0195v.0195h-8.5v-2h4.1025c-1.0721-1.0503-1.8074-2.4421-2.0302-4h-6.0723v-2h6.0723c.2228-1.5579.958-2.9497 2.0302-4h-4.1025v-2h9c3.866 0 7 3.134 7 7ZM4 5v2h-2v-2h2ZM4 17v2h-2v-2h2Z'
       />
     )
   }

package/react/circle-notch.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconCircleNotch: 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,9 +24,8 @@ export const IconCircleNotch: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M3 12c0-4.9706 4.0294-9 9-9s9 4.0294 9 9-4.0294 9-9 9'
+        fill='currentColor'
+        d='M22 12c0-5.5229-4.4772-10-10-10-5.5229 0-10 4.4771-10 10h2c0-4.4183 3.5817-8 8-8s8 3.5817 8 8-3.5817 8-8 8v2c5.5228 0 10-4.4772 10-10Z'
       />
     )
   }

package/react/circle-slash.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconCircleSlash: 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,8 @@ export const IconCircleSlash: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m2 22 20-20'
+        fill='currentColor'
+        d='m22.707 2.707-20 20-1.414-1.414 20-20 1.414 1.414Z'
       />,
       <path
         fill='currentColor'

package/react/circle.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconCircle: 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,9 +24,8 @@ export const IconCircle: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M21 12c0 4.9706-4.0294 9-9 9s-9-4.0294-9-9 4.0294-9 9-9 9 4.0294 9 9ZM12 3v.0001'
+        fill='currentColor'
+        d='M20 12c0-4.4183-3.5817-8-8-8s-8 3.5817-8 8 3.5817 8 8 8 8-3.5817 8-8Zm2 0c0 5.5228-4.4772 10-10 10-5.5229 0-10-4.4772-10-10 0-5.5229 4.4771-10 10-10 5.5228 0 10 4.4771 10 10Z'
       />
     )
   }

package/react/circles-connected.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconCirclesConnected: 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,8 @@ export const IconCirclesConnected: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinecap='square'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m15 9 2-2m-8 2-2-2m0 10 2-2m-2-10c0 1.1046-.8954 2-2 2s-2-.8954-2-2 .8954-2 2-2 2 .8954 2 2Zm0 14c0 1.1046-.8954 2-2 2s-2-.8954-2-2 .8954-2 2-2 2 .8954 2 2Zm9-7c0 2.2091-1.7909 4-4 4-2.2091 0-4-1.7909-4-4 0-2.2091 1.7909-4 4-4 2.2091 0 4 1.7909 4 4Zm4-6.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5Z'
-      />,
-      <circle
-        cx={18.5}
-        cy={18.5}
-        r={1.5}
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
+        fill='currentColor'
+        d='M6 19c0-.5523-.4477-1-1-1s-1 .4477-1 1 .4477 1 1 1 1-.4477 1-1Zm9-7c0-1.6569-1.3431-3-3-3s-3 1.3431-3 3 1.3431 3 3 3 3-1.3431 3-3Zm4-6.5a.5.5 0 1 0-1 0 .5.5 0 0 0 1 0Zm-13-.5c0-.5523-.4477-1-1-1s-1 .4477-1 1 .4477 1 1 1 1-.4477 1-1Zm2 0c0 .4626-.1089.8987-.2959 1.29l1.538 1.5381c.7906-.5236 1.7387-.8281 2.7579-.8281a4.9763 4.9763 0 0 1 2.7568.8281l1.417-1.417a2.4915 2.4915 0 0 1-.1738-.9111c0-1.3807 1.1193-2.5 2.5-2.5s2.5 1.1193 2.5 2.5-1.1193 2.5-2.5 2.5a2.4895 2.4895 0 0 1-.9121-.1748l-1.417 1.417a4.976 4.976 0 0 1 .8291 2.7578c0 2.7614-2.2386 5-5 5a4.976 4.976 0 0 1-2.7578-.8291l-1.5352 1.5361-.0029.002c.1872.3915.2959.8281.2959 1.291 0 1.6569-1.3431 3-3 3-1.6568 0-3-1.3431-3-3s1.3432-3 3-3c.4624 0 .8989.108 1.29.2949l.003-.0019 1.5351-1.5362a4.9763 4.9763 0 0 1-.8281-2.7568c0-1.0192.3045-1.9673.8281-2.7578l-1.538-1.5381c-.3914.187-.8275.2959-1.2901.2959-1.6568 0-3-1.3431-3-3 0-1.6568 1.3432-3 3-3 1.6569 0 3 1.3432 3 3ZM19 18.5a.5.5 0 1 0-.5.5v2c-1.3807 0-2.5-1.1193-2.5-2.5s1.1193-2.5 2.5-2.5 2.5 1.1193 2.5 2.5-1.1193 2.5-2.5 2.5v-2a.5.5 0 0 0 .5-.5Z'
       />
     )
   }

package/react/clock-counter-clockwise-simple.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconClockCounterClockwiseSimple: 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,13 @@ export const IconClockCounterClockwiseSimple: 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'
-      />,
-      <circle cx={13} cy={12} r={2} fill='currentColor' />
+        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.414ZM15 12c0 1.1046-.8954 2-2 2s-2-.8954-2-2 .8954-2 2-2 2 .8954 2 2Z'
+      />
     )
   }
 )

package/react/clock-counter-clockwise.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconClockCounterClockwise: 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,24 +24,17 @@ export const IconClockCounterClockwise: 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.414ZM16.707 9.707l-3 3-1.414-1.414 3-3 1.414 1.414Z'
       />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='round'
-        strokeMiterlimit={1.414}
-        strokeWidth='var(--svg-stroke-width)'
-        d='m13 12 3-3'
-      />,
-      <circle cx={13} cy={12} r={2} fill='currentColor' />
+        fill='currentColor'
+        d='M15 12c0 1.1046-.8954 2-2 2s-2-.8954-2-2 .8954-2 2-2 2 .8954 2 2Z'
+      />
     )
   }
 )

package/react/clock-overtime.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconClockOvertime: 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,21 +23,13 @@ export const IconClockOvertime: IconComponentType = forwardRef(
         fill: 'none',
         ref: forwardRef,
       },
-      <path
-        stroke='currentColor'
-        strokeLinecap='square'
-        strokeMiterlimit={1.414}
-        strokeWidth='var(--svg-stroke-width)'
-        d='M21 12c0 4.9706-4.0294 9-9 9s-9-4.0294-9-9 4.0294-9 9-9 9 4.0294 9 9Z'
-      />,
       <path
         fill='currentColor'
-        d='M12 12c.8799.4399 2.9211 1.267 4.1372 1.7999.2493.1093.3617.4012.2288.6388-.8555 1.5282-2.4901 2.5613-4.366 2.5613-2.7614 0-5-2.2386-5-5 0-2.593 1.9737-4.7248 4.5007-4.9754.2748-.0272.4993.2007.4993.4769v4.4985Z'
+        d='M20 12c0-4.4183-3.5817-8-8-8s-8 3.5817-8 8 3.5817 8 8 8 8-3.5817 8-8Zm2 0c0 5.5228-4.4772 10-10 10-5.5229 0-10-4.4772-10-10 0-5.5229 4.4771-10 10-10 5.5228 0 10 4.4771 10 10Z'
       />,
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M10 12v.0001'
+        fill='currentColor'
+        d='M12 12c.8799.44 2.9211 1.267 4.1372 1.7999.2493.1093.3617.4013.2288.6388-.8555 1.5282-2.4901 2.5613-4.366 2.5613-2.7614 0-5-2.2386-5-5 0-2.593 1.9737-4.7248 4.5007-4.9754.2748-.0272.4993.2007.4993.4769v4.4985Z'
       />
     )
   }