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

package/react/text-indent.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 IconTextIndent: 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 3v18m-10-9h7m0 0-3-3m3 3-3 3m10-9h6m-6 6h3m-3 6h6'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconTextIndent[iconSymbol] = true

package/react/text-lines-three.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 IconTextLinesThree: 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='M4 6h15m-15 6h15m-15 6h9'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconTextLinesThree[iconSymbol] = true

package/react/text-s-strikethrough.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 IconTextSStrikethrough: 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='M8 18.9999s1.1958.9922 4 1c.9809.0028 4-.5 4-4s-4-4-4-4m0 0h-7m7 0h7m-3.5-7.25s-3.2759-1.8159-6 0c-1.2165.811-1.5459 2.0443-1.4489 3.2501'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconTextSStrikethrough[iconSymbol] = true

package/react/text-styles.tsx

@@ -4,41 +4,45 @@
  */
 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 IconTextStyles: 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.4615 12-3.4615-9-3.4615 9m6.923 0h-6.923m6.923 0 .5193 1.5m-8.9808 2.5 1.5385-4'
       />,
       <path
-        fill='red'
+        fill='currentColor'
         fillRule='evenodd'
         d='M21.6931 21.3213a3.984 3.984 0 0 0 .6079-.5395c.1825-.1993.3302-.3942.442-.5849.0869-.1298.1507-.2589.1897-.3872.0437-.1307.0673-.2506.0673-.3586 0-.1052-.0536-.1964-.1369-.2727-.0811-.0799-.1787-.124-.2898-.124-.094 0-.1664.0636-.2198.1366a7.6536 7.6536 0 0 1-.1688.2204l-.0008.001-.0007.0009c-.2208.2942-.4714.5136-.7513.661-.2698.1451-.6255.2213-1.0714.2213a1.0897 1.0897 0 0 1-.505-.1233c-.1461-.0778-.2813-.2218-.4016-.4434-.1196-.2264-.2163-.5373-.2873-.9369-.0706-.3974-.1065-.9123-.1065-1.5465 0-.2206.0205-.4659.0619-.7361a21.212 21.212 0 0 1 .1342-.7815 75.761 75.761 0 0 1 .1435-.6681c.0415-.1882.0652-.3235.0652-.395 0-.1196-.014-.2238-.0538-.2987a.5385.5385 0 0 0-.115-.1753 18.6126 18.6126 0 0 0-.1109-.1271c-.0256-.0401-.0513-.1062-.0734-.2049l-.0004-.0019-.0005-.0019c-.0269-.1-.0731-.2007-.137-.3022a1.3113 1.3113 0 0 0-.2215-.2679c-.0826-.0818-.1697-.1492-.2613-.2012-.0935-.053-.1875-.0837-.2805-.0837a.4145.4145 0 0 0-.1859.0456 1.8137 1.8137 0 0 0-.1478.0823l-.1354.0672a.314.314 0 0 1-.1066.0192c-.0365 0-.0867-.0068-.1525-.0229a4.6873 4.6873 0 0 0-.2113-.0699 3.322 3.322 0 0 0-.217-.0806c-.0729-.0262-.1435-.0409-.2108-.0409-.218 0-.488.1032-.8034.2898-.313.1829-.6421.4343-.9872.7528-.346.3134-.6851.6803-1.0175 1.1002a7.9268 7.9268 0 0 0-.8643 1.3277c-.2167.4122-.4006.7922-.5516 1.14l-.0005.0012c-.1447.3472-.2656.6711-.3625.9716l-.0003.0012c-.091.295-.158.573-.2008.8338l-.0003.0021c-.0365.2598-.0549.5082-.0549.7451 0 .2428.0408.4741.1228.6933.0813.2172.1912.4108.3301.58l.0013.0016c.1447.1687.3093.3041.4938.4051l.0012.0007c.1926.1019.3936.1538.6019.1538.3074 0 .652-.0983 1.0314-.2867.384-.1935.7704-.4413 1.1583-.7421.3934-.3065.7716-.6489 1.1343-1.0269.3121-.3201.588-.6428.8273-.9681.0711.3367.1567.6594.257.9679l.0004.0013c.1281.3754.2873.7073.4783.9947l.0013.0019c.1984.2831.4322.5096.7018.6776.2809.1711.6111.2554.9854.2554.2877 0 .5663-.0529.8351-.1583.2648-.104.509-.2359.7314-.3954Zm-4.0998-6.7647c.121.1722.1906.4703.1906.9119 0 .2156-.0371.4538-.1131.715-.0766.2573-.1769.521-.3012.7911a8.4463 8.4463 0 0 1-.4182.795l-.0008.0014a10.8507 10.8507 0 0 1-.4459.7171l-.0007.001c-.1344.2031-.3077.4192-.5208.6484a9.3732 9.3732 0 0 1-.6586.6273l-.001.0008c-.219.1939-.4252.3546-.6184.4826-.0959.0605-.1777.1043-.246.1328-.0695.029-.1192.0396-.1525.0396-.2845 0-.4491-.0786-.5323-.2066-.0956-.1533-.1474-.3605-.1474-.6289 0-.1801.0312-.3859.0956-.6182.0647-.2398.1505-.4894.257-.748.1129-.2655.2408-.5372.3837-.8149.1431-.2782.2921-.5504.4471-.8167a35.79 35.79 0 0 1 .4747-.7646c.1609-.2426.3125-.458.455-.6466l.0008-.001.0008-.0011c.0676-.0951.1561-.1947.2667-.2987a2.5586 2.5586 0 0 1 .3645-.2842 1.9823 1.9823 0 0 1 .4123-.2047l.0019-.0007c.1464-.0559.2879-.0831.4251-.0831.1316 0 .2596.073.3811.254Z'
         clipRule='evenodd'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M11 12v.0001'
       />
     )
