@mirohq/design-system-icons 1.1.1 → 1.2.0

package/react/scrollbar-xy.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconScrollbarXy: 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,20 +23,11 @@ export const IconScrollbarXy: IconComponentType = forwardRef(
         fill: 'none',
         ref: forwardRef,
       },
-      <rect
-        width={16}
-        height={16}
-        x={4}
-        y={4}
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        rx={2}
-      />,
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M17 7v10'
-      />
+        fill='currentColor'
+        d='M19 6c0-.5523-.4477-1-1-1h-12c-.5523 0-1 .4477-1 1v12c0 .5523.4477 1 1 1h12c.5523 0 1-.4477 1-1v-12Zm2 12c0 1.6569-1.3431 3-3 3h-12c-1.6569 0-3-1.3431-3-3v-12c0-1.6569 1.3431-3 3-3h12c1.6569 0 3 1.3431 3 3v12Z'
+      />,
+      <path fill='currentColor' d='M18 17h-2v-10h2v10Z' />
     )
   }
 )

package/react/select.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconSelect: 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,12 @@ export const IconSelect: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m8 11 4 4 4-4'
+        fill='currentColor'
+        d='m8.707 10.293 3.293 3.2929 3.293-3.2929 1.414 1.414-4 4h-1.414l-4-4 1.414-1.414Z'
       />,
-      <circle
-        cx={12}
-        cy={12}
-        r={9}
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
+      <path
+        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/sentiment.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconSentiment: 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,42 +23,23 @@ export const IconSentiment: IconComponentType = forwardRef(
         fill: 'none',
         ref: forwardRef,
       },
+      <path fill='currentColor' d='M10 6h2v2h-2v-2Z' />,
       <path
         fill='currentColor'
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M11.667 6.333v1.334h-1.334v-1.334h1.334ZM17.667 12.333v1.334h-1.334v-1.334h1.334Z'
-      />,
-      <path
-        stroke='currentColor'
-        strokeLinecap='square'
-        strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M15 9c0 3.3137-2.6863 6-6 6s-6-2.6863-6-6 2.6863-6 6-6 6 2.6863 6 6Z'
+        d='M12 6v2h-2v-2h2Zm-1.333 1.333h.666v-.666h-.666v.666ZM16 12h2v2h-2v-2Z'
       />,
       <path
         fill='currentColor'
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M7.667 6.333v1.334h-1.334v-1.334h1.334Z'
-      />,
-      <path
-        stroke='currentColor'
-        strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M11.7047 9.5c-.2351 1.2801-1.3566 2.25-2.7046 2.25s-2.4696-.9699-2.7047-2.25'
+        d='M18 12v2h-2v-2h2Zm-1.333 1.333h.666v-.666h-.666v.666ZM14 9c0-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 7s-7-3.134-7-7 3.134-7 7-7 7 3.134 7 7Z'
       />,
+      <path fill='currentColor' d='M6 6h2v2h-2v-2Z' />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M18 9.8027c1.7934 1.0374 3 2.9765 3 5.1973 0 3.3137-2.6862 6-6 6-2.2208 0-4.1598-1.2066-5.1973-3'
+        fill='currentColor'
+        d='M8 6v2h-2v-2h2Zm-1.333 1.333h.666v-.666h-.666v.666ZM12.4418 9.6357c-.2994 1.6294-1.7252 2.8641-3.4414 2.8643-1.7164 0-3.1429-1.2348-3.4424-2.8643l1.4747-.2714c.1709.9304.9881 1.6357 1.9677 1.6357.9794-.0002 1.7959-.7054 1.9668-1.6357l1.4746.2714ZM19.9999 15c0-1.8495-1.0038-3.466-2.5009-4.3321l1.0019-1.7304c2.0895 1.2088 3.499 3.4704 3.499 6.0625 0 3.866-3.134 7-7 7-2.5921 0-4.8536-1.4095-6.0625-3.4991l1.7305-1.0019c.866 1.4971 2.4826 2.501 4.332 2.501 2.7615 0 5-2.2386 5-5Z'
       />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M12.2953 17.75c.2351-1.2801 1.3566-2.25 2.7046-2.25 1.3481 0 2.4696.9699 2.7047 2.25'
