@mirohq/design-system-icons 0.46.0-red-icons.0 → 0.47.0

package/react/eye-open.tsx

@@ -4,40 +4,44 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconEyeOpen: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 5c-6 0-10 7-10 7s4 7 10 7 10-7 10-7-4-7-10-7Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M15 12c0 1.6569-1.3431 3-3 3s-3-1.3431-3-3 1.3431-3 3-3 3 1.3431 3 3Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 9v.0001'
       />
     )
+  }
 )
 
 IconEyeOpen[iconSymbol] = true

package/react/eyedropper.tsx

@@ -4,39 +4,43 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconEyedropper: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='m12 6 1.5 1.5m4.5 4.5-1.5-1.5m-3-3-10 10-.5 3.5 3.5-.5 10-10m-3-3 3 3'
       />,
       <path
-        fill='red'
+        fill='currentColor'
         d='m13 7 3-3c1.1046-1.1045 2.8954-1.1045 4 0 1.1046 1.1046 1.1046 2.8955 0 4l-3 3-4-4ZM4 17.5l2.5 2.5h-2.5v-2.5Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M16 8v.0001'
       />
     )
+  }
 )
 
 IconEyedropper[iconSymbol] = true

package/react/factory-house.tsx

@@ -4,34 +4,38 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconFactoryHouse: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M10 20v-5.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v5.5m-7-16v3.25m0 0-2.6213.6553a.5.5 0 0 0-.3787.485v11.1097a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14.8596c0-.3253-.3057-.564-.6213-.485l-12.3787 3.0946Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 14v.0001'
       />
     )
+  }
 )
 
 IconFactoryHouse[iconSymbol] = true

package/react/factory.tsx

@@ -4,34 +4,38 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconFactory: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M21 13.5877v7.1623a.25.25 0 0 1-.25.25h-4.75m5-7.4123a.2497.2497 0 0 0-.0548-.1562l-1.8264-2.2829a.25.25 0 0 0-.2937-.0737l-3.4125 1.4626-3.4126 1.4625-2.3773-2.8527a.25.25 0 0 0-.2968-.067l-6.1807 2.8527a.2499.2499 0 0 0-.1452.227v6.59a.25.25 0 0 0 .25.25h4.75m13-7.4123-.4254-4.5877-.5373-5.7947a.25.25 0 0 0-.2459-.2053h-2.7914a.2499.2499 0 0 0-.2451.201l-.7549 5.299m-8 12.5v-4m0 4h8m0 0v-4'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 14v.0001'
       />
     )
+  }
 )
 
 IconFactory[iconSymbol] = true

package/react/file-spreadsheet.tsx

@@ -4,29 +4,33 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconFileSpreadsheet: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M14 3v4.5a.5.5 0 0 0 .5.5h4.5m-10 9h1m4 0h1m-6-4h1m4 0h1m-1.2071-10h-7.7929c-.5523 0-1 .4477-1 1v16c0 .5523.4477 1 1 1h12c.5523 0 1-.4477 1-1v-11.7929a.5003.5003 0 0 0-.1464-.3536l-4.7072-4.707a.4998.4998 0 0 0-.3535-.1465Z'
       />
     )
+  }
 )
 
 IconFileSpreadsheet[iconSymbol] = true

package/react/flag.tsx

@@ -4,30 +4,34 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconFlag: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M5 20v-8m0 0v-8h7l1 2h6v8h-6l-1-2h-7Z'
       />
     )
+  }
 )
 
 IconFlag[iconSymbol] = true

package/react/folder.tsx

@@ -4,30 +4,34 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconFolder: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M3 7v12h18v-12h-9m-9 0v-3h7l2 3m-9 0h9'
       />
     )
+  }
 )
 
 IconFolder[iconSymbol] = true

package/react/frame-lines-two.tsx

@@ -4,30 +4,34 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconFrameLinesTwo: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M2 6h20m-17-3v18m14-18v18m-17-3h20m-13-8h6m-6 4h6'
       />
     )
+  }
 )
 
 IconFrameLinesTwo[iconSymbol] = true

package/react/frame-play.tsx

@@ -4,34 +4,38 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconFramePlay: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M2 6h20m-17-3v18m14-18v18m-17-3h20'
       />,
       <path
