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

package/react/diagram-card-large-2.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 IconDiagramCardLarge2: 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='M8 11c1.1046 0 2-.8954 2-2s-.8954-2-2-2-2 .8954-2 2 .8954 2 2 2Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 8h5m-5 4h4m-13-8h18v16h-18v-16Z'
       />,
       <path
-        fill='red'
+        fill='currentColor'
         d='M8 16c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1ZM13 16c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1ZM17 17c.5523 0 1-.4477 1-1s-.4477-1-1-1-1 .4477-1 1 .4477 1 1 1Z'
       />
     )
+  }
 )
 
 IconDiagramCardLarge2[iconSymbol] = true

package/react/diagram-card-large-3.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 IconDiagramCardLarge3: 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='M21 14h-18m14-8h-10m8 4h-8m-4-8h18v20h-18v-20Z'
       />,
       <path
-        fill='red'
+        fill='currentColor'
         d='M8 18c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1ZM13 18c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1ZM17 19c.5523 0 1-.4477 1-1s-.4477-1-1-1-1 .4477-1 1 .4477 1 1 1Z'
       />
     )
+  }
 )
 
 IconDiagramCardLarge3[iconSymbol] = true

package/react/diagram-card-large-4.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 IconDiagramCardLarge4: 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='M21 14h-18m14-8h-5m4 4h-4m-9-8h18v20h-18v-20Z'
       />,
       <path
-        fill='red'
+        fill='currentColor'
         d='M8 18c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1ZM13 18c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1ZM17 19c.5523 0 1-.4477 1-1s-.4477-1-1-1-1 .4477-1 1 .4477 1 1 1ZM10 7c0 1.1046-.8954 2-2 2s-2-.8954-2-2 .8954-2 2-2 2 .8954 2 2Z'
       />
     )
+  }
 )
 
 IconDiagramCardLarge4[iconSymbol] = true

package/react/diagram-card-magnifying-glass.tsx

@@ -4,27 +4,31 @@
  */
 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 IconDiagramCardMagnifyingGlass: 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 6v-1c-.5523 0-1 .4477-1 1h1Zm18 0h1c0-.5523-.4477-1-1-1v1Zm0 12v1c.5523 0 1-.4477 1-1h-1Zm-8-1c-.5523 0-1 .4477-1 1s.4477 1 1 1v-2Zm-11-9c0 .5523.4477 1 1 1s1-.4477 1-1h-2Zm7.2929 11.7071c.3905.3905 1.0237.3905 1.4142 0 .3905-.3905.3905-1.0237 0-1.4142l-1.4142 1.4142Zm-1.3358-4.1642c-.3905-.3905-1.0237-.3905-1.4142 0-.3905.3905-.3905 1.0237 0 1.4142l1.4142-1.4142Zm9.0429-4.5429c.5523 0 1-.4477 1-1s-.4477-1-1-1v2Zm-6-2c-.5523 0-1 .4477-1 1s.4477 1 1 1v-2Zm6 6c.5523 0 1-.4477 1-1s-.4477-1-1-1v2Zm-5-2c-.5523 0-1 .4477-1 1s.4477 1 1 1v-2Zm-9-6h18v-2h-18v2Zm17-1v12h2v-12h-2Zm1 11h-8v2h8v-2Zm-17-9v-2h-2v2h2Zm3 6c0 1.1046-.8954 2-2 2v2c2.2091 0 4-1.7909 4-4h-2Zm-2 2c-1.1046 0-2-.8954-2-2h-2c0 2.2091 1.7909 4 4 4v-2Zm-2-2c0-1.1046.8954-2 2-2v-2c-2.2091 0-4 1.7909-4 4h2Zm2-2c1.1046 0 2 .8954 2 2h2c0-2.2091-1.7909-4-4-4v2Zm5.7071 6.2929-2.75-2.75-1.4142 1.4142 2.75 2.75 1.4142-1.4142Zm6.2929-9.2929h-6v2h6v-2Zm0 4h-5v2h5v-2Z'
       />
     )
+  }
 )
 
 IconDiagramCardMagnifyingGlass[iconSymbol] = true

package/react/diagram-card-small-1.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 IconDiagramCardSmall1: 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='M15 12h-8m-4-6h18v12h-18v-12Z'
       />
     )
+  }
 )
 
 IconDiagramCardSmall1[iconSymbol] = true

package/react/diagram-card-small-2.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 IconDiagramCardSmall2: 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 12h-5m-9-6h18v12h-18v-12Z'
       />,