+        fill='currentColor'
+        d='M11.5582 17.6143c.2994-1.6294 1.7252-2.8641 3.4414-2.8643 1.7164 0 3.1429 1.2348 3.4424 2.8643l-1.4747.2714c-.1709-.9304-.9881-1.6357-1.9677-1.6357-.9794.0002-1.7959.7054-1.9668 1.6357l-1.4746-.2714Z'
       />
     )
   }

package/react/shadow.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconShadow: 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,9 @@ export const IconShadow: IconComponentType = forwardRef(
         fill: 'none',
         ref: forwardRef,
       },
-      <rect
-        width={14}
-        height={13}
-        x={5}
-        y={4}
-        stroke='currentColor'
-        strokeLinecap='round'
-        strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
-        rx={2}
-      />,
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M5 20h14'
+        fill='currentColor'
+        d='M18 6c0-.5523-.4477-1-1-1h-10c-.5523 0-1 .4477-1 1v9c0 .5523.4477 1 1 1h10c.5523 0 1-.4477 1-1v-9Zm2 9c0 1.6569-1.3431 3-3 3h-10c-1.6569 0-3-1.3431-3-3v-9c0-1.6569 1.3431-3 3-3h10c1.6569 0 3 1.3431 3 3v9ZM19 19v2h-14v-2h14Z'
       />
     )
   }

package/react/shapes-lines-stacked.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconShapesLinesStacked: 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,16 @@ export const IconShapesLinesStacked: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M6 11h-2c-.5523 0-1-.4477-1-1v-6c0-.5523.4477-1 1-1h6c.5523 0 1 .4477 1 1v2M15.874 11c-.4441-1.7252-2.0102-3-3.874-3-2.2091 0-4 1.7909-4 4 0 2.2091 1.7909 4 4 4 .3453 0 .6804-.0438 1-.126a3.9639 3.9639 0 0 0 .5121-.1697M20.5 13.5l-7.5 7.5'
+        fill='currentColor'
+        d='M10 4h-6v6h2v2h-2c-1.1046 0-2-.8954-2-2v-6c0-1.1046.8954-2 2-2h6c1.1046 0 2 .8954 2 2v2h-2v-2Z'
       />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m20.25 19.5.75-6.5-6.5.75'
+        fill='currentColor'
+        d='M7 12c0-2.7614 2.2386-5 5-5 2.3312 0 4.2878 1.5947 4.8428 3.751l-1.9375.498c-.3332-1.294-1.5089-2.249-2.9053-2.249-1.6569 0-3 1.3431-3 3s1.3431 3 3 3c.2605 0 .5121-.0332.751-.0947a2.9601 2.9601 0 0 0 .3828-.127l.7568 1.8516a4.9775 4.9775 0 0 1-.6416.2129 5.0067 5.0067 0 0 1-1.249.1572c-2.7614 0-5-2.2386-5-5ZM21.207 14.207l-7.5 7.5-1.414-1.414 7.5-7.5 1.414 1.414Z'
+      />,
+      <path
+        fill='currentColor'
+        d='m21.9934 13.115-.7499 6.4993-1.9867-.2285.6056-5.2488-5.2481.6063-.2285-1.9867 6.4993-.7499 1.1083 1.1083Z'
       />
     )
   }

package/react/shapes-lines.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconShapesLines: 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 IconShapesLines: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m21 14-7 7M20.5 20.5l.5-6.5-6.5.5M3 3h7v7h-7zM6.5 14l3.9 7h-7.9l4-7Z'
+        fill='currentColor'
+        d='m21.707 14.707-7 7-1.414-1.414 7-7 1.414 1.414Z'
       />,
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M21.5 6.5c0 2.071-1.6789 3.75-3.75 3.75s-3.75-1.679-3.75-3.75c0-2.071 1.6789-3.75 3.75-3.75s3.75 1.679 3.75 3.75Z'
+        fill='currentColor'
+        d='m21.9971 14.0771-.5 6.5-1.9942-.1542.4102-5.337-5.336.4112-.1542-1.9942 6.5-.5 1.0742 1.0742ZM10 2l1 1v7l-1 1h-7l-1-1v-7l1-1h7Zm-6 7h5v-5h-5v5ZM7.374 13.5137l3.8994 7-.873 1.4863h-7.9004l-.8682-1.4961 4-7 1.7422.0098Zm-3.1513 6.4863h4.4755l-2.21-3.9658-2.2655 3.9658ZM20.5 6.5c0-1.5188-1.2312-2.75-2.75-2.75s-2.75 1.2312-2.75 2.75 1.2312 2.75 2.75 2.75 2.75-1.2312 2.75-2.75Zm2 0c0 2.6234-2.1266 4.75-4.75 4.75s-4.75-2.1266-4.75-4.75c0-2.6233 2.1266-4.75 4.75-4.75s4.75 2.1267 4.75 4.75Z'
       />
     )
   }