+  }
 )
 
 IconTextStyles[iconSymbol] = true

package/react/text-t.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 IconTextT: 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 6v-2.5a.5.5 0 0 1 .5-.5h8.5m9 3v-2.5a.5.5 0 0 0-.5-.5h-8.5m0 0v18m0 0h-3m3 0h3'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconTextT[iconSymbol] = true

package/react/text-u-underlined.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 IconTextUUnderlined: 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 20h10m-10-16v8c0 3 2.7229 4 5 4s5-1 5-4v-8'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 19.9999v.0001'
       />
     )
+  }
 )
 
 IconTextUUnderlined[iconSymbol] = true

package/react/thumbs-up.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 IconThumbsUp: 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 12.0021v7.9979m3.2-1.0479v-7.1281c0-.1369.0273-.2724.0803-.399l3.2494-8.1005c.1626-.3879.7001-.4402.937-.0911l.553 1.077c.6668.9826.8807 2.196.5892 3.3417l-.5892 2.3479h5.3333c1.1782 0 2.647.9832 2.647 2.1406v2.6198c0 2.8938-2.9211 5.2396-5.8667 5.2396h-5.8666c-.5891 0-1.0667-.4692-1.0667-1.0479Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M4 14v.0001'
       />
     )
+  }
 )
 
 IconThumbsUp[iconSymbol] = true

package/react/tick-circle.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 IconTickCircle: 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='m8 12 3 3 5-6m5 3c0 4.9706-4.0294 9-9 9s-9-4.0294-9-9 4.0294-9 9-9 9 4.0294 9 9Z'
       />
     )
+  }
 )
 
 IconTickCircle[iconSymbol] = true

package/react/ticket.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 IconTicket: 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 5v14m-6.5-14h15c.5523 0 1 .4477 1 1v3.148c-1.7543 0-3 1.0977-3 2.852s1.2457 2.852 3 2.852v3.148c0 .5523-.4477 1-1 1h-15c-.5523 0-1-.4477-1-1v-3.148c1.7543 0 3-1.0977 3-2.852 0-1.5938-1.2457-2.852-3-2.852v-3.148c0-.5523.4477-1 1-1Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M11 11.9999v.0001'
       />
     )
+  }
 )
 
 IconTicket[iconSymbol] = true

package/react/timer.tsx

@@ -4,37 +4,41 @@
  */
 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 IconTimer: 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'
         strokeMiterlimit={1.414}
         strokeWidth='var(--svg-stroke-width)'
         d='m12 12 3-3m-3-6c-4.9706 0-9 4.0294-9 9s4.0294 9 9 9 9-4.0294 9-9-4.0294-9-9-9Zm0 0v-2'
       />,
-      <circle cx={12} cy={12} r={2} fill='red' />,
+      <circle cx={12} cy={12} r={2} fill='currentColor' />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconTimer[iconSymbol] = true

package/react/toolbar.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 IconToolbar: 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='M6.5 9h-4.5c-.5523 0-1 .4477-1 1v4c0 .5523.4477 1 1 1h4.5m0-6h5.5m-5.5 0v6m0 0h5.5m0-6v6m0-6h5.5m-5.5 6h5.5m0 0h4.5c.5523 0 1-.4477 1-1v-4c0-.5523-.4477-1-1-1h-4.5m0 6v-6'
       />
     )
+  }
 )
 
 IconToolbar[iconSymbol] = true

package/react/tooltip.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 IconTooltip: 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='M22 14v-8c0-.5523-.4477-1-1-1h-18c-.5523 0-1 .4477-1 1v8c0 .5523.4477 1 1 1h5.5a1 1 0 0 1 .8.4l2.7 3.6 2.7-3.6a1 1 0 0 1 .8-.4h5.5c.5523 0 1-.4477 1-1Z'
       />
     )
+  }
 )
 
 IconTooltip[iconSymbol] = true

package/react/trackpad.tsx

@@ -4,28 +4,32 @@
  */
 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 IconTrackpad: 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'
         strokeWidth='var(--svg-stroke-width)'
         d='M4 14v2c0 1.6569 1.3431 3 3 3h5m-8-5v-7c0-1.6569 1.3431-3 3-3h10c1.6569 0 3 1.3431 3 3v7m-16 0h8m8 0v2c0 1.6569-1.3431 3-3 3h-5m8-5h-8m0 0v5M12 14v.0001'
       />
     )
+  }
 )
 
 IconTrackpad[iconSymbol] = true

package/react/trapeze.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 IconTrapeze: 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='M18 3h-12l-3.9063 18h19.9063l-4-18Z'
       />
     )
+  }
 )
 
 IconTrapeze[iconSymbol] = true

package/react/trash-simple.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 IconTrashSimple: 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'
         strokeMiterlimit={1.414}
         strokeWidth='var(--svg-stroke-width)'
         d='M4 5h8m8 0h-8m0 0v-2m-6 5v12.75a.25.25 0 0 0 .25.25h11.5a.25.25 0 0 0 .25-.25v-12.75'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 21v.0001'
       />
     )
+  }
 )
 
 IconTrashSimple[iconSymbol] = true