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

package/react/house.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 IconHouse: 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 13.4 9-9 9 9m-15-2.9v8.5c0 .5523.4477 1 1 1h10c.5523 0 1-.4477 1-1v-8.5'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 19.9999v.0001'
       />
     )
+  }
 )
 
 IconHouse[iconSymbol] = true

package/react/image.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 IconImage: 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='M3 18v1.5a.5.5 0 0 0 .5.5h17a.5.5 0 0 0 .5-.5v-15a.5.5 0 0 0-.5-.5h-17a.5.5 0 0 0-.5.5v13.5Zm0 0 6.6464-6.6464a.5.5 0 0 1 .7072 0l3.6464 3.6464m-2 2 3.6464-3.6464a.5.5 0 0 1 .7072 0l3.6464 3.6464'
       />,
-      <circle cx={16} cy={8} r={2} fill='red' />,
+      <circle cx={16} cy={8} r={2} fill='currentColor' />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 4v.0001'
       />
     )
+  }
 )
 
 IconImage[iconSymbol] = true

package/react/indent-left.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 IconIndentLeft: 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='M7 14.5683v-5.1366c0-.3838-.464-.576-.7355-.3046l-2.5683 2.5682a.431.431 0 0 0 0 .6094l2.5683 2.5682c.2714.2715.7355.0792.7355-.3046Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M5 6h14m-8 6h8m-14 6h14'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconIndentLeft[iconSymbol] = true

package/react/indent-right.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 IconIndentRight: 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 6h14m-8 6h8m-14 6h14'
       />,
       <path
-        fill='red'
+        fill='currentColor'
         d='M4.04 14.5683v-5.1366c0-.3838.4641-.576.7355-.3046l2.5683 2.5682a.431.431 0 0 1 0 .6094l-2.5683 2.5682c-.2714.2715-.7355.0792-.7355-.3046Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconIndentRight[iconSymbol] = true

package/react/index.ts

@@ -1,3 +1,4 @@
+export { IconActivity } from './activity'
 export { IconAddLineBottom } from './add-line-bottom'
 export { IconAddLineRight } from './add-line-right'
 export { IconAlignBottom } from './align-bottom'
@@ -206,6 +207,7 @@ export { IconLineDiagonal } from './line-diagonal'
 export { IconLineDotted } from './line-dotted'
 export { IconLineHorizontal } from './line-horizontal'
 export { IconLineOrthogonal } from './line-orthogonal'
+export { IconLineSpacing } from './line-spacing'
 export { IconLineStraight } from './line-straight'
 export { IconLineTwoDiagonalTopRightDouble } from './line-two-diagonal-top-right-double'
 export { IconLinesThreeHorizontalLineVerticalCenter } from './lines-three-horizontal-line-vertical-center'

package/react/information-mark-circle.tsx

@@ -4,38 +4,42 @@
  */
 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 IconInformationMarkCircle: 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='M13 8.5c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v4m9-4c0 4.9706-4.0294 9-9 9s-9-4.0294-9-9 4.0294-9 9-9 9 4.0294 9 9Zm-8.5-3.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 13.9999v.0001'
       />
     )
+  }
 )
 
 IconInformationMarkCircle[iconSymbol] = true

package/react/kanban.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 IconKanban: 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='M12 4h-7.5a.5.5 0 0 0-.5.5v15a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5v-4.5m0-11v11m0-11h7.5a.5.5 0 0 1 .5.5v10a.5.5 0 0 1-.5.5h-7.5'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 4v.0001'
       />
     )
+  }
 )
 
 IconKanban[iconSymbol] = true

package/react/key.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 IconKey: 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='M11 12h8m0 0h2m-2 0v3m-12 2c-2.2091 0-4-1.7909-4-4v-2c0-2.2091 1.7909-4 4-4 2.2091 0 4 1.7909 4 4v2c0 2.2091-1.7909 4-4 4Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconKey[iconSymbol] = true

package/react/keycap.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 IconKeycap: 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='M7 8h6m-3 0v6m-4-10h12c1.1046 0 2 .8954 2 2v12c0 1.1046-.8954 2-2 2h-12c-1.1046 0-2-.8954-2-2v-12c0-1.1046.8954-2 2-2Z'
       />,
