@mirohq/design-system-icons 0.46.0 → 0.47.0

package/react/cog.tsx

@@ -4,17 +4,20 @@
  */
 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 IconCog: 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: 'none',
@@ -34,6 +37,7 @@ export const IconCog: IconComponentType = forwardRef(
         d='M12 11.9999v.0001'
       />
     )
+  }
 )
 
 IconCog[iconSymbol] = true

package/react/coins-checked.tsx

@@ -4,17 +4,20 @@
  */
 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 IconCoinsChecked: 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: 'none',
@@ -39,6 +42,7 @@ export const IconCoinsChecked: IconComponentType = forwardRef(
         d='m13 18 3 3 5-5'
       />
     )
+  }
 )
 
 IconCoinsChecked[iconSymbol] = true

package/react/coins-slash.tsx

@@ -4,17 +4,20 @@
  */
 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 IconCoinsSlash: 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: 'none',
@@ -39,6 +42,7 @@ export const IconCoinsSlash: IconComponentType = forwardRef(
         d='m20.875 20.875-16.875-16.875'
       />
     )
+  }
 )
 
 IconCoinsSlash[iconSymbol] = true

package/react/coins.tsx

@@ -4,17 +4,20 @@
  */
 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 IconCoins: 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: 'none',
@@ -32,6 +35,7 @@ export const IconCoins: IconComponentType = forwardRef(
         clipRule='evenodd'
       />
     )
+  }
 )
 
 IconCoins[iconSymbol] = true

package/react/columns-three.tsx

@@ -4,17 +4,20 @@
  */
 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 IconColumnsThree: 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: 'none',
@@ -28,6 +31,7 @@ export const IconColumnsThree: IconComponentType = forwardRef(
         d='M7 20h-4v-16h4m0 16v-16m0 16h10m-10-16h10m0 0h4v16h-4m0-16v16'
       />
     )
+  }
 )
 
 IconColumnsThree[iconSymbol] = true

package/react/comment-group.tsx

@@ -4,17 +4,20 @@
  */
 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 IconCommentGroup: 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: 'none',
@@ -31,6 +34,7 @@ export const IconCommentGroup: IconComponentType = forwardRef(
         d='M14.2594 16.4947h1v-2h-1v2Zm-4.5187-1h-1v1h1v-1Zm4.5187 0v-1h-4.5187v2h4.5187v-1Zm-3.5187 0c0-.6322.1894-.9694.4237-1.2107.2798-.2884.6841-.5047 1.2586-.7728.5063-.2362 1.2267-.5437 1.7792-1.0147.6263-.534 1.0572-1.2815 1.0572-2.3292h-2c0 .411-.1339.6189-.3548.8073-.2948.2513-.704.4334-1.3274.7243-.5552.2591-1.2806.6075-1.848 1.1922-.613.6317-.9885 1.4757-.9885 2.6036h2Zm4.5187-5.3274c0-1.0113-.4021-1.8397-1.0473-2.4046-.6259-.548-1.4304-.8063-2.2033-.8131-.7729-.0068-1.5848.2379-2.2182.7887-.6535.5683-1.0499 1.406-1.0499 2.429h2c0-.4753.1685-.7513.3623-.9198.2138-.186.5316-.3011.8883-.298.3569.0031.682.1242.9034.318.202.177.3647.4524.3647.8998h2Z'
       />
     )
+  }
 )
 
 IconCommentGroup[iconSymbol] = true

package/react/cone-serpentine.tsx

@@ -4,17 +4,20 @@
  */
 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 IconConeSerpentine: 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: 'none',
@@ -35,6 +38,7 @@ export const IconConeSerpentine: IconComponentType = forwardRef(
         d='M12 13v.0001'
       />
     )
+  }
 )
 
 IconConeSerpentine[iconSymbol] = true

package/react/connection-line-elbows.tsx

@@ -4,17 +4,20 @@
  */
 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 IconConnectionLineElbows: 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: 'none',
@@ -29,6 +32,7 @@ export const IconConnectionLineElbows: IconComponentType = forwardRef(
         d='M3 20h4c1.1046 0 2-.8954 2-2v-9c0-1.1046.8954-2 2-2h4m0 0v-3l6 3-6 3v-3Z'
       />
     )
+  }
 )
 
 IconConnectionLineElbows[iconSymbol] = true

package/react/connection-line-straight.tsx

@@ -4,17 +4,20 @@
  */
 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 IconConnectionLineStraight: 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: 'none',
@@ -32,6 +35,7 @@ export const IconConnectionLineStraight: IconComponentType = forwardRef(
         d='m15.1213 8.6569-2.1213-2.1213 6.6569-2.4142-2.4143 6.6568-2.1213-2.1213Zm0 0-11.1213 11.3432'
       />
     )