-        fill='red'
+        fill='currentColor'
         d='M14.2854 11.5713c.3237.1942.3237.6632 0 .8574l-3.5282 2.117c-.3332.1999-.7572-.0401-.7572-.4288v-4.2338c0-.3887.424-.6287.7572-.4288l3.5282 2.117Z'
       />
     )
+  }
 )
 
 IconFramePlay[iconSymbol] = true

package/react/frame-plus.tsx

@@ -4,30 +4,34 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconFramePlus: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M2 6h20m-17-3v18m14-18v18m-17-3h20m-10-4v-4m-2 2h4'
       />
     )
+  }
 )
 
 IconFramePlus[iconSymbol] = true

package/react/frame.tsx

@@ -4,30 +4,34 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconFrame: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M2 6h20m-17-3v18m14-18v18m-17-3h20'
       />
     )
+  }
 )
 
 IconFrame[iconSymbol] = true

package/react/funnel.tsx

@@ -4,34 +4,38 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconFunnel: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M19.7716 4h-15.5432c-.0872 0-.1326.1038-.0735.1678l5.8451 6.3322v8.5l3.4472-1.7236a1 1 0 0 0 .5528-.8944v-5.882l5.8451-6.3322c.0591-.064.0137-.1678-.0735-.1678Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 4v.0001'
       />
     )
+  }
 )
 
 IconFunnel[iconSymbol] = true

package/react/gauge.tsx

@@ -4,35 +4,39 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconGauge: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
-      <circle cx={12} cy={12} r={2} fill='red' />,
+      <circle cx={12} cy={12} r={2} fill='currentColor' />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeWidth='var(--svg-stroke-width)'
         d='m12.0363 12.0363 2.9637 2.9637m2.6569 2.6569c3.1241-3.1242 3.1241-8.1896 0-11.3138-3.1242-3.1241-8.1896-3.1241-11.3138 0-3.1241 3.1242-3.1241 8.1896 0 11.3138'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconGauge[iconSymbol] = true

package/react/gavel.tsx

@@ -4,29 +4,33 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconGavel: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        fill='red'
+        fill='currentColor'
         fillRule='evenodd'
         d='M2.3063 12.7856a1.0453 1.0453 0 0 1-.2034-1.1914l1.3013-2.7125a1.0454 1.0454 0 0 1 .2034-.287l4.988-4.9874a1.0456 1.0456 0 0 1 .2872-.2033l2.7129-1.3011a1.0456 1.0456 0 0 1 1.1915.2033l3.5596 3.559c.3138.3138.3953.7914.2034 1.1914l-1.3013 2.7125a1.0468 1.0468 0 0 1-.2034.2871l-1.7562 1.756 8.4045 8.4032c.4083.4082.4083 1.0701 0 1.4784-.4084.4083-1.0704.4083-1.4787 0l-8.4045-8.4032-1.7532 1.7529a1.046 1.046 0 0 1-.2871.2034l-2.713 1.3011a1.0457 1.0457 0 0 1-1.1915-.2034l-3.5595-3.559Zm8.1651-7.8246 1.3609-.6527 2.5121 2.5117-.6528 1.3608-3.2202-3.2198Zm-1.6148 1.3424-2.5528 2.5524 3.4925 3.4919 2.5527-2.5524-3.4924-3.492Zm-3.8953 4.167 3.22 3.2196-1.3605.6525-2.5121-2.5117.6526-1.3604Z'
         clipRule='evenodd'
       />
     )
+  }
 )
 
 IconGavel[iconSymbol] = true

package/react/gift.tsx

@@ -4,29 +4,33 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconGift: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M5 14h-1c-.5523 0-1-.4477-1-1v-4c0-.5523.4477-1 1-1h8m-7 6v6c0 .5523.4477 1 1 1h6m-7-7h7m7 0h1c.5523 0 1-.4477 1-1v-4c0-.5523-.4477-1-1-1h-8m7 6h-7m7 0v6c0 .5523-.4477 1-1 1h-6m0-7v-6m0 6v7m0-16c0 1.6569 1.3431 3 3 3s3-1.3431 3-3c0-1.6568-1.3431-3-3-3s-3 1.3432-3 3Zm0 0c0 1.6569-1.3431 3-3 3s-3-1.3431-3-3c0-1.6568 1.3431-3 3-3s3 1.3432 3 3Z'
       />
     )
+  }
 )
 
 IconGift[iconSymbol] = true