@mirohq/design-system-icons 0.20.0-icon-types.0 → 0.21.0

package/react/pdf.tsx

@@ -3,38 +3,39 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconPdf: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <g clipPath='url(#a)'>
-      <path
-        stroke='currentColor'
-        strokeLinecap='round'
-        strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
-        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'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconPdf: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <g clipPath='url(#a)'>
+        <path
+          stroke='currentColor'
+          strokeLinecap='round'
+          strokeLinejoin='round'
+          strokeWidth='var(--svg-stroke-width)'
+          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'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconPdf[iconSymbol] = true

package/react/pen-tip.tsx

@@ -3,38 +3,39 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconPenTip: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <g clipPath='url(#a)'>
-      <path
-        stroke='currentColor'
-        strokeLinecap='round'
-        strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M6 21v-4.6c0-.2641.0523-.5255.1539-.7692l2.3461-5.6308m9.5 11v-4.6c0-.2641-.0523-.5255-.1538-.7692l-2.3462-5.6308m-7 0 3.0419-6.953c.1748-.3994.7414-.3994.9162 0l3.0419 6.953m-7 0h7'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconPenTip: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <g clipPath='url(#a)'>
+        <path
+          stroke='currentColor'
+          strokeLinecap='round'
+          strokeLinejoin='round'
+          strokeWidth='var(--svg-stroke-width)'
+          d='M6 21v-4.6c0-.2641.0523-.5255.1539-.7692l2.3461-5.6308m9.5 11v-4.6c0-.2641-.0523-.5255-.1538-.7692l-2.3462-5.6308m-7 0 3.0419-6.953c.1748-.3994.7414-.3994.9162 0l3.0419 6.953m-7 0h7'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconPenTip[iconSymbol] = true

package/react/pen.tsx

@@ -3,38 +3,39 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconPen: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <g clipPath='url(#a)'>
-      <path
-        stroke='currentColor'
-        strokeLinecap='round'
-        strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m13 7-8.5718 8.5718a2 2 0 0 0-.547 1.022l-.8077 4.0385c-.035.1749.1193.3291.2942.2942l4.0385-.8077a2.0006 2.0006 0 0 0 1.022-.547l8.5718-8.5718m-4-4 2.5858-2.5858c.781-.781 2.0474-.781 2.8284 0l1.1716 1.1716c.781.781.781 2.0474 0 2.8284l-2.5858 2.5858m-4-4 4 4'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconPen: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <g clipPath='url(#a)'>
+        <path
+          stroke='currentColor'
+          strokeLinecap='round'
+          strokeLinejoin='round'
+          strokeWidth='var(--svg-stroke-width)'
+          d='m13 7-8.5718 8.5718a2 2 0 0 0-.547 1.022l-.8077 4.0385c-.035.1749.1193.3291.2942.2942l4.0385-.8077a2.0006 2.0006 0 0 0 1.022-.547l8.5718-8.5718m-4-4 2.5858-2.5858c.781-.781 2.0474-.781 2.8284 0l1.1716 1.1716c.781.781.781 2.0474 0 2.8284l-2.5858 2.5858m-4-4 4 4'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconPen[iconSymbol] = true

package/react/pentagon.tsx

@@ -3,38 +3,39 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconPentagon: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <g clipPath='url(#a)'>
-      <path
-        stroke='currentColor'
-        strokeLinecap='round'
-        strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M6 21h12l4-11-10-8-10 8 4 11Z'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconPentagon: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <g clipPath='url(#a)'>
+        <path
+          stroke='currentColor'
+          strokeLinecap='round'
+          strokeLinejoin='round'
+          strokeWidth='var(--svg-stroke-width)'
+          d='M6 21h12l4-11-10-8-10 8 4 11Z'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconPentagon[iconSymbol] = true

package/react/placeholder.tsx

@@ -3,30 +3,31 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconPlaceholder: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <path
-      stroke='currentColor'
-      strokeLinecap='round'
-      strokeWidth='var(--svg-stroke-width)'
-      d='m3 3 18 18m0-18-18 18m18-9c0 4.9706-4.0294 9-9 9s-9-4.0294-9-9 4.0294-9 9-9 9 4.0294 9 9Z'
-      vectorEffect='non-scaling-stroke'
-    />
-  )
+export const IconPlaceholder: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeWidth='var(--svg-stroke-width)'
+        d='m3 3 18 18m0-18-18 18m18-9c0 4.9706-4.0294 9-9 9s-9-4.0294-9-9 4.0294-9 9-9 9 4.0294 9 9Z'
+        vectorEffect='non-scaling-stroke'
+      />
+    )
 )
+
+IconPlaceholder[iconSymbol] = true

package/react/play-circle.tsx

@@ -3,35 +3,36 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconPlayCircle: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <circle
-      cx={12}
-      cy={12}
-      r={8.5}
-      stroke='currentColor'
-      strokeWidth='var(--svg-stroke-width)'
-      vectorEffect='non-scaling-stroke'
-    />,
-    <path
-      fill='currentColor'
-      d='M15.376 11.584c.2968.1979.2968.6341 0 .832l-4.5987 3.0658c-.3322.2215-.7773-.0167-.7773-.4161v-6.1314c0-.3994.4451-.6376.7774-.416l4.5986 3.0657Z'
-    />
-  )
+export const IconPlayCircle: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <circle
+        cx={12}
+        cy={12}
+        r={8.5}
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+        vectorEffect='non-scaling-stroke'
+      />,
+      <path
+        fill='currentColor'
+        d='M15.376 11.584c.2968.1979.2968.6341 0 .832l-4.5987 3.0658c-.3322.2215-.7773-.0167-.7773-.4161v-6.1314c0-.3994.4451-.6376.7774-.416l4.5986 3.0657Z'
+      />
+    )
 )