package/react/shapes.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconShapes: 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,

package/react/shield-check.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconShieldCheck: 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,18 +24,12 @@ export const IconShieldCheck: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinecap='square'
-        strokeLinejoin='bevel'
-        strokeMiterlimit={1.414}
-        strokeWidth='var(--svg-stroke-width)'
-        d='m12 3-8 3v7.0445a6.6377 6.6377 0 0 0 1.598 4.3198 13.2744 13.2744 0 0 0 3.2493 2.7441l3.1527 1.8916 3.1527-1.8916a13.275 13.275 0 0 0 3.2493-2.7441 6.6376 6.6376 0 0 0 1.598-4.3198v-7.0445l-8-3Z'
+        fill='currentColor'
+        d='m19 6.6934-7-2.625-7 2.625v6.3515a5.6388 5.6388 0 0 0 1.3574 3.669 12.2784 12.2784 0 0 0 3.004 2.5371l2.6386 1.582 2.6387-1.582a12.2787 12.2787 0 0 0 3.0039-2.5371l.1601-.1953a5.6379 5.6379 0 0 0 1.1973-3.4737v-6.3515Zm2 6.3515a7.638 7.638 0 0 1-1.6221 4.7061l-.2168.2636a14.2754 14.2754 0 0 1-3.4941 2.9512l-3.1524 1.8916h-1.0292l-3.1524-1.8916a14.2753 14.2753 0 0 1-3.1113-2.5215l-.3828-.4297a7.6371 7.6371 0 0 1-1.8389-4.9697v-7.0449l.6484-.9365 8-3h.7032l8 3 .6484.9365v7.0449Z'
       />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m8 12 3 3.5 5-7'
+        fill='currentColor'
+        d='m16.8135 9.081-5 7.0001-1.5723.0693-3-3.5 1.5176-1.3008 2.1689 2.5303 4.2588-5.961 1.627 1.1621Z'
       />
     )
   }

package/react/shield-lock-filled.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconShieldLockFilled: 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,
@@ -27,7 +26,7 @@ export const IconShieldLockFilled: IconComponentType = forwardRef(
       <path
         fill='currentColor'
         fillRule='evenodd'
-        d='m4 6 8-3 8 3v7.0445a6.6376 6.6376 0 0 1-1.598 4.3198 13.275 13.275 0 0 1-3.2493 2.7441l-3.1527 1.8916-3.1527-1.8916a13.2744 13.2744 0 0 1-3.2493-2.7441 6.6377 6.6377 0 0 1-1.598-4.3198v-7.0445Zm7 3.5c0-.5523.4477-1 1-1s1 .4477 1 1v1.5h-2v-1.5Zm4 0v1.5l1 1v4l-1 1h-6l-1-1v-4l1-1v-1.5c0-1.6569 1.3431-3 3-3s3 1.3431 3 3Zm-2 3.5h1v2h-4v-2h3Z'
+        d='m4 6 8-3 8 3v7.0445a6.6376 6.6376 0 0 1-1.598 4.3198 13.275 13.275 0 0 1-3.2493 2.7441l-3.1527 1.8916-3.1527-1.8916a13.2744 13.2744 0 0 1-3.2493-2.7441 6.6377 6.6377 0 0 1-1.598-4.3198v-7.0445Zm7 3.5c0-.5523.4477-1 1-1s1 .4477 1 1v1.5h-2v-1.5Zm4 0v1.5l1 1v4l-1 1h-6l-1-1v-4l1-1v-1.5c0-1.6569 1.3431-3 3-3s3 1.3431 3 3Zm-1 3.5v2h-4v-2h4Z'
         clipRule='evenodd'
       />
     )

package/react/shield-lock.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconShieldLock: 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,20 +23,14 @@ export const IconShieldLock: IconComponentType = forwardRef(
         fill: 'none',
         ref: forwardRef,
       },
