@mirohq/design-system-icons 1.1.1 → 1.2.0

package/react/notepad.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconNotepad: 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,22 +24,12 @@ export const IconNotepad: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M5 4h14v17h-14v-17Z'
+        fill='currentColor'
+        d='m19 3 1 1v17l-1 1h-14l-1-1v-17l1-1h14Zm-13 17h12v-15h-12v15Z'
       />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M8 11h8M8 15h8'
-      />,
-      <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M8 2v4M12 2v4M16 2v4'
+        fill='currentColor'
+        d='M16 10v2h-8v-2h8ZM16 14v2h-8v-2h8ZM9 2v4h-2v-4h2ZM13 2v4h-2v-4h2ZM17 2v4h-2v-4h2Z'
       />
     )
   }

package/react/number.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconNumber: 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 IconNumber: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M4 9h17m-18 6h17m-9.5-12-3 18m9.5-18-3 18'
+        fill='currentColor'
+        d='m17.9863 3.164-.8056 4.836h3.8193v2h-4.1533l-.666 4h3.8193v2h-4.1533l-.8604 5.1641-1.9726-.3282.8056-4.8359h-4.4726l-.8604 5.1641-1.9726-.3282.8056-4.8359h-4.3193v-2h4.6533l.666-4h-4.3193v-2h4.6533l.8604-5.164 1.9726.328-.8056 4.836h4.4726l.8604-5.164 1.9726.328Zm-8.3056 10.836h4.4726l.666-4h-4.4726l-.666 4Z'
       />
     )
   }

package/react/octagon.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconOctagon: 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,8 @@ export const IconOctagon: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinecap='round'
-        strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M16 3h-8l-5 5v8l5 5h8l5-5v-8l-5-5Z'
-      />,
-      <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M21 12v.0001'
+        fill='currentColor'
+        d='M16 2a.9998.9998 0 0 1 .707.293l5 5a.9996.9996 0 0 1 .293.707v8a.9996.9996 0 0 1-.293.707l-5 5a.9996.9996 0 0 1-.707.293h-8a.9996.9996 0 0 1-.707-.293l-5-5a.9998.9998 0 0 1-.293-.707v-8a.9999.9999 0 0 1 .293-.707l5-5 .0732-.0664a1 1 0 0 1 .6338-.2266h8Zm-12 6.414v7.1719l4.414 4.4141h7.1719l4.4141-4.4141v-7.1718l-4.4141-4.4141h-7.1718l-4.4141 4.414Z'
       />
     )
   }

package/react/office.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconOffice: 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,
@@ -26,14 +25,13 @@ export const IconOffice: IconComponentType = forwardRef(
       },
       <path
         fill='currentColor'
-        d='M7 8h2v2h-2zM11 8h2v2h-2zM7 12h2v2h-2zM11 12h2v2h-2zM7 16h2v2h-2zM11 16h2v2h-2z'
+        d='M7 8h2v2h-2v-2ZM11 8h2v2h-2v-2ZM7 12h2v2h-2v-2ZM11 12h2v2h-2v-2ZM7 16h2v2h-2v-2ZM11 16h2v2h-2v-2Z'
       />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m16 3-12 2.5v15.5h12v-18ZM16 10h4v11h-4'
-      />
+        fill='currentColor'
+        d='M17 3v18l-1 1h-12l-1-1v-15.5l.7959-.9785 12-2.5 1.2041.9785Zm-12 3.3125v13.6875h10v-15.7715l-10 2.084Z'
+      />,
+      <path fill='currentColor' d='m20 9 1 1v11l-1 1h-4v-2h3v-9h-3v-2h4Z' />
     )
   }
 )

