@mirohq/design-system-icons 0.19.0 → 0.20.0

package/react/arrow-down-right.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 IconArrowDownRight: 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='M19 19v-9m0 9h-9m9 0-14-14'
-      vectorEffect='non-scaling-stroke'
-    />
-  )
+export const IconArrowDownRight: 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='M19 19v-9m0 9h-9m9 0-14-14'
+        vectorEffect='non-scaling-stroke'
+      />
+    )
 )
+
+IconArrowDownRight[iconSymbol] = true

package/react/arrow-down.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 IconArrowDown: 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.205 3.205v17m-7-6.41 7 7 7-7'
-      vectorEffect='non-scaling-stroke'
-    />
-  )
+export const IconArrowDown: 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.205 3.205v17m-7-6.41 7 7 7-7'
+        vectorEffect='non-scaling-stroke'
+      />
+    )
 )
+
+IconArrowDown[iconSymbol] = true

package/react/arrow-fat-right.tsx

@@ -3,36 +3,37 @@
  * 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 IconArrowFatRight: 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'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M11 7h-7.75a.25.25 0 0 0-.25.25v9.5a.25.25 0 0 0 .25.25h7.75v3.9367c0 .2167.257.3308.4177.1854l10.0823-9.1221-10.0823-9.122c-.1607-.1455-.4177-.0314-.4177.1853v3.9367Z'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconArrowFatRight: 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'
+          strokeWidth='var(--svg-stroke-width)'
+          d='M11 7h-7.75a.25.25 0 0 0-.25.25v9.5a.25.25 0 0 0 .25.25h7.75v3.9367c0 .2167.257.3308.4177.1854l10.0823-9.1221-10.0823-9.122c-.1607-.1455-.4177-.0314-.4177.1853v3.9367Z'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconArrowFatRight[iconSymbol] = true

package/react/arrow-fat-up-right.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 IconArrowFatUpRight: 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='m21 3 .9701.2425a1 1 0 0 0-1.2126-1.2126l.2425.9701Zm-3 12-.7071.7071a.9998.9998 0 0 0 1.6772-.4646l-.9701-.2425Zm-3-3 .7071-.7071-.6042-.6042-.6911.5026.5882.8087Zm-11 8-.8087-.5882a1 1 0 0 0 1.3969 1.3969l-.5882-.8087Zm8-11 .8087.5882.5026-.691-.6042-.6043-.7071.7071Zm-3-3-.2425-.9701a1 1 0 0 0-.4646 1.6772l.7071-.7071Zm11.0299-3.2425-3 12 1.9402.485 3-12-1.9402-.485Zm-1.3228 11.5354-3-3-1.4142 1.4142 3 3 1.4142-1.4142Zm-4.2953-3.1016-11 8 1.1764 1.6174 11-8-1.1764-1.6174Zm-9.603 9.3969 7.9999-11-1.6174-1.1764-8 11 1.6174 1.1764Zm7.8983-12.2953-3-3-1.4142 1.4142 3 3 1.4142-1.4142Zm-3.4646-1.3228 12-3-.485-1.9402-12 3 .485 1.9402Z'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconArrowFatUpRight: 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='m21 3 .9701.2425a1 1 0 0 0-1.2126-1.2126l.2425.9701Zm-3 12-.7071.7071a.9998.9998 0 0 0 1.6772-.4646l-.9701-.2425Zm-3-3 .7071-.7071-.6042-.6042-.6911.5026.5882.8087Zm-11 8-.8087-.5882a1 1 0 0 0 1.3969 1.3969l-.5882-.8087Zm8-11 .8087.5882.5026-.691-.6042-.6043-.7071.7071Zm-3-3-.2425-.9701a1 1 0 0 0-.4646 1.6772l.7071-.7071Zm11.0299-3.2425-3 12 1.9402.485 3-12-1.9402-.485Zm-1.3228 11.5354-3-3-1.4142 1.4142 3 3 1.4142-1.4142Zm-4.2953-3.1016-11 8 1.1764 1.6174 11-8-1.1764-1.6174Zm-9.603 9.3969 7.9999-11-1.6174-1.1764-8 11 1.6174 1.1764Zm7.8983-12.2953-3-3-1.4142 1.4142 3 3 1.4142-1.4142Zm-3.4646-1.3228 12-3-.485-1.9402-12 3 .485 1.9402Z'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconArrowFatUpRight[iconSymbol] = true

package/react/arrow-left.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 IconArrowLeft: 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='M21 12h-17m6.41-7-7 7 7 7'
-      vectorEffect='non-scaling-stroke'
-    />
-  )
+export const IconArrowLeft: 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='M21 12h-17m6.41-7-7 7 7 7'
+        vectorEffect='non-scaling-stroke'
+      />
+    )
 )