-      <path fill='red' d='M10 12h.001v.001h-.001z' />,
+      <path fill='currentColor' d='M10 12h.001v.001h-.001z' />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M10 12v.0001'
       />
     )
+  }
 )
 
 IconKeycap[iconSymbol] = true

package/react/laptop.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 IconLaptop: 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='M2.5 20h19m-16.5-16h14c.5523 0 1 .4477 1 1v11c0 .5523-.4477 1-1 1h-14c-.5523 0-1-.4477-1-1v-11c0-.5523.4477-1 1-1Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 17v.0001'
       />
     )
+  }
 )
 
 IconLaptop[iconSymbol] = true

package/react/lasso.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 IconLasso: 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'
         strokeDasharray='1 3'
         strokeLinecap='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M10.5 21.5001s1.4711-1.0962 3-2.5c2.3938-2.198 5.2629-2.2534 7-5 1.2909-2.0413 1.3846-3.1156 1-5.5-.3626-2.2481-.6971-3.609-2.5-5-2.0626-1.5914-5.396-1.0753-8-1-3.3353.0963-4.7111 1.0721-7 3.5-1.4976 1.5884-1.1566 1.8225-1 4 .1514 2.1066.356 2.674 2 4 1.779 1.4348 5.5 1.3333 8 .5 2.5-.8334 4-4.5 4-4.5'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M13 15v.0001'
       />
     )
+  }
 )
 
 IconLasso[iconSymbol] = true

package/react/layout.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 IconLayout: 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 9v12h6m-6-12v-6h18v6m-18 0h6m12 0v12h-12m12-12h-12m0 0v12'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 9v.0001'
       />
     )
+  }
 )
 
 IconLayout[iconSymbol] = true

package/react/lifesaver.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 IconLifesaver: 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'
         strokeMiterlimit={1.414}
         strokeWidth='var(--svg-stroke-width)'
         d='M14.8284 14.8284c-1.5621 1.5621-4.0947 1.5621-5.6568 0m5.6568 0c1.5621-1.5621 1.5621-4.0947 0-5.6568m0 5.6568 3.182 3.182m-8.8388-3.182c-1.5621-1.5621-1.5621-4.0947 0-5.6568m0 5.6568-3.182 3.182m3.182-8.8388c1.5621-1.5621 4.0947-1.5621 5.6568 0m-5.6568 0-3.182-3.182m8.8388 3.182 3.182-3.182m.3536 12.3744c-3.5148 3.5147-9.2132 3.5147-12.728 0-3.5147-3.5148-3.5147-9.2132 0-12.728 3.5148-3.5147 9.2132-3.5147 12.728 0 3.5147 3.5148 3.5147 9.2132 0 12.728Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 8v.0001'
       />
     )
+  }
 )
 
 IconLifesaver[iconSymbol] = true

package/react/lightbox.tsx

@@ -4,31 +4,35 @@
  */
 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 IconLightbox: 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 4h-9v14h5m4-14h9v14h-5m-4-14v-2m-4 16-2 4m2-4h8m0 0 2 4'
       />,
-      <path fill='red' d='M3 4h18v3h-18v-3ZM3 15h18v3h-18v-3Z' />
+      <path fill='currentColor' d='M3 4h18v3h-18v-3ZM3 15h18v3h-18v-3Z' />
     )
+  }
 )
 
 IconLightbox[iconSymbol] = true

package/react/lightbulb.tsx

@@ -4,33 +4,37 @@
  */
 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 IconLightbulb: 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 3c-3.3137 0-6 2.6863-6 6 0 2.2208 1.2066 4.1599 3 5.1973v2.8027h6v-2.8027c1.7934-1.0374 3-2.9765 3-5.1973 0-3.3137-2.6863-6-6-6Z'
       />,
       <path
-        fill='red'
+        fill='currentColor'
         d='M9 20h6v1c0 .5523-.4477 1-1 1h-4c-.5523 0-1-.4477-1-1v-1Z'
       />
     )
+  }
 )
 
 IconLightbulb[iconSymbol] = true