package/react/org-chart.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconOrgChart: 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,14 +24,12 @@ export const IconOrgChart: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M4 17c0-.5523.4477-1 1-1h4c.5523 0 1 .4477 1 1v3c0 .5523-.4477 1-1 1h-4c-.5523 0-1-.4477-1-1v-3ZM14 17c0-.5523.4477-1 1-1h4c.5523 0 1 .4477 1 1v3c0 .5523-.4477 1-1 1h-4c-.5523 0-1-.4477-1-1v-3ZM9 5c0-.5523.4477-1 1-1h4c.5523 0 1 .4477 1 1v3c0 .5523-.4477 1-1 1h-4c-.5523 0-1-.4477-1-1v-3Z'
+        fill='currentColor'
+        d='M5 17v3h4v-3h-4Zm6 3c0 1.1046-.8954 2-2 2h-4c-1.1046 0-2-.8954-2-2v-3c0-1.1046.8954-2 2-2h4c1.1046 0 2 .8954 2 2v3ZM15 17v3h4v-3h-4Zm6 3c0 1.1046-.8954 2-2 2h-4c-1.1046 0-2-.8954-2-2v-3c0-1.1046.8954-2 2-2h4c1.1046 0 2 .8954 2 2v3ZM10 5v3h4v-3h-4Zm6 3c0 1.1046-.8954 2-2 2h-4c-1.1046 0-2-.8954-2-2v-3c0-1.1046.8954-2 2-2h4c1.1046 0 2 .8954 2 2v3Z'
       />,
       <path
         fill='currentColor'
-        d='M7 13v-1l-1 1h1Zm10 0h1l-1-1v1Zm-11 0v3h2v-3h-2Zm10 0v3h2v-3h-2Zm-9 1h5v-2h-5v2Zm5 0h5v-2h-5v2Zm1-1v-4h-2v4h2Z'
+        d='M13 9v3h4l1 1v3h-2v-2h-8v2h-2v-3l1-1h4v-3h2Z'
       />
     )
   }

package/react/orientation-horizontal.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconOrientationHorizontal: 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,22 +23,11 @@ export const IconOrientationHorizontal: IconComponentType = forwardRef(
         fill: 'none',
         ref: forwardRef,
       },
-      <rect
-        width={18}
-        height={8}
-        x={3}
-        y={3}
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        rx={1}
-      />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m19 15 3 3-3 3M2 18h19'
-      />
+        fill='currentColor'
+        d='M4 4v6h16v-6h-16Zm18 6c0 1.1046-.8954 2-2 2h-16c-1.1046 0-2-.8954-2-2v-6c0-1.1046.8954-2 2-2h16c1.1046 0 2 .8954 2 2v6ZM22.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 fill='currentColor' d='M21 17v2h-19v-2h19Z' />
     )
   }
 )

package/react/orientation-vertical.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconOrientationVertical: 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,27 +23,13 @@ export const IconOrientationVertical: IconComponentType = forwardRef(
         fill: 'none',
         ref: forwardRef,
       },
-      <rect
-        width={8}
-        height={18}
-        x={3}
-        y={3}
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        rx={1}
-      />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M18 2v18'
+        fill='currentColor'
+        d='M4 4v16h6v-16h-6Zm8 16c0 1.1046-.8954 2-2 2h-6c-1.1046 0-2-.8954-2-2v-16c0-1.1046.8954-2 2-2h6c1.1046 0 2 .8954 2 2v16ZM19 20h-2v-18h2v18Z'
       />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m21 18-3 3-3-3'
+        fill='currentColor'
+        d='M18.707 21.707h-1.414l-3-3 1.414-1.414 2.293 2.2929 2.293-2.2929 1.414 1.414-3 3Z'
       />
     )
   }

package/react/paint-bucket.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconPaintBucket: 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,
@@ -26,18 +25,11 @@ export const IconPaintBucket: IconComponentType = forwardRef(
       },
       <path
         fill='currentColor'