+
+IconArrowLeft[iconSymbol] = true

package/react/arrow-right.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 IconArrowRight: 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='M20 12h-17m10.59-7 7 7-7 7'
-      vectorEffect='non-scaling-stroke'
-    />
-  )
+export const IconArrowRight: 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='M20 12h-17m10.59-7 7 7-7 7'
+        vectorEffect='non-scaling-stroke'
+      />
+    )
 )
+
+IconArrowRight[iconSymbol] = true

package/react/arrow-up-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 IconArrowUpCircle: 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='M11 17c0 .5523.4477 1 1 1s1-.4477 1-1h-2Zm1-10 .7071-.7071c-.3905-.3905-1.0237-.3905-1.4142 0l.7071.7071Zm3.2929 4.7071c.3905.3905 1.0237.3905 1.4142 0 .3905-.3905.3905-1.0237 0-1.4142l-1.4142 1.4142Zm-8-1.4142c-.3905.3905-.3905 1.0237 0 1.4142.3905.3905 1.0237.3905 1.4142 0l-1.4142-1.4142Zm5.7071 6.7071v-10h-2v10h2Zm-1.7071-9.2929 4 4 1.4142-1.4142-4-4-1.4142 1.4142Zm0-1.4142-4 4 1.4142 1.4142 4-4-1.4142-1.4142Zm9.7071 5.7071c0 4.9706-4.0294 9-9 9v2c6.0751 0 11-4.9249 11-11h-2Zm-9 9c-4.9706 0-9-4.0294-9-9h-2c0 6.0751 4.9249 11 11 11v-2Zm-9-9c0-4.9706 4.0294-9 9-9v-2c-6.0751 0-11 4.9249-11 11h2Zm9-9c4.9706 0 9 4.0294 9 9h2c0-6.0751-4.9249-11-11-11v2Z'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconArrowUpCircle: 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='M11 17c0 .5523.4477 1 1 1s1-.4477 1-1h-2Zm1-10 .7071-.7071c-.3905-.3905-1.0237-.3905-1.4142 0l.7071.7071Zm3.2929 4.7071c.3905.3905 1.0237.3905 1.4142 0 .3905-.3905.3905-1.0237 0-1.4142l-1.4142 1.4142Zm-8-1.4142c-.3905.3905-.3905 1.0237 0 1.4142.3905.3905 1.0237.3905 1.4142 0l-1.4142-1.4142Zm5.7071 6.7071v-10h-2v10h2Zm-1.7071-9.2929 4 4 1.4142-1.4142-4-4-1.4142 1.4142Zm0-1.4142-4 4 1.4142 1.4142 4-4-1.4142-1.4142Zm9.7071 5.7071c0 4.9706-4.0294 9-9 9v2c6.0751 0 11-4.9249 11-11h-2Zm-9 9c-4.9706 0-9-4.0294-9-9h-2c0 6.0751 4.9249 11 11 11v-2Zm-9-9c0-4.9706 4.0294-9 9-9v-2c-6.0751 0-11 4.9249-11 11h2Zm9-9c4.9706 0 9 4.0294 9 9h2c0-6.0751-4.9249-11-11-11v2Z'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconArrowUpCircle[iconSymbol] = true

package/react/arrow-up-left.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 IconArrowUpLeft: 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='M5 5v9m0-9h9m-9 0 14 14'
-      vectorEffect='non-scaling-stroke'
-    />
-  )
+export const IconArrowUpLeft: 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='M5 5v9m0-9h9m-9 0 14 14'
+        vectorEffect='non-scaling-stroke'
+      />
+    )
 )
+
+IconArrowUpLeft[iconSymbol] = true

package/react/arrow-up-right.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 IconArrowUpRight: 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='M19 5h-9m9 0v9m0-9-14 14'
-      vectorEffect='non-scaling-stroke'
-    />
-  )
+export const IconArrowUpRight: 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='M19 5h-9m9 0v9m0-9-14 14'
+        vectorEffect='non-scaling-stroke'
+      />
+    )
 )
+
+IconArrowUpRight[iconSymbol] = true

package/react/arrow-up.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 IconArrowUp: 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.205 20.795v-17m7 6.41-7-7-7 7'
-      vectorEffect='non-scaling-stroke'
-    />
-  )
+export const IconArrowUp: 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.205 20.795v-17m7 6.41-7-7-7 7'
+        vectorEffect='non-scaling-stroke'
+      />
+    )
 )
+
+IconArrowUp[iconSymbol] = true