@mirohq/design-system-icons 0.46.0 → 0.47.1-style-dictionary.3

package/react/presentation-play.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 IconPresentationPlay: 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 IconPresentationPlay: IconComponentType = forwardRef(
         d='M14.2854 10.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'
       />
     )
+  }
 )
 
 IconPresentationPlay[iconSymbol] = true

package/react/presentation-plus.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 IconPresentationPlus: 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 IconPresentationPlus: IconComponentType = forwardRef(
         d='M12 4h-9v14h5m4-14h9v14h-5m-4-14v-2m-4 16-2 4m2-4h8m0 0 2 4m-9-11h3m0 0h3m-3 0v-3m0 3v3'
       />
     )
+  }
 )
 
 IconPresentationPlus[iconSymbol] = true

package/react/previous.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 IconPrevious: 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',
@@ -25,6 +28,7 @@ export const IconPrevious: IconComponentType = forwardRef(
         d='m8.4638 10.7071 9.4112-5.536c.9999-.5881 2.2605.1328 2.2605 1.293v11.0719c0 1.1601-1.2606 1.8811-2.2605 1.2929l-9.4112-5.536c-.986-.58-.986-2.0058 0-2.5858ZM4 5c0-.5523.4477-1 1-1s1 .4477 1 1v14c0 .5523-.4477 1-1 1s-1-.4477-1-1v-14Z'
       />
     )
+  }
 )
 
 IconPrevious[iconSymbol] = true

package/react/prohibit.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 IconProhibit: 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',
@@ -26,6 +29,7 @@ export const IconProhibit: IconComponentType = forwardRef(
         d='m7.3333 16.6667 9.3334-9.3334m2.3333 4.6667c0 3.866-3.134 7-7 7-1.9399 0-3.6956-.7891-4.9634-2.0639-1.2587-1.2657-2.0366-3.01-2.0366-4.9361 0-3.866 3.134-7 7-7 1.8641 0 3.558.7287 4.8125 1.9167 1.3472 1.2758 2.1875 3.0814 2.1875 5.0833ZM12 12v.0001'
       />
     )
+  }
 )
 
 IconProhibit[iconSymbol] = true

package/react/push-pin-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 IconPushPinFilled: 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 IconPushPinFilled: IconComponentType = forwardRef(
         d='m4.8846 12.5 9.8846-8.1154 4.8462 4.8462-7.9387 10.0613-3.4844-3.4844-3.3077-3.3077Z'
       />
     )
+  }
 )
 
 IconPushPinFilled[iconSymbol] = true

package/react/push-pin.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 IconPushPin: 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 IconPushPin: IconComponentType = forwardRef(
         d='M12 19v.0001'
       />
     )
+  }
 )
 
 IconPushPin[iconSymbol] = true

package/react/question-mark-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 IconQuestionMarkCircle: 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 IconQuestionMarkCircle: IconComponentType = forwardRef(
         d='M12 13.9999v.0001'
       />
     )
+  }
 )
 
 IconQuestionMarkCircle[iconSymbol] = true

package/react/question-mark.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 IconQuestionMark: 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 IconQuestionMark: IconComponentType = forwardRef(
         d='M12 14v.0001'
       />
     )
+  }
 )
 
 IconQuestionMark[iconSymbol] = true

package/react/quotes.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 IconQuotes: 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',
@@ -27,6 +30,7 @@ export const IconQuotes: IconComponentType = forwardRef(
         d='M10 13.1667h-6c-.5523 0-1-.5224-1-1.1667v-5.8333c0-.6444.4477-1.1667 1-1.1667h5c.5523 0 1 .5223 1 1.1667v7Zm0 0c0 4.6666-3 5.8333-3 5.8333m14-5.8333h-6c-.5523 0-1-.5224-1-1.1667v-5.8333c0-.6444.4477-1.1667 1-1.1667h5c.5523 0 1 .5223 1 1.1667v7Zm0 0c0 4.6666-3 5.8333-3 5.8333'
       />
     )
+  }
 )
 
 IconQuotes[iconSymbol] = true

package/react/rectangle-arrow-up-center.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 IconRectangleArrowUpCenter: 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 IconRectangleArrowUpCenter: IconComponentType = forwardRef(
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconRectangleArrowUpCenter[iconSymbol] = true

package/react/rectangle-dash-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 IconRectangleDashLines: 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 IconRectangleDashLines: IconComponentType = forwardRef(
         d='M11 10h6m-10 4h10m-10-4h1m-5-6h18v16h-18v-16Z'
       />
     )
+  }
 )
 
 IconRectangleDashLines[iconSymbol] = true

package/react/rectangle-dot-line-pen.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 IconRectangleDotLinePen: 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',
@@ -38,6 +41,7 @@ export const IconRectangleDotLinePen: IconComponentType = forwardRef(
         clipRule='evenodd'
       />
     )
+  }
 )
 
 IconRectangleDotLinePen[iconSymbol] = true