-      <circle cx={8} cy={12} r={2} fill='red' />
+      <circle cx={8} cy={12} r={2} fill='currentColor' />
     )
+  }
 )
 
 IconDiagramCardSmall2[iconSymbol] = true

package/react/diagram-card-small-3.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 IconDiagramCardSmall3: 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 10h-4m2 4h-2m-4-8h18v12h-18v-12Z'
       />,
-      <path fill='red' d='M14 7h6v10h-6z' />
+      <path fill='currentColor' d='M14 7h6v10h-6z' />
     )
+  }
 )
 
 IconDiagramCardSmall3[iconSymbol] = true

package/react/diagram-card-team.tsx

@@ -4,27 +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 IconDiagramCardTeam: 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'
-        d='M3 6v-1c-.5523 0-1 .4477-1 1h1Zm18 0h1c0-.5523-.4477-1-1-1v1Zm0 12v1c.5523 0 1-.4477 1-1h-1Zm-19-10c0 .5523.4477 1 1 1s1-.4477 1-1h-2Zm15 9c-.5523 0-1 .4477-1 1s.4477 1 1 1v-2Zm-15.985 1.8276c-.0952.544.2686 1.0622.8126 1.1574.544.0952 1.0622-.2686 1.1574-.8126l-1.97-.3448Zm1.1788-.9349-.985-.1724.985.1724Zm6.6124 0-.985.1723.985-.1723Zm-.7912 1.2797c.0952.544.6134.9078 1.1574.8126.544-.0952.9078-.6134.8126-1.1574l-1.97.3448Zm-2.015-3.6724c-.5523 0-1 .4477-1 1s.4477 1 1 1v-2Zm7.8157 2.3927-.9864.1642.9864-.1642Zm-.8021 1.2715c.0907.5448.6058.9129 1.1506.8222.5448-.0907.9129-.6058.8222-1.1506l-1.9728.3284Zm-3.0136-6.1642c-.5523 0-1 .4477-1 1s.4477 1 1 1v-2Zm0-4c-.5523 0-1 .4477-1 1s.4477 1 1 1v-2Zm7 2c.5523 0 1-.4477 1-1s-.4477-1-1-1v2Zm-2-2c-.5523 0-1 .4477-1 1s.4477 1 1 1v-2Zm2 6c.5523 0 1-.4477 1-1s-.4477-1-1-1v2Zm-1-2c-.5523 0-1 .4477-1 1s.4477 1 1 1v-2Zm-13-6h18v-2h-18v2Zm17-1v12h2v-12h-2Zm-16 2v-2h-2v2h2Zm17 9h-4v2h4v-2Zm-18.015 2.1724.1938-1.1074-1.97-.3447-.1938 1.1073 1.97.3448Zm.935-1.6724h3.16v-2h-3.16v2Zm3.9012.565.1938 1.1074 1.97-.3448-.1937-1.1073-1.9701.3447Zm-.7412-.565c.4048 0 .6902.2737.7412.565l1.97-.3447c-.2302-1.3159-1.405-2.2203-2.7112-2.2203v2Zm-3.9012.565c.051-.2913.3364-.565.7412-.565v-2c-1.3062 0-2.481.9044-2.7112 2.2203l1.97.3447Zm3.3212-6.065c0 .5523-.4477 1-1 1v2c1.6569 0 3-1.3431 3-3h-2Zm-1 1c-.5523 0-1-.4477-1-1h-2c0 1.6569 1.3432 3 3 3v-2Zm-1-1c0-.5523.4477-1 1-1v-2c-1.6568 0-3 1.3431-3 3h2Zm1-1c.5523 0 1 .4477 1 1h2c0-1.6569-1.3431-3-3-3v2Zm.5 6.5h6.1737v-2h-6.1737v2Zm6.8293.5569.1843 1.1073 1.9728-.3284-.1843-1.1073-1.9728.3284Zm-.6556-.5569a.6654.6654 0 0 1 .6556.5569l1.9728-.3284c-.2139-1.2851-1.3249-2.2285-2.6284-2.2285v2Zm-1.1737-5.5c0 .5523-.4477 1-1 1v2c1.6569 0 3-1.3431 3-3h-2Zm-1-1c.5523 0 1 .4477 1 1h2c0-1.6569-1.3431-3-3-3v2Zm7-2h-2v2h2v-2Zm0 4h-1v2h1v-2Z'
+        fill='currentColor'
+        fillRule='evenodd'
+        d='M2 6c0-.5523.4477-1 1-1h18c.5523 0 1 .4477 1 1v12c0 .5523-.4477 1-1 1h-4c-.5523 0-1-.4477-1-1s.4477-1 1-1h3v-10h-16v1c0 .5523-.4477 1-1 1s-1-.4477-1-1v-2Zm12 4c0-.5523.4477-1 1-1h2c.5523 0 1 .4477 1 1s-.4477 1-1 1h-2c-.5523 0-1-.4477-1-1Zm-8.5 1c-.5523 0-1 .4477-1 1s.4477 1 1 1 1-.4477 1-1-.4477-1-1-1Zm-3 1c0-1.6569 1.3432-3 3-3 1.6569 0 3 1.3431 3 3s-1.3431 3-3 3c-1.6568 0-3-1.3431-3-3Zm6.5-2c0-.5523.4477-1 1-1 1.6569 0 3 1.3431 3 3s-1.3431 3-3 3c-.5523 0-1-.4477-1-1s.4477-1 1-1 1-.4477 1-1-.4477-1-1-1-1-.4477-1-1Zm6 4c0-.5523.4477-1 1-1h1c.5523 0 1 .4477 1 1s-.4477 1-1 1h-1c-.5523 0-1-.4477-1-1Zm-11.08 3.5c-.4048 0-.6902.2737-.7412.565l-.1938 1.1074c-.0952.544-.6134.9078-1.1574.8126-.544-.0952-.9078-.6134-.8126-1.1574l.1938-1.1073c.2302-1.3159 1.405-2.2203 2.7112-2.2203h8.2537c1.3035 0 2.4145.9434 2.6284 2.2285l.1843 1.1073c.0907.5448-.2774 1.0599-.8222 1.1506-.5448.0907-1.0599-.2774-1.1506-.8222l-.1843-1.1073a.6654.6654 0 0 0-.6556-.5569h-2.4307c.019.072.0352.1455.0482.2203l.1938 1.1073c.0952.544-.2686 1.0622-.8126 1.1574-.544.0952-1.0622-.2686-1.1574-.8126l-.1938-1.1074c-.051-.2913-.3364-.565-.7412-.565h-3.16Z'
+        clipRule='evenodd'
       />
     )