+
+IconPlayCircle[iconSymbol] = true

package/react/play.tsx

@@ -3,34 +3,35 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconPlay: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <g clipPath='url(#a)'>
-      <path
-        fill='currentColor'
-        d='m18.7605 10.7072-9.4111-5.536c-1-.5881-2.2605.1329-2.2605 1.293v11.0719c0 1.1601 1.2605 1.8811 2.2605 1.2929l9.4111-5.536c.986-.5799.986-2.0058 0-2.5858Z'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconPlay: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <g clipPath='url(#a)'>
+        <path
+          fill='currentColor'
+          d='m18.7605 10.7072-9.4111-5.536c-1-.5881-2.2605.1329-2.2605 1.293v11.0719c0 1.1601 1.2605 1.8811 2.2605 1.2929l9.4111-5.536c.986-.5799.986-2.0058 0-2.5858Z'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconPlay[iconSymbol] = true

package/react/playback-speed-circle.tsx

@@ -3,34 +3,35 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconPlaybackSpeedCircle: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <path
-      fill='currentColor'
-      d='M15.376 11.584c.2968.1979.2968.6341 0 .832l-4.5987 3.0658c-.3322.2215-.7773-.0167-.7773-.4161v-6.1314c0-.3994.4451-.6376.7774-.416l4.5986 3.0657Z'
-    />,
-    <path
-      stroke='currentColor'
-      strokeLinecap='round'
-      strokeWidth='var(--svg-stroke-width)'
-      d='M10.5833 3.6175a8.5579 8.5579 0 0 1 1.4167-.1175c4.6944 0 8.5 3.8056 8.5 8.5s-3.8056 8.5-8.5 8.5a8.5702 8.5702 0 0 1-1.2436-.0903m-5.6787-13.3436a8.5472 8.5472 0 0 1 2.222-2.1494m-3.6657 5.5715a8.5507 8.5507 0 0 0-.134 1.5118c0 .4827.0402.956.1175 1.4167m3.188 5.3119a8.5497 8.5497 0 0 1-1.7088-1.7682'
-      vectorEffect='non-scaling-stroke'
-    />
-  )
+export const IconPlaybackSpeedCircle: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        fill='currentColor'
+        d='M15.376 11.584c.2968.1979.2968.6341 0 .832l-4.5987 3.0658c-.3322.2215-.7773-.0167-.7773-.4161v-6.1314c0-.3994.4451-.6376.7774-.416l4.5986 3.0657Z'
+      />,
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M10.5833 3.6175a8.5579 8.5579 0 0 1 1.4167-.1175c4.6944 0 8.5 3.8056 8.5 8.5s-3.8056 8.5-8.5 8.5a8.5702 8.5702 0 0 1-1.2436-.0903m-5.6787-13.3436a8.5472 8.5472 0 0 1 2.222-2.1494m-3.6657 5.5715a8.5507 8.5507 0 0 0-.134 1.5118c0 .4827.0402.956.1175 1.4167m3.188 5.3119a8.5497 8.5497 0 0 1-1.7088-1.7682'
+        vectorEffect='non-scaling-stroke'
+      />
+    )
 )
+
+IconPlaybackSpeedCircle[iconSymbol] = true

package/react/plug.tsx

@@ -3,30 +3,31 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconPlug: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <path
-      stroke='currentColor'
-      strokeLinecap='round'
-      strokeWidth='var(--svg-stroke-width)'
-      d='m12.3848 5.8995 3.5355-3.5355m2.1214 9.1923 3.5355-3.5355m-18.3848 12.7279 4.9498-4.9497m2.1213-12.0208 9.8995 9.8995-3.5356 3.5355c-1.9526 1.9526-5.1184 1.9526-7.071 0l-2.8285-2.8284c-1.9526-1.9527-1.9526-5.1185 0-7.0711l3.5356-3.5355Z'
-      vectorEffect='non-scaling-stroke'
-    />
-  )
+export const IconPlug: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeWidth='var(--svg-stroke-width)'
+        d='m12.3848 5.8995 3.5355-3.5355m2.1214 9.1923 3.5355-3.5355m-18.3848 12.7279 4.9498-4.9497m2.1213-12.0208 9.8995 9.8995-3.5356 3.5355c-1.9526 1.9526-5.1184 1.9526-7.071 0l-2.8285-2.8284c-1.9526-1.9527-1.9526-5.1185 0-7.0711l3.5356-3.5355Z'
+        vectorEffect='non-scaling-stroke'
+      />
+    )
 )
+
+IconPlug[iconSymbol] = true