-        d='m11 4 .7071-.7071-.7071-.7071-.7071.707.7071.7072Zm7 7 .7071.7071v-1.4142l-.7071.7071Zm-7.7071-7.7071-7.5858 7.5858 1.4142 1.4142 7.5858-7.5858-1.4142-1.4142Zm-7.5858 11.8284 4.1716 4.1716 1.4142-1.4142-4.1716-4.1716-1.4142 1.4142Zm8.4142 4.1716 7.5858-7.5858-1.4142-1.4142-7.5858 7.5858 1.4142 1.4142Zm7.5858-9-7-7-1.4142 1.4142 7 7 1.4142-1.4142Zm-11.8284 9c1.1715 1.1716 3.071 1.1716 4.2426 0l-1.4142-1.4142c-.3905.3905-1.0237.3905-1.4142 0l-1.4142 1.4142Zm-4.1716-8.4142c-1.1716 1.1716-1.1716 3.071 0 4.2426l1.4142-1.4142c-.3905-.3905-.3905-1.0237 0-1.4142l-1.4142-1.4142Z'
+        d='M18.707 10.293v1.414l-7.5859 7.586c-1.1715 1.1713-3.0707 1.1713-4.2422 0l-4.1719-4.1719c-1.1713-1.1715-1.1713-3.0707 0-4.2422l8.293-8.293 7.707 7.7071Zm-14.586 2c-.3902.3905-.3902 1.0235 0 1.414l4.172 4.1719c.3904.3903 1.0235.3903 1.414 0l6.8789-6.8789-5.5859-5.586-6.879 6.879Z'
       />,
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m12 10-6-6'
-      />,
-      <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M21 19c0 1.1046-.8954 2-2 2s-2-.8954-2-2c0-1.5 2-4 2-4s2 2.5 2 4Z'
+        fill='currentColor'
+        d='m12.707 9.293-1.414 1.414-6-6 1.414-1.414 6 6ZM20 19c0-.1788-.0668-.472-.2344-.8701-.1607-.3815-.3827-.7869-.6172-1.168-.0486-.0789-.1002-.1546-.1484-.2295-.0482.0749-.0999.1506-.1484.2295-.2346.3811-.4566.7865-.6172 1.168-.1676.3981-.2344.6913-.2344.8701 0 .5523.4477 1 1 1s1-.4477 1-1Zm2 0c0 1.6569-1.3432 3-3 3-1.6569 0-3-1.3431-3-3 0-.571.1833-1.153.3906-1.6455.2143-.5089.4925-1.0102.7578-1.4414a17.2097 17.2097 0 0 1 .9727-1.4111c.0296-.0386.0526-.0695.0693-.0909.0084-.0106.0157-.0193.0205-.0254.0022-.0026.0036-.0051.0049-.0068l.0029-.0029c.0001-.0002.0004-.0007.7813.624l-.7813-.624 1.5625-.001.003.0039c.0013.0017.0027.0042.0049.0068.0047.0061.0121.0148.0205.0254.0167.0214.0397.0523.0693.0909a17.2097 17.2097 0 0 1 .9727 1.4111c.2653.4312.5435.9325.7578 1.4414.2073.4925.3906 1.0745.3906 1.6455Z'
       />
     )
   }

package/react/palette.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconPalette: 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,
@@ -26,12 +25,12 @@ export const IconPalette: IconComponentType = forwardRef(
       },
       <path
         fill='currentColor'
-        d='m4.5 17-.831.5563 1.8237-.4361-.9927-.1202Zm6.5 0-.9111-.4122.9111.4122Zm3 3.9.2213.9752-.2213-.9752Zm-10-8.9c0-4.4183 3.5817-8 8-8v-2c-5.5229 0-10 4.4771-10 10h2Zm8-8c4.4183 0 8 3.5817 8 8h2c0-5.5229-4.4772-10-10-10v2Zm-6.669 12.4437c-.8472-1.2657-1.331-2.7919-1.331-4.4437h-2c0 2.0485.6017 3.9618 1.669 5.5563l1.662-1.1126Zm.1617.6765c.0633-.5225.3776-1.6209 1.0085-2.5642.6242-.9331 1.4404-1.556 2.4988-1.556v-2c-1.983 0-3.336 1.2104-4.1612 2.444-.8183 1.2234-1.2334 2.625-1.3316 3.4358l1.9855.2404Zm3.5073-4.1202c.4558 0 1.0071.238 1.3095.7194.2764.4401.4823 1.3147-.2206 2.8684l1.8222.8244c.8805-1.9463.8363-3.5717.0919-4.7566-.7184-1.1436-1.9588-1.6556-3.003-1.6556v2Zm11-1c0 3.8224-2.6748 7.1201-6.2213 7.9248l.4426 1.9504c4.4695-1.0142 7.7787-5.1312 7.7787-9.8752h-2Zm-9.9111 4.5878c-.4226.9341-.6064 1.8-.5296 2.5823.079.8037.429 1.4613.9601 1.9379 1.0138.9101 2.5161 1.0363 3.7019.7672l-.4426-1.9504c-.8142.1847-1.5621.0192-1.9233-.3051-.1566-.1405-.2752-.3358-.3056-.6451-.0325-.3308.0337-.8383.3613-1.5624l-1.8222-.8244Z'
+        d='M9 11c1.0441 0 2.2845.5119 3.0029 1.6553.7444 1.1849.7887 2.8106-.0918 4.7568-.3276.7241-.3938 1.2317-.3613 1.5625.0304.3093.1491.505.3057.6455.3613.3241 1.1089.4893 1.9228.3047 3.5465-.8047 6.2217-4.1024 6.2217-7.9248 0-4.4183-3.5817-8-8-8s-8 3.5817-8 8c0 .8074.1159 1.5848.333 2.3164a8.1723 8.1723 0 0 1 .5059-.8721c.8251-1.2336 2.1782-2.4443 4.1611-2.4443Zm13 1c0 4.7438-3.3091 8.8607-7.7783 9.875-1.1857.269-2.6883.1432-3.7022-.7666-.531-.4766-.881-1.1347-.96-1.9385-.0767-.7822.1068-1.648.5294-2.582.7027-1.5534.497-2.428.2207-2.8682-.3025-.4814-.8538-.7197-1.3096-.7197-1.0584 0-1.875.6227-2.499 1.5557-.631.9431-.9445 2.0418-1.0078 2.5644l-1.8242.4365c-1.0674-1.5945-1.669-3.5081-1.669-5.5566 0-5.5229 4.4771-10 10-10 5.5228 0 10 4.4771 10 10Z'
       />,
