@mirohq/design-system-icons 0.59.1 → 0.60.0

package/react/text-h-three.tsx

@@ -5,21 +5,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 { useNewDesignLanguage } from '@mirohq/design-system-experiments'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
-export const IconTextHThree: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconTextHThreeNew: IconComponentType = forwardRef(
+  (props, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        'aria-hidden': true,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        fill='currentColor'
+        d='M20 6h1l-1-1v1Zm0 12v1l1-1h-1Zm-17-13v7h2v-7h-2Zm0 7v7h2v-7h-2Zm1 1h7v-2h-7v2Zm10-6h6v-2h-6v2Zm5-1v6h2v-6h-2Zm1 5h-6v2h6v-2Zm-1 1v6h2v-6h-2Zm1 5h-6v2h6v-2Zm-10-12v7h2v-7h-2Zm0 7v7h2v-7h-2Z'
+      />
+    )
+  }
+)
+
+export const IconTextHThreeOld: IconComponentType = forwardRef(
+  (props, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
-        size,
         viewBox: '0 0 24 24',
         fill: 'none',
         ref: forwardRef,
@@ -40,4 +60,25 @@ export const IconTextHThree: IconComponentType = forwardRef(
   }
 )
 
+export const IconTextHThree: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconTextHThreeNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconTextHThreeOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconTextHThree[iconSymbol] = true

package/react/text-h-two.tsx

@@ -5,21 +5,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 { useNewDesignLanguage } from '@mirohq/design-system-experiments'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
-export const IconTextHTwo: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconTextHTwoNew: IconComponentType = forwardRef(
+  (props, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        'aria-hidden': true,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        stroke='currentColor'
+        strokeLinejoin='bevel'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M4 5v7m0 7v-7m0 0h7m0 0v-7m0 7v7m3-13h6v6h-5v6h6'
+      />
+    )
+  }
+)
+
+export const IconTextHTwoOld: IconComponentType = forwardRef(
+  (props, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
-        size,
         viewBox: '0 0 24 24',
         fill: 'none',
         ref: forwardRef,
@@ -40,4 +62,25 @@ export const IconTextHTwo: IconComponentType = forwardRef(
   }
 )
 
+export const IconTextHTwo: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconTextHTwoNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconTextHTwoOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconTextHTwo[iconSymbol] = true

package/react/text-i-italic.tsx

@@ -5,21 +5,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 { useNewDesignLanguage } from '@mirohq/design-system-experiments'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
-export const IconTextIItalic: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconTextIItalicNew: IconComponentType = forwardRef(
+  (props, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        'aria-hidden': true,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M11 5h4m4 0h-4m0 0-6 14m0 0h-4m4 0h4'
+      />
+    )
+  }
+)
+
+export const IconTextIItalicOld: IconComponentType = forwardRef(
+  (props, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
-        size,
         viewBox: '0 0 24 24',
         fill: 'none',
         ref: forwardRef,
@@ -39,4 +60,25 @@ export const IconTextIItalic: IconComponentType = forwardRef(
   }
 )
 
+export const IconTextIItalic: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconTextIItalicNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconTextIItalicOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconTextIItalic[iconSymbol] = true

package/react/text-indent.tsx

@@ -5,21 +5,49 @@
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
 import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
+import { useNewDesignLanguage } from '@mirohq/design-system-experiments'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
-export const IconTextIndent: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconTextIndentNew: IconComponentType = forwardRef(
+  (props, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        'aria-hidden': true,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        stroke='currentColor'
+        strokeLinejoin='round'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M12 3v18m3-15h7m-7 6h5m-5 6h7M1 12h7'
+      />,
+      <path
+        stroke='currentColor'
+        strokeLinejoin='bevel'
+        strokeWidth='var(--svg-stroke-width)'
+        d='m6 9 3 3-3 3'
+      />
+    )
+  }
+)
+
+export const IconTextIndentOld: IconComponentType = forwardRef(
+  (props, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
-        size,
         viewBox: '0 0 24 24',
         fill: 'none',
         ref: forwardRef,
@@ -40,4 +68,25 @@ export const IconTextIndent: IconComponentType = forwardRef(
   }
 )
 
+export const IconTextIndent: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconTextIndentNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconTextIndentOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconTextIndent[iconSymbol] = true

package/react/text-line-height.tsx

@@ -5,21 +5,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 { useNewDesignLanguage } from '@mirohq/design-system-experiments'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
-export const IconTextLineHeight: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconTextLineHeightNew: IconComponentType = forwardRef(
+  (props, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        'aria-hidden': true,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        stroke='currentColor'
+        strokeLinejoin='bevel'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M18 19v-14M14 15l4 4 4-4m-8-7 4-3 4 3M1 6h9m-9 8h9m-9 4h9m-9-8h9'
+      />
+    )
+  }
+)
+
+export const IconTextLineHeightOld: IconComponentType = forwardRef(
+  (props, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
-        size,
         viewBox: '0 0 24 24',
         fill: 'none',
         ref: forwardRef,
@@ -27,17 +49,38 @@ export const IconTextLineHeight: IconComponentType = forwardRef(
       <path
         fill='currentColor'
         fillRule='evenodd'
-        d='M1 6c0-.5523.4477-1 1-1h9c.5523 0 1 .4477 1 1 0 .5522-.4477 1-1 1h-9c-.5523 0-1-.4478-1-1ZM1 10c0-.5523.4477-1 1-1h9c.5523 0 1 .4477 1 1 0 .5522-.4477.9999-1 .9999h-9c-.5523 0-1-.4477-1-1ZM1 13.9999c0-.5522.4477-1 1-1h9c.5523 0 1 .4478 1 1 0 .5523-.4477 1-1 1h-9c-.5523 0-1-.4477-1-1ZM17.3025 18.9999v-14h1.6v14h-1.6Z'
+        d='M1 6c0-.5523.4477-1 1-1h9c.5523 0 1 .4477 1 1s-.4477 1-1 1h-9c-.5523 0-1-.4477-1-1ZM1 10c0-.5523.4477-1 1-1h9c.5523 0 1 .4477 1 1s-.4477 1-1 1h-9c-.5523 0-1-.4477-1-1ZM1 14c0-.5523.4477-1 1-1h9c.5523 0 1 .4477 1 1s-.4477 1-1 1h-9c-.5523 0-1-.4477-1-1ZM17.3025 18.9999v-14h1.6v14h-1.6Z'
         clipRule='evenodd'
       />,
       <path
         fill='currentColor'
         fillRule='evenodd'
-        d='M17.0585 4.8284c.5123-.538 1.3705-.538 1.8828 0l3.6378 3.8198-1.1586 1.1035-3.4206-3.5917-3.4206 3.5917-1.1586-1.1035 3.6378-3.8198ZM18.9411 19.1715c-.5123.538-1.3705.538-1.8828 0l-3.6378-3.8198 1.1586-1.1034 3.4206 3.5917 3.4206-3.5917 1.1586 1.1034-3.6378 3.8198ZM1 17.9999c0-.5522.4477-1 1-1h9c.5523 0 1 .4478 1 1 0 .5523-.4477 1-1 1h-9c-.5523 0-1-.4477-1-1Z'
+        d='M17.0585 4.8285c.5123-.538 1.3705-.538 1.8828 0l3.6378 3.8198-1.1586 1.1034-3.4206-3.5917-3.4206 3.5917-1.1586-1.1034 3.6378-3.8199ZM18.9411 19.1716c-.5123.5379-1.3705.5379-1.8828 0l-3.6378-3.8199 1.1586-1.1034 3.4206 3.5917 3.4206-3.5917 1.1586 1.1034-3.6378 3.8199ZM1 18c0-.5523.4477-1 1-1h9c.5523 0 1 .4477 1 1s-.4477 1-1 1h-9c-.5523 0-1-.4477-1-1Z'
         clipRule='evenodd'
       />
     )
   }
 )
 