+  }
 )
 
 IconDiagramCardTeam[iconSymbol] = true

package/react/diagram-card-user.tsx

@@ -4,30 +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 IconDiagramCardUser: 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'
-        strokeLinecap='round'
-        strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M3 8v-2h18v12h-8m-10.9999 1 .2215-1.2506c.1607-.9076.9951-1.5729 1.9728-1.5729h3.6115c.9776 0 1.812.6653 1.9728 1.5729l.2214 1.2506m6.9999-9h-6m6 4h-5m-3.9999-2c0 1.1046-.8954 2-2 2-1.1045 0-2-.8954-2-2s.8955-2 2-2c1.1046 0 2 .8954 2 2Z'
+        fill='currentColor'
+        fillRule='evenodd'
+        d='M2 6c0-.5523.4477-1 1-1h18c.5523 0 1 .4477 1 1v12c0 .5523-.4477 1-1 1h-8c-.5523 0-1-.4477-1-1s.4477-1 1-1h7v-10h-16v1c0 .5523-.4477 1-1 1s-1-.4477-1-1v-2Zm8 4c0-.5523.4477-1 1-1h6c.5523 0 1 .4477 1 1s-.4477 1-1 1h-6c-.5523 0-1-.4477-1-1Zm-3.9999 1c-.5523 0-1 .4477-1 1s.4477 1 1 1 1-.4477 1-1-.4477-1-1-1Zm-3 1c0-1.6569 1.3432-3 3-3 1.6569 0 3 1.3431 3 3s-1.3431 3-3 3c-1.6568 0-3-1.3431-3-3Zm7.9999 2c0-.5523.4477-1 1-1h5c.5523 0 1 .4477 1 1s-.4477 1-1 1h-5c-.5523 0-1-.4477-1-1Zm-6.8056 3.1765c-.5363 0-.9194.3589-.9882.7473l-.2214 1.2506c-.0963.5438-.6152.9066-1.159.8103-.5439-.0963-.9067-.6152-.8104-1.159l.2215-1.2507c.2527-1.4268 1.5383-2.3985 2.9575-2.3985h3.6115c1.419 0 2.7047.9717 2.9574 2.3985l.2215 1.2507c.0963.5438-.2665 1.0627-.8103 1.159-.5439.0963-1.0628-.2665-1.159-.8103l-.2215-1.2506c-.0688-.3884-.452-.7473-.9882-.7473h-3.6114Z'
+        clipRule='evenodd'
       />
     )