-      <circle cx={10.25} cy={7.25} r={1.25} fill='currentColor' />,
-      <circle cx={14.25} cy={7.75} r={1.25} fill='currentColor' />,
-      <circle cx={16.75} cy={10.75} r={1.25} fill='currentColor' />,
-      <circle cx={16.25} cy={14.75} r={1.25} fill='currentColor' />
+      <path
+        fill='currentColor'
+        d='M11.5 7.25c0 .6904-.5596 1.25-1.25 1.25s-1.25-.5596-1.25-1.25.5596-1.25 1.25-1.25 1.25.5596 1.25 1.25ZM15.5 7.75c0 .6904-.5596 1.25-1.25 1.25s-1.25-.5596-1.25-1.25.5596-1.25 1.25-1.25 1.25.5596 1.25 1.25ZM18 10.75c0 .6904-.5596 1.25-1.25 1.25s-1.25-.5596-1.25-1.25.5596-1.25 1.25-1.25 1.25.5596 1.25 1.25ZM17.5 14.75c0 .6904-.5596 1.25-1.25 1.25s-1.25-.5596-1.25-1.25.5596-1.25 1.25-1.25 1.25.5596 1.25 1.25Z'
+      />
     )
   }
 )

package/react/paper-plane-filled-right.tsx

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

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconPaperPlaneTilt: 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,
@@ -26,12 +25,11 @@ export const IconPaperPlaneTilt: IconComponentType = forwardRef(
       },
       <path
         fill='currentColor'
-        d='m20.5 3.5.954.2998-1.2538-1.2538.2998.954Zm-17.5 5.5-.2998-.954-.1474 1.8484.4472-.8944Zm12 12-.8944.4472 1.8484-.1474-.954-.2998Zm-4-8 .8944-.4472-.149-.2982-.2982-.149-.4472.8944Zm9.2002-10.454-17.5 5.5.5996 1.908 17.5-5.5-.5996-1.908Zm-4.2462 18.7538 5.5-17.5-1.908-.5996-5.5 17.5 1.908.5996Zm-13.4012-11.4054 8 4 .8944-1.7888-8-4-.8944 1.7888Zm7.5528 3.5528 4 8 1.7888-.8944-4-8-1.7888.8944Z'
+        d='m21.4541 3.7998-5.5 17.5-1.8486.1475-3.8516-7.7022-7.7012-3.8506.1475-1.8486 17.5-5.5 1.2539 1.2539Zm-15.794 5.4121 5.7872 2.8936.2978.1494.1494.2978 2.8926 5.7862 4.1836-13.3106-13.3105 4.1836Z'
       />,
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m10.5 13.5 9.5-9.5'
+        fill='currentColor'
+        d='m20.707 4.707-9.5 9.5-1.414-1.414 9.5-9.5 1.414 1.414Z'
       />
     )
   }

package/react/parallelogram.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconParallelogram: 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 IconParallelogram: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M21.6798 4h-15.4846a.25.25 0 0 0-.2425.1894l-3.875 15.5a.25.25 0 0 0 .2425.3106h15.4846a.25.25 0 0 0 .2425-.1894l3.875-15.5a.25.25 0 0 0-.2425-.3106ZM12 4v.0001'
+        fill='currentColor'
+        d='M21.6797 3c.813 0 1.4098.764 1.2129 1.5527l-3.875 15.5a1.2507 1.2507 0 0 1-1.2129.9473h-15.4844c-.813 0-1.4098-.764-1.2129-1.5527l3.875-15.5.0303-.1026a1.2502 1.2502 0 0 1 1.1826-.8447h15.4844Zm-18.3994 16h13.9394l3.5-14h-13.9394l-3.5 14Z'
       />
     )
   }