+      <path fill='currentColor' d='M9 16v-4h6v4h-6Z' />,
       <path
         fill='currentColor'
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M9 16v-4h6v4h-6Z'
+        d='m15 11 1 1v4l-1 1h-6l-1-1v-4l1-1h6Zm-5 4h4v-2h-4v2Z'
       />,
       <path
-        stroke='currentColor'
-        strokeLinecap='square'
-        strokeLinejoin='bevel'
-        strokeMiterlimit={1.414}
-        strokeWidth='var(--svg-stroke-width)'
-        d='M10 12v-2.5c0-1.1046.8954-2 2-2s2 .8954 2 2v2.5m-10-6 8-3 8 3v7.0445a6.6376 6.6376 0 0 1-1.598 4.3198 13.275 13.275 0 0 1-3.2493 2.7441l-3.1527 1.8916-3.1527-1.8916a13.2744 13.2744 0 0 1-3.2493-2.7441 6.6377 6.6377 0 0 1-1.598-4.3198v-7.0445Z'
+        fill='currentColor'
+        d='m19 6.6934-7-2.625-7 2.625v6.3515a5.6388 5.6388 0 0 0 1.3574 3.669 12.2784 12.2784 0 0 0 3.004 2.5371l2.6386 1.582 2.6387-1.582a12.2787 12.2787 0 0 0 3.0039-2.5371l.1601-.1953a5.6379 5.6379 0 0 0 1.1973-3.4737v-6.3515Zm-6 2.8066c0-.5523-.4477-1-1-1s-1 .4477-1 1v3.5h-2v-3.5c0-1.6569 1.3431-3 3-3s3 1.3431 3 3v3.5h-2v-3.5Zm8 3.5449a7.638 7.638 0 0 1-1.6221 4.7061l-.2168.2636a14.2754 14.2754 0 0 1-3.4941 2.9512l-3.1524 1.8916h-1.0292l-3.1524-1.8916a14.2753 14.2753 0 0 1-3.1113-2.5215l-.3828-.4297a7.6371 7.6371 0 0 1-1.8389-4.9697v-7.0449l.6484-.9365 8-3h.7032l8 3 .6484.9365v7.0449Z'
       />
     )
   }

package/react/shuffle.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconShuffle: 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 IconShuffle: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m18 15.0002 3 3-3 3m0-12.0002 3-3-3-3'
+        fill='currentColor'
+        d='M21.707 17.293v1.4141l-3 3-1.414-1.4141 2.2929-2.293-2.2929-2.2929 1.414-1.4141 3 3Zm0-12v1.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='M3 6.0002s2.5-.0002 4 0c5.8579.0007 3.2816 10.7293 9 12 1.9061.4236 5 0 5 0m-18-.0002h4c1.5.0002 2.4513-1.5113 3-2m11-10s-3.0939-.4234-5 .0002c-.8186.182-2.4692 1.5236-3 1.9998'
+        fill='currentColor'
+        d='M7 5.0004c1.8567.0002 3.0861.8899 3.9102 2.1484.771 1.1776 1.2125 2.7167 1.6044 4.1035.4122 1.4584.7799 2.7918 1.3663 3.8535.5622 1.0181 1.2689 1.6808 2.3359 1.918.813.1807 1.9488.1889 2.9453.1367a24.4056 24.4056 0 0 0 1.5801-.1357c.0413-.005.0731-.0091.0937-.0117a1.574 1.574 0 0 0 .0225-.003l.0059-.0009.1357.9912c.1261.9212.1352.9857.1357.9902l-.0019.001h-.002l-.0088.001a16.9719 16.9719 0 0 1-.1386.0175 26.4693 26.4693 0 0 1-1.7178.1475c-1.0268.0537-2.3906.0612-3.4834-.1816-1.7919-.3982-2.9073-1.5526-3.6533-2.9034-.7219-1.307-1.1493-2.8938-1.5401-4.2763-.411-1.4543-.7813-2.6779-1.3535-3.5518-.519-.7927-1.1642-1.244-2.2363-1.2441h-4v-2h4Zm3.665 11.7461c-.0841.0749-.1943.2009-.4121.4423-.1937.2148-.4411.4842-.7314.7422-.5733.5095-1.4165 1.0695-2.5215 1.0694h-4v-2h4c.395 0 .778-.1962 1.1924-.5645.2033-.1807.3904-.3809.5762-.5869.1617-.1793.3762-.4263.5664-.5957l1.33 1.4932Zm5.5391-11.8018c1.0073-.1605 2.1639-.1495 3.0625-.1025a26.4075 26.4075 0 0 1 1.7178.1474c.0468.0057.0838.0104.1094.0137l.0292.004c.0036.0004.0068.0016.0088.0019h.0039c.0001.0004-.0028.0199-.1357.9912l-.1357.9902c-.0009-.0001-.0028-.0007-.0049-.001l-.1172-.0146a20.509 20.509 0 0 0-.3584-.04 24.5611 24.5611 0 0 0-1.2217-.0948c-.8719-.0456-1.8503-.0456-2.626.0762l-.3193.0596c-.0542.012-.2049.0692-.46.2148-.2373.1355-.5069.3136-.7812.5107-.5496.395-1.0668.827-1.3076 1.043l-1.336-1.4893c.2901-.2601.8637-.7373 1.4766-1.1777.3068-.2204.6373-.441.956-.623.301-.1719.6635-.3518 1.0186-.4307l.4209-.079Z'
       />
     )
   }