package/react/rectangle-frame-2-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 IconRectangleFrame2Lines: 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 IconRectangleFrame2Lines: IconComponentType = forwardRef(
         d='M9 10h6m-8 4h10m-13 4h16c.5523 0 1-.4477 1-1v-10c0-.5523-.4477-1-1-1h-16c-.5523 0-1 .4477-1 1v10c0 .5523.4477 1 1 1Z'
       />
     )
+  }
 )
 
 IconRectangleFrame2Lines[iconSymbol] = true

package/react/rectangle-play-stack.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 IconRectanglePlayStack: 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 IconRectanglePlayStack: IconComponentType = forwardRef(
         d='M13.2596 13.0681c.3308.1929.3308.6709 0 .8638l-4.5077 2.6295c-.3333.1944-.7519-.046-.7519-.4319v-5.259c0-.3859.4186-.6263.752-.4319l4.5076 2.6295Z'
       />
     )
+  }
 )
 
 IconRectanglePlayStack[iconSymbol] = true

package/react/rectangle-portrait-dash-square-top-center.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 IconRectanglePortraitDashSquareTopCenter: 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: 'none',
@@ -27,6 +30,6 @@ export const IconRectanglePortraitDashSquareTopCenter: IconComponentType =
         d='M3 6v-2c0-.5523.4477-1 1-1h2m12 0h2c.5523 0 1 .4477 1 1v2m0 4v4m0 4v2c0 .5523-.4477 1-1 1h-2m-4 0h-4m-4 0h-2c-.5523 0-1-.4477-1-1v-2m0-4v-4m6-7h6v6h-6v-6Z'
       />
     )
-  )
+  })
 
 IconRectanglePortraitDashSquareTopCenter[iconSymbol] = true

package/react/rectangle-portrait-dash-square-top-left.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 IconRectanglePortraitDashSquareTopLeft: 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: 'none',
@@ -27,6 +30,6 @@ export const IconRectanglePortraitDashSquareTopLeft: IconComponentType =
         d='M13 3h3m2 0h2c.5523 0 1 .4477 1 1v2m0 2v3m0 2v3m0 2v2c0 .5523-.4477 1-1 1h-2m-15-3v2c0 .5523.4477 1 1 1h2m10 0h-3m-5 0h3m-8-5v-3m0-4h6v-6h-5c-.5523 0-1 .4477-1 1v5Z'
       />
     )
-  )
+  })
 
 IconRectanglePortraitDashSquareTopLeft[iconSymbol] = true

package/react/rectangle-portrait-dash.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 IconRectanglePortraitDash: 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',
@@ -27,6 +30,7 @@ export const IconRectanglePortraitDash: IconComponentType = forwardRef(
         d='M3 6v-2c0-.5523.4477-1 1-1h2m4 0h4m4 0h2c.5523 0 1 .4477 1 1v2m0 4v4m0 4v2c0 .5523-.4477 1-1 1h-2m-4 0h-4m-4 0h-2c-.5523 0-1-.4477-1-1v-2m0-4v-4'
       />
     )
+  }
 )
 
 IconRectanglePortraitDash[iconSymbol] = true

package/react/rectangle-portrait-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 IconRectanglePortraitFilled: 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 IconRectanglePortraitFilled: IconComponentType = forwardRef(
         d='M3 4c0-.5523.4477-1 1-1h16c.5523 0 1 .4477 1 1v16c0 .5523-.4477 1-1 1h-16c-.5523 0-1-.4477-1-1v-16Z'
       />
     )
+  }
 )
 
 IconRectanglePortraitFilled[iconSymbol] = true

package/react/rectangle-portrait-square-top-left.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 IconRectanglePortraitSquareTopLeft: 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',
@@ -27,6 +30,7 @@ export const IconRectanglePortraitSquareTopLeft: IconComponentType = forwardRef(
         d='M3 9v-5c0-.5523.4477-1 1-1h5m-6 6v11c0 .5523.4477 1 1 1h16c.5523 0 1-.4477 1-1v-16c0-.5523-.4477-1-1-1h-11m-6 6h6v-6'
       />
     )
+  }
 )
 
 IconRectanglePortraitSquareTopLeft[iconSymbol] = true

package/react/rectangle-portrait.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 IconRectanglePortrait: 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',
@@ -27,6 +30,7 @@ export const IconRectanglePortrait: IconComponentType = forwardRef(
         d='M3 4c0-.5523.4477-1 1-1h16c.5523 0 1 .4477 1 1v16c0 .5523-.4477 1-1 1h-16c-.5523 0-1-.4477-1-1v-16Z'
       />
     )
+  }
 )
 
 IconRectanglePortrait[iconSymbol] = true

package/react/rectangle-tick.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 IconRectangleTick: 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 IconRectangleTick: IconComponentType = forwardRef(
         d='M14.6471 4h-10.6471c-.5523 0-1 .4477-1 1v15c0 .5523.4477 1 1 1h16c.5523 0 1-.4477 1-1v-7.5m-13-.5 3.5 3.5 9-11.5'
       />
     )
+  }
 )
 
 IconRectangleTick[iconSymbol] = true