+  }
 )
 
 IconConnectionLineStraight[iconSymbol] = true

package/react/corners-three-eye-open.tsx

@@ -4,17 +4,20 @@
  */
 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 IconCornersThreeEyeOpen: 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: 'none',
@@ -34,6 +37,7 @@ export const IconCornersThreeEyeOpen: IconComponentType = forwardRef(
         d='M12 10v.0001'
       />
     )
+  }
 )
 
 IconCornersThreeEyeOpen[iconSymbol] = true

package/react/counter.tsx

@@ -4,17 +4,20 @@
  */
 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 IconCounter: 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: 'none',
@@ -37,6 +40,7 @@ export const IconCounter: IconComponentType = forwardRef(
         d='M15 12h4M5 12h3.5M12 20v-16M17 14v-4'
       />
     )
+  }
 )
 
 IconCounter[iconSymbol] = true

package/react/credit-card.tsx

@@ -4,17 +4,20 @@
  */
 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 IconCreditCard: 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: 'none',
@@ -32,6 +35,7 @@ export const IconCreditCard: IconComponentType = forwardRef(
         d='M12 5v.0001'
       />
     )
+  }
 )
 
 IconCreditCard[iconSymbol] = true

package/react/crop.tsx

@@ -4,17 +4,20 @@
  */
 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 IconCrop: 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: 'none',
@@ -32,6 +35,7 @@ export const IconCrop: IconComponentType = forwardRef(
         d='M6 11.9999v.0001'
       />
     )
+  }
 )
 
 IconCrop[iconSymbol] = true

package/react/cross-circle.tsx

@@ -4,17 +4,20 @@
  */
 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 IconCrossCircle: 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: 'none',
@@ -32,6 +35,7 @@ export const IconCrossCircle: IconComponentType = forwardRef(
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconCrossCircle[iconSymbol] = true

package/react/cross-fat.tsx

@@ -4,17 +4,20 @@
  */
 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 IconCrossFat: 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: 'none',
@@ -34,6 +37,7 @@ export const IconCrossFat: IconComponentType = forwardRef(
         d='M5.5 8h-2.5v8h2.5m10.5-10.5v-2.5h-8v2.5m10.5 10.5h2.5v-8h-2.5m-10.5 10.5v2.5h8v-2.5'
       />
     )
+  }
 )
 
 IconCrossFat[iconSymbol] = true

package/react/cross-square.tsx

@@ -4,17 +4,20 @@
  */
 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 IconCrossSquare: 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: 'none',
@@ -28,6 +31,7 @@ export const IconCrossSquare: IconComponentType = forwardRef(
         d='m8 8 8 8m0-8-8 8m-4-12h16v16h-16v-16Z'
       />
     )
+  }
 )
 
 IconCrossSquare[iconSymbol] = true

package/react/cross.tsx

@@ -4,17 +4,20 @@
  */
 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 IconCross: 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: 'none',
@@ -32,6 +35,7 @@ export const IconCross: IconComponentType = forwardRef(
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconCross[iconSymbol] = true

package/react/cube.tsx

@@ -4,17 +4,20 @@
  */
 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 IconCube: 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: 'none',
@@ -33,6 +36,7 @@ export const IconCube: IconComponentType = forwardRef(
         d='M12 11v.0001'
       />
     )
+  }
 )
 
 IconCube[iconSymbol] = true

package/react/cursor-filled.tsx

@@ -4,17 +4,20 @@
  */
 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 IconCursorFilled: 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: 'none',
@@ -36,6 +39,7 @@ export const IconCursorFilled: IconComponentType = forwardRef(
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconCursorFilled[iconSymbol] = true

package/react/cursor-lines.tsx

@@ -4,17 +4,20 @@
  */
 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 IconCursorLines: 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: 'none',
@@ -37,6 +40,7 @@ export const IconCursorLines: IconComponentType = forwardRef(
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconCursorLines[iconSymbol] = true

package/react/cursor-text-lines.tsx

@@ -4,17 +4,20 @@
  */
 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 IconCursorTextLines: 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: 'none',
@@ -28,6 +31,7 @@ export const IconCursorTextLines: IconComponentType = forwardRef(
         d='M11 4h10m-6 4h2m-14 0h1c1.1046 0 2 .8954 2 2m0 0v9m0-9c0-1.1046.8954-2 2-2h1m-3 11c0 1.1046-.8954 2-2 2h-1m3-2c0 1.1046.8954 2 2 2h1'
       />
     )
+  }
 )
 
 IconCursorTextLines[iconSymbol] = true