package/react/sidebar-closed.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconSidebarClosed: 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,19 +23,13 @@ export const IconSidebarClosed: IconComponentType = forwardRef(
         fill: 'none',
         ref: forwardRef,
       },
-      <rect
-        width={16}
-        height={16}
-        x={4}
-        y={4}
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        rx={2}
+      <path
+        fill='currentColor'
+        d='M20 5c0-.5523-.4477-1-1-1h-14c-.5523 0-1 .4477-1 1v14c0 .5523.4477 1 1 1h14c.5523 0 1-.4477 1-1v-14Zm2 14c0 1.6569-1.3431 3-3 3h-14c-1.6568 0-3-1.3431-3-3v-14c0-1.6568 1.3432-3 3-3h14c1.6569 0 3 1.3432 3 3v14Z'
       />,
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M11 4v16M6 8h3M6 12h3M6 16h3'
+        fill='currentColor'
+        d='M12 21h-2v-18h2v18ZM8.5 7v2h-3v-2h3ZM8.5 11v2h-3v-2h3ZM8.5 15v2h-3v-2h3Z'
       />
     )
   }

package/react/sidebar-global-closed.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconSidebarGlobalClosed: 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,23 +23,13 @@ export const IconSidebarGlobalClosed: IconComponentType = forwardRef(
         fill: 'none',
         ref: forwardRef,
       },
-      <rect
-        width={16}
-        height={16}
-        x={4}
-        y={4}
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        rx={2}
-      />,
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M8 4v16'
+        fill='currentColor'
+        d='M20 5c0-.5523-.4477-1-1-1h-14c-.5523 0-1 .4477-1 1v14c0 .5523.4477 1 1 1h14c.5523 0 1-.4477 1-1v-14Zm2 14c0 1.6569-1.3431 3-3 3h-14c-1.6568 0-3-1.3431-3-3v-14c0-1.6568 1.3432-3 3-3h14c1.6569 0 3 1.3432 3 3v14Z'
       />,
       <path
         fill='currentColor'
-        d='m17 12 .7593.6508v-1.3016l-.7593.6508Zm-.7593-.6508-3 3.5 1.5186 1.3016 3-3.5-1.5186-1.3016Zm1.5186 0-3-3.5-1.5186 1.3016 3 3.5 1.5186-1.3016Zm-6.7593 1.6508h3v-2h-3v2Zm3 0h3v-2h-3v2Z'
+        d='M9 21h-2v-18h2v18ZM13.2412 14.8496l1.585-1.8496h-3.8262v-2h3.8262l-1.585-1.8496 1.5176-1.3008 3 3.5v1.3008l-3 3.5-1.5176-1.3008Z'
       />
     )
   }

package/react/sidebar-global-open.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconSidebarGlobalOpen: 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,25 +23,17 @@ export const IconSidebarGlobalOpen: IconComponentType = forwardRef(
         fill: 'none',
         ref: forwardRef,
       },