+  }
 )
 
 IconDiagramCardUser[iconSymbol] = true

package/react/distribute-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 IconDistributeHorizontal: 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 3v18m16-18v18'
       />,
-      <rect width={4} height={10} x={10} y={7} fill='red' rx={2} />,
+      <rect width={4} height={10} x={10} y={7} fill='currentColor' rx={2} />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconDistributeHorizontal[iconSymbol] = true

package/react/distribute-vertical.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 IconDistributeVertical: 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 4h-18m18 16h-18'
@@ -31,16 +34,17 @@ export const IconDistributeVertical: IconComponentType = forwardRef(
         height={10}
         x={17}
         y={10}
-        fill='red'
+        fill='currentColor'
         rx={2}
         transform='rotate(90 17 10)'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconDistributeVertical[iconSymbol] = true

package/react/dollar-sign-currency.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 IconDollarSignCurrency: 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='M17 8.6667c0-1.1111-1-3.3334-5-3.3334s-5 2.2223-5 3.3334c0 1.111 1 3.3333 5 3.3333m0 0c4 0 5 2.2222 5 3.3333s-1 3.3334-5 3.3334-5-2.2223-5-3.3334m5-3.3333v-8m0 8v8'
       />
     )
+  }
 )
 
 IconDollarSignCurrency[iconSymbol] = true

package/react/dot-voting.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 IconDotVoting: 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='M11.046 20.95a9.001 9.001 0 0 1 .954-17.95 9.0008 9.0008 0 0 1 8.953 8.072c-.15-.018-.3-.033-.451-.044-5.644-.422-9.881 3.974-9.475 9.687.006.079.012.157.02.235h-.001Zm8.631-7.95-6.672 6.673c.131-3.856 2.931-6.63 6.672-6.672v-.001Zm3.323-1c0 .333-.143.649-.378.885l-9.737 9.737a1.2566 1.2566 0 0 1-.885.378c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11Z'
         clipRule='evenodd'
       />
     )
+  }
 )
 
 IconDotVoting[iconSymbol] = true

package/react/dots-nine.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 IconDotsNine: 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='M6 4c0 1.1046-.8954 2-2 2s-2-.8954-2-2 .8954-2 2-2 2 .8954 2 2ZM14 4c0 1.1046-.8954 2-2 2s-2-.8954-2-2 .8954-2 2-2 2 .8954 2 2ZM22 4c0 1.1046-.8954 2-2 2s-2-.8954-2-2 .8954-2 2-2 2 .8954 2 2ZM6 12c0 1.1046-.8954 2-2 2s-2-.8954-2-2 .8954-2 2-2 2 .8954 2 2ZM6 20c0 1.1046-.8954 2-2 2s-2-.8954-2-2 .8954-2 2-2 2 .8954 2 2ZM14 12c0 1.1046-.8954 2-2 2s-2-.8954-2-2 .8954-2 2-2 2 .8954 2 2ZM14 20c0 1.1046-.8954 2-2 2s-2-.8954-2-2 .8954-2 2-2 2 .8954 2 2ZM22 12c0 1.1046-.8954 2-2 2s-2-.8954-2-2 .8954-2 2-2 2 .8954 2 2ZM22 20c0 1.1046-.8954 2-2 2s-2-.8954-2-2 .8954-2 2-2 2 .8954 2 2Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='m12 12.0003.001-.0003'
       />
     )
+  }
 )
 
 IconDotsNine[iconSymbol] = true

package/react/dots-six-horizontal.tsx

@@ -4,27 +4,31 @@
  */
 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 IconDotsSixHorizontal: 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='M6 8c0 1.1046-.8954 2-2 2s-2-.8954-2-2 .8954-2 2-2 2 .8954 2 2ZM6 16c0 1.1046-.8954 2-2 2s-2-.8954-2-2 .8954-2 2-2 2 .8954 2 2ZM14 8c0 1.1046-.8954 2-2 2s-2-.8954-2-2 .8954-2 2-2 2 .8954 2 2ZM14 16c0 1.1046-.8954 2-2 2s-2-.8954-2-2 .8954-2 2-2 2 .8954 2 2ZM22 8c0 1.1046-.8954 2-2 2s-2-.8954-2-2 .8954-2 2-2 2 .8954 2 2ZM22 16c0 1.1046-.8954 2-2 2s-2-.8954-2-2 .8954-2 2-2 2 .8954 2 2Z'
       />
     )
+  }
 )
 
 IconDotsSixHorizontal[iconSymbol] = true