package/react/pause-circle.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconPauseCircle: 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,10 @@ export const IconPauseCircle: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinecap='square'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M20.9966 12c0 4.9706-4.0295 9-9 9-4.9706 0-9-4.0294-9-9s4.0294-9 9-9c4.9705 0 9 4.0294 9 9Z'
+        fill='currentColor'
+        d='M19.9966 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='M14 9v6m-4-6v6'
-      />
+      <path fill='currentColor' d='M11 9v6h-2v-6h2Zm4 0v6h-2v-6h2Z' />
     )
   }
 )

package/react/pause.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconPause: 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,12 +23,7 @@ export const IconPause: IconComponentType = forwardRef(
         fill: 'none',
         ref: forwardRef,
       },
-      <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M8 5v14m8-14v14'
-      />
+      <path fill='currentColor' d='M9 5v14h-2v-14h2Zm8 0v14h-2v-14h2Z' />
     )
   }
 )

package/react/pdf.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconPdf: 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,
@@ -28,13 +27,8 @@ export const IconPdf: IconComponentType = forwardRef(
         stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
+        strokeWidth={2}
         d='M5.6405 5.2808c-1.0258-1.6991 1.4283-3.2612 2.0696-1.5184 1.098 2.9919 2.8639 11.086-1.1198 16.5871-1.1114 1.533-3.5088.0813-2.219-1.5159a19.5078 19.5078 0 0 1 6.7447-5.1455 19.3958 19.3958 0 0 1 8.2764-1.7844c2.0105.0765 1.9069 2.9495.1085 2.7288a18.7007 18.7007 0 0 1-8.02-3.0407c-2.4045-1.6224-4.4034-3.7823-5.8404-6.311Z'
-      />,
-      <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M13 12.9999v.0001'
       />
     )
   }

package/react/pen-color-selection.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconPenColorSelection: 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,
@@ -26,12 +25,11 @@ export const IconPenColorSelection: IconComponentType = forwardRef(
       },
       <path
         fill='currentColor'
-        d='m5 13-.7071-.7071-.2141.2141-.0594.2969.9806.1961Zm-1 5-.9806-.1961 1.1767 1.1767-.1961-.9806Zm5-1 .1961.9806.297-.0594.214-.2141-.7071-.7071Zm9.5858-12.4142-.7071.707.7071-.707Zm-1.1716-1.1716-.7071.7071.7071-.707Zm-3.5355-.707-9.5858 9.5857 1.4142 1.4142 9.5858-9.5858-1.4142-1.4142Zm-9.8593 10.0967-1 5 1.9612.3922 1-5-1.9612-.3922Zm.1767 6.1767 5-1-.3922-1.9612-5 1 .3922 1.9612Zm5.511-1.2735 9.5858-9.5858-1.4142-1.4142-9.5858 9.5858 1.4142 1.4142Zm9.5858-13.8284-1.1716-1.1716-1.4142 1.4142 1.1716 1.1716 1.4142-1.4142Zm0 4.2426c1.1716-1.1715 1.1716-3.071 0-4.2426l-1.4142 1.4142c.3905.3905.3905 1.0237 0 1.4142l1.4142 1.4142Zm-4-4c.3905-.3905 1.0237-.3905 1.4142 0l1.4142-1.4142c-1.1716-1.1716-3.071-1.1716-4.2426 0l1.4142 1.4142Z'
+        d='M13.8789 2.707c1.1715-1.1713 3.0707-1.1713 4.2422 0l1.1719 1.1719c1.1713 1.1715 1.1713 3.0707 0 4.2422l-9.7998 9.7998-5.297 1.0596-1.1767-1.1768 1.0596-5.2969 9.7998-9.7998Zm2.8281 1.414c-.3905-.3902-1.0235-.3902-1.414 0l-9.3721 9.3712-.6465 3.2324 3.2324-.6465 9.3721-9.371c.3903-.3906.3903-1.0237 0-1.4141l-1.1719-1.172Z'
       />,
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m12.5 5.5 4 4'
+        fill='currentColor'
+        d='m17.207 8.793-1.414 1.414-4-4 1.414-1.414 4 4Z'
       />
     )
   }