-      <rect
-        width={16}
-        height={16}
-        x={4}
-        y={4}
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        rx={2}
+      <path
+        fill='currentColor'
+        d='M20 5c0-.5523-.4477-1-1-1h-14c-.5523 0-1 .4477-1 1v14c0 .5523.4477 1 1 1h14c.5523 0 1-.4477 1-1v-14Zm2 14c0 1.6569-1.3431 3-3 3h-14c-1.6568 0-3-1.3431-3-3v-14c0-1.6568 1.3432-3 3-3h14c1.6569 0 3 1.3432 3 3v14Z'
       />,
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M8 4v16M17 12h-5.5'
+        fill='currentColor'
+        d='M9 21h-2v-18h2v18ZM17.5 13v-2h-5.5v2h5.5Z'
       />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m14 15.5-3-3.5 3-3.5'
+        fill='currentColor'
+        d='m15.2588 14.8496-2.4434-2.8496 2.4434-2.8496-1.5176-1.3008-3 3.5v1.3008l3 3.5 1.5176-1.3008Z'
       />
     )
   }

package/react/sidebar-open.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconSidebarOpen: 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,25 +23,14 @@ export const IconSidebarOpen: IconComponentType = forwardRef(
         fill: 'none',
         ref: forwardRef,
       },
-      <rect
-        width={16}
-        height={16}
-        x={4}
-        y={4}
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        rx={2}
-      />,
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M11 4v16'
+        fill='currentColor'
+        d='M20 5c0-.5523-.4477-1-1-1h-14c-.5523 0-1 .4477-1 1v14c0 .5523.4477 1 1 1h14c.5523 0 1-.4477 1-1v-14Zm2 14c0 1.6569-1.3431 3-3 3h-14c-1.6568 0-3-1.3431-3-3v-14c0-1.6568 1.3432-3 3-3h14c1.6569 0 3 1.3432 3 3v14Z'
       />,
+      <path fill='currentColor' d='M12 21h-2v-18h2v18Z' />,
       <path
         fill='currentColor'
-        fillRule='evenodd'
-        d='M11 4h-7v16h7v-16Zm-2 11h-3v2h3v-2Zm-3-4h3v2h-3v-2Zm3-4h-3v2h3v-2Z'
-        clipRule='evenodd'
+        d='M11 21h-8v-18h8v18Zm-5.5-6v2h3v-2h-3Zm0-2h3v-2h-3v2Zm0-4h3v-2h-3v2Z'
       />
     )
   }

package/react/single-sparks-filled.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconSingleSparksFilled: 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,
@@ -27,7 +26,7 @@ export const IconSingleSparksFilled: IconComponentType = forwardRef(
       <path
         fill='currentColor'
         fillRule='evenodd'
-        d='M10.5381 3.268c.2437-1.6892 2.6841-1.6921 2.9279 0 .5429 3.767 3.5028 6.7267 7.2699 7.27 1.6865.2433 1.6951 2.6838.0002 2.928-3.7675.5429-6.7272 3.5026-7.2701 7.2701-.2442 1.6948-2.6847 1.6864-2.928-.0002-.5433-3.7671-3.503-6.727-7.27-7.2699-1.6921-.2438-1.6892-2.6842 0-2.9279 3.767-.5434 6.7267-3.503 7.2701-7.2701Zm1.4638 2.3572c-1.0662 2.9664-3.4103 5.3105-6.3767 6.3767 2.9664 1.0661 5.3105 3.4104 6.3767 6.3767 1.0661-2.9665 3.4102-5.3106 6.3767-6.3767-2.9663-1.0662-5.3106-3.4102-6.3767-6.3767Z'
+        d='M10.5381 3.268c.2437-1.6892 2.6841-1.6921 2.9279 0 .5429 3.767 3.5028 6.7267 7.2699 7.2701 1.6865.2432 1.6951 2.6837.0002 2.9279-3.7675.5429-6.7272 3.5026-7.2701 7.2701-.2442 1.6948-2.6847 1.6864-2.928-.0002-.5433-3.7671-3.503-6.727-7.27-7.2699-1.6921-.2438-1.6892-2.6842 0-2.9279 3.767-.5434 6.7267-3.503 7.2701-7.2701Zm1.4638 2.3572c-1.0662 2.9664-3.4103 5.3105-6.3767 6.3767 2.9664 1.0661 5.3105 3.4104 6.3767 6.3767 1.0661-2.9665 3.4102-5.3106 6.3767-6.3767-2.9663-1.0662-5.3106-3.4102-6.3767-6.3767Z'
         clipRule='evenodd'
       />,
       <path

package/react/slide-format.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconSlideFormat: 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,