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

package/react/lightning.tsx

@@ -4,24 +4,27 @@
  */
 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 IconLightning: 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='square'
         strokeLinejoin='round'
         strokeMiterlimit={1.414}
@@ -29,11 +32,12 @@ export const IconLightning: IconComponentType = forwardRef(
         d='m11.9735 1.8672-7.743 12.7531c-.101.1666.0188.3797.2138.3797h7.0557l-.44 7.0407c-.0161.2572.3204.3676.4598.1508l8.2326-12.8063c.1069-.1664-.0125-.3852-.2103-.3852h-7.5421l.4367-6.9875c.0163-.2607-.3277-.3686-.4632-.1453Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 21v.0001'
       />
     )
+  }
 )
 
 IconLightning[iconSymbol] = true

package/react/line-curved.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 IconLineCurved: 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 12s2.767-2.5534 5-3c4.4658-.8932 5.5342 6.8931 10 6 2.2329-.4466 5-3 5-3'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconLineCurved[iconSymbol] = true

package/react/line-dashed.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 IconLineDashed: 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 12h4m4 0h4m4 0h4'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconLineDashed[iconSymbol] = true

package/react/line-diagonal.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 IconLineDiagonal: 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='m4 20 16-16'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconLineDiagonal[iconSymbol] = true

package/react/line-dotted.tsx

@@ -4,32 +4,36 @@
  */
 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 IconLineDotted: 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'
         d='M3 12c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1ZM7 12c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1ZM11 12c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1ZM15 12c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1ZM19 12c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1ZM23 12c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M10 12v.0001'
       />
     )
+  }
 )
 
 IconLineDotted[iconSymbol] = true

package/react/line-horizontal.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 IconLineHorizontal: 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 12h18'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconLineHorizontal[iconSymbol] = true

package/react/line-orthogonal.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 IconLineOrthogonal: 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 16h10v-8h10'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconLineOrthogonal[iconSymbol] = true

package/react/line-spacing.tsx

@@ -0,0 +1,47 @@
+/**
+ * DO NOT MODIFY THIS FILE.
+ * This file was generated by sync icons utility.
+ */
+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 IconLineSpacing: IconComponentType = forwardRef(
+  ({ 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',
+        ref: forwardRef,
+      },
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M2 6h9M2 10h9M2 14h9'
+      />,
+      <path
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M18.1024 5v14M14 9.2l3.6378-3.8198a.5.5 0 0 1 .7242 0l3.6378 3.8198M21.9996 14.8l-3.6378 3.8198a.5.5 0 0 1-.7242 0l-3.6378-3.8198'
+      />,
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M2 18h9'
+      />
+    )
+  }
+)
+
+IconLineSpacing[iconSymbol] = true

package/react/line-straight.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 IconLineStraight: 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 15 18-6'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconLineStraight[iconSymbol] = true

package/react/line-two-diagonal-top-right-double.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 IconLineTwoDiagonalTopRightDouble: 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='m17 14-3 3m3-10-10 10'
       />
     )
+  }
 )
 
 IconLineTwoDiagonalTopRightDouble[iconSymbol] = true

package/react/lines-three-horizontal-line-vertical-center.tsx

@@ -4,35 +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 IconLinesThreeHorizontalLineVerticalCenter: IconComponentType =
-  forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  forwardRef(({ 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='M4 5h8m8 0h-8m-8 7h16m-16 7h8m8 0h-8m0-14v14'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v.0001'
       />
     )
-  )
+  })
 
 IconLinesThreeHorizontalLineVerticalCenter[iconSymbol] = true

package/react/lines-three-horizontal.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 IconLinesThreeHorizontal: 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='M4 5h16m-16 7h16m-16 7h16'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconLinesThreeHorizontal[iconSymbol] = true

package/react/lines-three-vertical.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 IconLinesThreeVertical: 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='M20 4v16m-8-16v16m-8-16v16'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconLinesThreeVertical[iconSymbol] = true

package/react/lines-top-left-columns-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 IconLinesTopLeftColumnsTwo: 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='M7 3h14m-18 4v14m11-14h-7v14h7m0-14h7v14h-7m0-14v14'
       />
     )
+  }
 )
 
 IconLinesTopLeftColumnsTwo[iconSymbol] = true

package/react/link-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 IconLinkPlus: 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='m13.2731 10.0406 1.6162-1.6162c1.2122-1.2122 3.1789-1.6699 4.5457-.303 1.3669 1.3668 1.2591 2.9835-.303 4.5456l-1.6163 1.6163m-6.1619 1.9193 4.8487-4.8488m-1.9192 6.1619-1.6163 1.6163c-1.2122 1.2122-3.1789 1.6699-4.5457.303-1.3668-1.3668-1.259-2.9836.303-4.5457l1.6163-1.6162m-3.0406-9.2731v3m0 0v3m0-3h3m-3 0h-3'
       />
     )
+  }
 )
 
 IconLinkPlus[iconSymbol] = true