+export const IconTextLineHeight: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconTextLineHeightNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconTextLineHeightOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconTextLineHeight[iconSymbol] = true

package/react/text-lines-three.tsx

@@ -5,21 +5,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 { useNewDesignLanguage } from '@mirohq/design-system-experiments'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
-export const IconTextLinesThree: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconTextLinesThreeNew: IconComponentType = forwardRef(
+  (props, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        'aria-hidden': true,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        stroke='currentColor'
+        strokeLinejoin='bevel'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M4 6h16m-16 6h16m-16 6h9.6'
+      />
+    )
+  }
+)
+
+export const IconTextLinesThreeOld: IconComponentType = forwardRef(
+  (props, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
-        size,
         viewBox: '0 0 24 24',
         fill: 'none',
         ref: forwardRef,
@@ -40,4 +62,25 @@ export const IconTextLinesThree: IconComponentType = forwardRef(
   }
 )
 
+export const IconTextLinesThree: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconTextLinesThreeNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconTextLinesThreeOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconTextLinesThree[iconSymbol] = true

package/react/text-s-strikethrough.tsx

@@ -5,21 +5,53 @@
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
 import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
+import { useNewDesignLanguage } from '@mirohq/design-system-experiments'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
-export const IconTextSStrikethrough: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconTextSStrikethroughNew: IconComponentType = forwardRef(
+  (props, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        'aria-hidden': true,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M12 12c3.2 0 4 2.6667 4 4s-.4946 4-4 4c-1.9039 0-2.9583-.9545-3.5-2m7-12c-.5401-1.0497-1-2-3.5-2-3.2 0-4 2.6667-4 4 0 .2853.071.6317.16 1'
+      />,
+      <path
+        stroke='currentColor'
+        strokeLinejoin='round'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M3 12h18'
+      />,
+      <path
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M12 11.9999v.0001'
+      />
+    )
+  }
+)
+
+export const IconTextSStrikethroughOld: IconComponentType = forwardRef(
+  (props, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
-        size,
         viewBox: '0 0 24 24',
         fill: 'none',
         ref: forwardRef,
@@ -29,7 +61,7 @@ export const IconTextSStrikethrough: IconComponentType = forwardRef(
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
-        d='M8 19s1.1958.9921 4 1c.9809.0027 4-.5 4-4s-4-4-4-4m0 0h-7m7 0h7m-3.5-7.25s-3.2759-1.816-6 0c-1.2165.811-1.5459 2.0442-1.4489 3.25'
+        d='M8 19s1.1958.9921 4 1c.9809.0027 4-.5 4-4s-4-4-4-4m0 0h-7m7 0h7m-3.5-7.25s-3.2759-1.816-6 0c-1.2165.8109-1.5459 2.0442-1.4489 3.25'
       />,
       <path
         stroke='currentColor'
@@ -40,4 +72,25 @@ export const IconTextSStrikethrough: IconComponentType = forwardRef(
   }
 )
 
+export const IconTextSStrikethrough: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconTextSStrikethroughNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconTextSStrikethroughOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconTextSStrikethrough[iconSymbol] = true

package/react/text-styles.tsx

@@ -5,21 +5,46 @@
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
 import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
+import { useNewDesignLanguage } from '@mirohq/design-system-experiments'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
-export const IconTextStyles: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconTextStylesNew: IconComponentType = forwardRef(
+  (props, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        'aria-hidden': true,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        fill='currentColor'
+        d='m8 3 .932-.3624h-1.864l.932.3624Zm3.5 9 .9487-.3162a1.013 1.013 0 0 0-.0167-.0462l-.932.3624Zm-9.4363 3.6489-.3511.9363 1.8726.7023.3511-.9364-1.8726-.7022Zm2.4363-3.6489-.932-.3625-.0043.0114.9363.3511Zm6.5513 1.8162.3162.9487 1.8974-.6324-.3162-.9487-1.8974.6324Zm-3.9833-10.4537 3.5 8.9999 1.864-.7248-3.5-9-1.864.7248Zm-3.1317 12.9886 1.5-4-1.8726-.7022-1.5 4 1.8726.7022Zm1.4957-3.9887 3.5-9-1.864-.7248-3.5 9 1.864.7248Zm6.068-1.3624h-7v2h7v-2Zm-.9487 1.3162.5 1.5 1.8974-.6324-.5-1.5-1.8974.6324Z'
+      />,
+      <path
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M22 20s-1.2215 1.4218-2.5 1c-1.4266-.4706-1.1666-3-1-4.5.1969-1.7719 1-3 1-3m-1.5 5c-.8564 1.8366-2.7635 3.0766-4 2.5-1.2366-.5766-1.6064-2.6634-.75-4.5.8563-1.8366 2.7634-3.0766 4-2.5 1.2365.5766 1.6063 2.6634.75 4.5Z'
+      />
+    )
+  }
+)
+
+export const IconTextStylesOld: IconComponentType = forwardRef(
+  (props, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
-        size,
         viewBox: '0 0 24 24',
         fill: 'none',
         ref: forwardRef,
@@ -46,4 +71,25 @@ export const IconTextStyles: IconComponentType = forwardRef(
   }
 )
 
+export const IconTextStyles: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconTextStylesNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconTextStylesOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconTextStyles[iconSymbol] = true

package/react/text-t.tsx

@@ -5,21 +5,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 { useNewDesignLanguage } from '@mirohq/design-system-experiments'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
-export const IconTextT: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconTextTNew: IconComponentType = forwardRef(
+  (props, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        'aria-hidden': true,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        stroke='currentColor'
+        strokeLinejoin='bevel'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M21 8v-4h-9m-9 4v-4h9m0 0 .0008 17m0 0h3.9992m-3.9992 0h-4.0008'
+      />
+    )
+  }
+)
+
+export const IconTextTOld: IconComponentType = forwardRef(
+  (props, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
-        size,
         viewBox: '0 0 24 24',
         fill: 'none',
         ref: forwardRef,
@@ -39,4 +61,15 @@ export const IconTextT: IconComponentType = forwardRef(
   }
 )
 
+export const IconTextT: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconTextTNew {...props} size={size} weight={weight} ref={forwardRef} />
+    ) : (
+      <IconTextTOld {...props} size={size} weight={weight} ref={forwardRef} />
+    )
+  }
+)
+
 IconTextT[iconSymbol] = true