package/react/pen-tip.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconPenTip: 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 IconPenTip: IconComponentType = forwardRef(
       <path
         fill='currentColor'
         fillRule='evenodd'
-        d='m9.1662 17.6796-4.4862 1.641 1.643-4.4857a6.3037 6.3037 0 0 0 1.1914 1.6547 6.3034 6.3034 0 0 0 1.6518 1.19Zm5.8605-2.6042c-1.684 1.684-4.4142 1.684-6.0981 0-1.6813-1.6813-1.684-4.4055-.008-6.09.0026-.0028.0053-.0054.008-.008l5.5631-5.5632-1.4142-1.4142-5.5631 5.5631a8.7888 8.7888 0 0 0-.0097.0097l-.0924.0924a6 6 0 0 0-1.3914 2.1791l-3.96 10.8118 1.2826 1.283 10.8146-3.9559a6.0005 6.0005 0 0 0 2.1815-1.3922l.1013-.1014 5.5631-5.5631-1.4142-1.4142-5.5631 5.5631Z'
+        d='m9.1662 17.6796-4.4861 1.641 1.6429-4.4857a6.3037 6.3037 0 0 0 1.1914 1.6547 6.3034 6.3034 0 0 0 1.6518 1.19Zm5.8605-2.6042c-1.6839 1.684-4.4142 1.684-6.0981 0-1.6813-1.6813-1.684-4.4055-.008-6.09l.008-.008 5.5631-5.5632-1.4142-1.4142-5.5631 5.5631a8.7888 8.7888 0 0 0-.0097.0097l-.0924.0924a6 6 0 0 0-1.3913 2.1791l-3.96 10.8118 1.2825 1.283 10.8147-3.9559a6.0009 6.0009 0 0 0 2.1814-1.3922l.1013-.1014 5.5631-5.5631-1.4142-1.4142-5.5631 5.5631Z'
         clipRule='evenodd'
       />
     )

package/react/pen-underline.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconPenUnderline: 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,
@@ -26,12 +25,11 @@ export const IconPenUnderline: IconComponentType = forwardRef(
       },
       <path
         fill='currentColor'
-        d='m5 13-.7071-.7071-.2141.2141-.0594.2969.9806.1961Zm-1 5-.9806-.1961 1.1767 1.1767-.1961-.9806Zm5-1 .1961.9806.297-.0594.214-.2141-.7071-.7071Zm9.5858-12.4142-.7071.707.7071-.707Zm-1.1716-1.1716-.7071.7071.7071-.707Zm-3.5355-.707-9.5858 9.5857 1.4142 1.4142 9.5858-9.5858-1.4142-1.4142Zm-9.8593 10.0967-1 5 1.9612.3922 1-5-1.9612-.3922Zm.1767 6.1767 5-1-.3922-1.9612-5 1 .3922 1.9612Zm5.511-1.2735 9.5858-9.5858-1.4142-1.4142-9.5858 9.5858 1.4142 1.4142Zm9.5858-13.8284-1.1716-1.1716-1.4142 1.4142 1.1716 1.1716 1.4142-1.4142Zm0 4.2426c1.1716-1.1715 1.1716-3.071 0-4.2426l-1.4142 1.4142c.3905.3905.3905 1.0237 0 1.4142l1.4142 1.4142Zm-4-4c.3905-.3905 1.0237-.3905 1.4142 0l1.4142-1.4142c-1.1716-1.1716-3.071-1.1716-4.2426 0l1.4142 1.4142Z'
+        d='M13.8789 2.707c1.1715-1.1713 3.0707-1.1713 4.2422 0l1.1719 1.1719c1.1713 1.1715 1.1713 3.0707 0 4.2422l-9.7998 9.7998-5.297 1.0596-1.1767-1.1768 1.0596-5.2969 9.7998-9.7998Zm2.8281 1.414c-.3905-.3902-1.0235-.3902-1.414 0l-9.3721 9.3712-.6465 3.2324 3.2324-.6465 9.3721-9.371c.3903-.3906.3903-1.0237 0-1.4141l-1.1719-1.172Z'
       />,
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m12.5 5.5 4 4M3 21h18'
+        fill='currentColor'
+        d='m17.207 8.793-1.414 1.414-4-4 1.414-1.414 4 4ZM21 20v2h-18v-2h18Z'
       />
     )
   }