@mirohq/design-system-icons 0.59.1 → 0.60.0

package/react/text-a-underline.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 IconTextAUnderline: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconTextAUnderlineNew: 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='m6.077 15.6154-.3847.9231 1.8462.7692.3846-.9231-1.8462-.7692Zm5.923-11.6154.9231-.3846h-1.8462l.9231.3846Zm4.0769 12.3846.3846.9231 1.8462-.7692-.3846-.9231-1.8462.7692Zm-5-12 3.75 9 1.8462-.7692-3.75-9-1.8462.7692Zm3.75 9 1.25 3 1.8462-.7692-1.25-3-1.8462.7692Zm-6.9038 3 1.25-3-1.8462-.7692-1.25 3 1.8462.7692Zm1.25-3 3.75-9-1.8462-.7692-3.75 9 1.8462.7692Zm6.5769-1.3846h-7.5v2h7.5v-2Z'
+      />,
+      <path
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M3 20h18'
+      />
+    )
+  }
+)
+
+export const IconTextAUnderlineOld: 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,
@@ -41,4 +66,25 @@ export const IconTextAUnderline: IconComponentType = forwardRef(
   }
 )
 
+export const IconTextAUnderline: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconTextAUnderlineNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconTextAUnderlineOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconTextAUnderline[iconSymbol] = true

package/react/text-aa.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 IconTextAa: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconTextAaNew: 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='m2.077 17.6154-.3847.9231 1.8462.7692.3846-.9231-1.8462-.7692Zm5.923-11.6154.923-.3846h-1.846l.923.3846Zm4.0769 12.3846.3846.9231 1.8462-.7692-.3846-.9231-1.8462.7692Zm-5-12 3.75 9 1.8462-.7692-3.75-9-1.8462.7692Zm3.75 9 1.25 3 1.8462-.7692-1.25-3-1.8462.7692Zm-6.9038 3 1.25-3-1.8462-.7692-1.25 3 1.8462.7692Zm1.25-3 3.75-9-1.8462-.7692-3.75 9 1.8462.7692Zm6.5769-1.3846h-7.5v2h7.5v-2ZM20.9999 16h-1 1Zm-4-5.5002.6006.7996-.6006-.7996Zm4.0001 3.5002h1v-1h-1v1Zm0 4v1l1-1h-1Zm-2.5001-7c.8285 0 1.5.6716 1.5 1.5h2c0-1.933-1.567-3.5-3.5-3.5v2Zm1.5 1.5v3.5h2v-3.5h-2Zm-2.3994-1.2006a1.4885 1.4885 0 0 1 .8994-.2994v-2a3.4887 3.4887 0 0 0-2.1005.7003l1.2011 1.5991Zm-.3012.3012a1.516 1.516 0 0 1 .3012-.3012l-1.2011-1.5991a3.5165 3.5165 0 0 0-.6992.6991l1.5991 1.2012Zm.7007 5.3994c-.5523 0-1-.4477-1-1h-2c0 1.6569 1.3431 3 3 3v-2Zm-1-1c0-.5523.4477-1 1-1v-2c-1.6569 0-3 1.3431-3 3h2Zm3-2-.0001 2h2l.0001-2h-2Zm-2 1h3v-2h-3v2Zm1.9999 1 .0001 2h2l-.0001-2h-2Zm1.0001 1h-3v2h3v-2Z'
+      />
+    )
+  }
+)
+
+export const IconTextAaOld: 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,15 @@ export const IconTextAa: IconComponentType = forwardRef(
   }
 )
 
+export const IconTextAa: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconTextAaNew {...props} size={size} weight={weight} ref={forwardRef} />
+    ) : (
+      <IconTextAaOld {...props} size={size} weight={weight} ref={forwardRef} />
+    )
+  }
+)
+
 IconTextAa[iconSymbol] = true

package/react/text-align-center.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 IconTextAlignCenter: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconTextAlignCenterNew: 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='M4 6h16m-12.5714 4h9.1428m-12.5714 4h16m-12.5714 4h9.1428'
+      />
+    )
+  }
+)
+
+export const IconTextAlignCenterOld: 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 IconTextAlignCenter: IconComponentType = forwardRef(
   }
 )
 
+export const IconTextAlignCenter: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconTextAlignCenterNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconTextAlignCenterOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconTextAlignCenter[iconSymbol] = true

package/react/text-align-left.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 IconTextAlignLeft: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconTextAlignLeftNew: 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='M4 6h16m-16 4h9.1429m-9.1429 4h16m-16 4h9.1429'
+      />
+    )
+  }
+)
+
+export const IconTextAlignLeftOld: 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 IconTextAlignLeft: IconComponentType = forwardRef(
   }
 )
 
+export const IconTextAlignLeft: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconTextAlignLeftNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconTextAlignLeftOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconTextAlignLeft[iconSymbol] = true

package/react/text-align-right.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 IconTextAlignRight: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconTextAlignRightNew: 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='M4 6h16m-9.1429 4h9.1429m-16 4h16m-9.1429 4h9.1429'
+      />
+    )
+  }
+)
+
+export const IconTextAlignRightOld: 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 IconTextAlignRight: IconComponentType = forwardRef(
   }
 )
 
+export const IconTextAlignRight: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconTextAlignRightNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconTextAlignRightOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconTextAlignRight[iconSymbol] = true

package/react/text-b-bold-italic-underlined.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 IconTextBBoldItalicUnderlined: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconTextBBoldItalicUnderlinedNew: 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='m7.5 16-.9864-.1644.9864 1.1644v-1Zm2-12v-1l-.9864.8356.9864.1644Zm3 6v1-1Zm-3-6v1h4v-2h-4v1Zm-2 12v1h4v-2h-3.9999l-.0001 1Zm9.5-3.5c0-1.3425-.5949-2.304-1.5611-2.8649-.8768-.5089-1.9672-.6351-2.9389-.6351v2c.8599 0 1.5196.1238 1.9349.3649.3259.1891.5651.4776.5651 1.1351h2Zm-2 0c0 1.2197-1.2926 2.5-3.5 2.5v2c2.7926 0 5.5-1.7197 5.5-4.5h-2Zm-2.5-1.5c1.0849 0 2.2175-.2955 3.0935-1.0583.8998-.7834 1.4065-1.9532 1.4065-3.4417h-2c0 1.0115-.3274 1.5917-.7198 1.9333-.416.3622-1.0335.5667-1.7802.5667v2Zm4.5-4.5c0-.759-.1524-1.4022-.4462-1.931-.2963-.5333-.7058-.8946-1.1307-1.1307-.8103-.4502-1.6733-.4383-1.9231-.4383v2c.2502 0 .6372.0119.9519.1867.1376.0764.2593.1839.3536.3536.0969.1744.1945.4686.1945.9597h2Zm-8.4864-2.6644-1 6 1.9728.3288 1-6-1.9728-.3288Zm-1 6-1 6 1.9728.3288 1-6-1.9728-.3288Zm4.9864-.8356h-4v2h4v-2Z'
+      />,
+      <path
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M3 20h18'
+      />
+    )
+  }
+)
+
+export const IconTextBBoldItalicUnderlinedOld: 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,
@@ -44,4 +69,25 @@ export const IconTextBBoldItalicUnderlined: IconComponentType = forwardRef(
   }
 )
 
+export const IconTextBBoldItalicUnderlined: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconTextBBoldItalicUnderlinedNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconTextBBoldItalicUnderlinedOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconTextBBoldItalicUnderlined[iconSymbol] = true

package/react/text-b-bold.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 IconTextBBold: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconTextBBoldNew: 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 19h-1l1 1v-1Zm0-14v-1l-1 1h1Zm0 0v1h5v-2h-4.9999l-.0001 1Zm1 14v-7.4999l-1-.0001-1 .0001v7.4999h2Zm0-7.5v-6.5h-2v6.5h2Zm4.5-1h-5.5v2h5.5v-2Zm-5.5 8.5v1h5.5v-2h-5.5v1Zm5-13c.7895 0 1.2317.2871 1.5091.662.3101.4192.4909 1.0595.4909 1.838h2c0-1.042-.2352-2.1518-.8831-3.0275-.6806-.92-1.7385-1.4725-3.1169-1.4725v2Zm2 2.5c0 .6344-.2489 1.144-.5816 1.4963-.355.3761-.7323.5037-.9184.5037v2c.869 0 1.7417-.4621 2.3729-1.1309.6536-.6924 1.1271-1.683 1.1271-2.8691h-2Zm3 6.75c0-1.0102-.2997-2.1737-1.0205-3.1088-.7473-.9695-1.9121-1.6412-3.4795-1.6412v2c.9326 0 1.5178.3723 1.8955.8622.4042.5244.6045 1.2359.6045 1.8878h2Zm-2 0c0 .6068-.2307 1.3211-.6743 1.8691-.426.5264-1.0281.8809-1.8257.8809v2c1.4771 0 2.625-.6894 3.3803-1.6226.7377-.9114 1.1197-2.0721 1.1197-3.1274h-2Z'
+      />
+    )
+  }
+)
+
+export const IconTextBBoldOld: 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 IconTextBBold: IconComponentType = forwardRef(
   }
 )
 
+export const IconTextBBold: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconTextBBoldNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconTextBBoldOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconTextBBold[iconSymbol] = true

package/react/text-cursor-eye-open.tsx

@@ -5,21 +5,48 @@
 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 IconTextCursorEyeOpen: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconTextCursorEyeOpenNew: 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='M2 5h4c1.1046 0 2 .8954 2 2v10m0 0c0 1.1046-.8954 2-2 2h-4m6-2c0 1.1046.8954 2 2 2h4'
+      />,
+      <path
+        fill='currentColor'
+        d='m22 6.5.8466.5322v-1.0644l-.8466.5322Zm-11 0-.8466-.5322v1.0644l.8466-.5322Zm5.5-2.5c1.2918 0 2.435.6901 3.3148 1.49.4304.3912.7711.785 1.0036 1.081.1156.1472.203.2682.2598.3498.0284.0408.049.0716.0617.0907l.0129.0198.0018.0029-.0002-.0004-.0004-.0007-.0003-.0004c-.0002-.0003-.0003-.0005.8463-.5327s.8465-.5325.8463-.5328l-.0005-.0007-.001-.0016-.0026-.0041a1.0903 1.0903 0 0 1-.0078-.0122l-.0253-.0388a6.2297 6.2297 0 0 0-.0893-.1314 9.6277 9.6277 0 0 0-.3288-.4431c-.2831-.3603-.6987-.8415-1.2308-1.3252-1.0452-.9502-2.652-2.0101-4.6602-2.0101v2Zm0 7c2.0082 0 3.615-1.0599 4.6602-2.01.5321-.4838.9477-.965 1.2308-1.3253a9.6277 9.6277 0 0 0 .3288-.4431 6.2297 6.2297 0 0 0 .0893-.1314c.0106-.0161.019-.0291.0253-.0389a1.0903 1.0903 0 0 1 .0078-.012l.0026-.0042.001-.0016.0005-.0007c.0002-.0003.0003-.0006-.8463-.5328s-.8465-.5324-.8463-.5327l.0003-.0004.0004-.0007.0002-.0004-.0018.003-.0129.0197a4.6782 4.6782 0 0 1-.0617.0907 7.6225 7.6225 0 0 1-.2598.3498c-.2325.296-.5732.6898-1.0036 1.081-.8798.7999-2.023 1.49-3.3148 1.49v2Zm0-9c-2.0082 0-3.615 1.0599-4.6602 2.01-.5321.4838-.9477.965-1.2308 1.3253a9.6277 9.6277 0 0 0-.3288.4431 6.2297 6.2297 0 0 0-.0893.1314c-.0106.0161-.019.0291-.0253.0389a1.0903 1.0903 0 0 1-.0078.012l-.0026.0042-.001.0016-.0005.0007c-.0002.0003-.0003.0006.8463.5328s.8465.5324.8463.5327l-.0003.0004-.0004.0007-.0002.0004.0018-.003.0129-.0197c.0127-.0191.0333-.05.0617-.0907a7.6225 7.6225 0 0 1 .2598-.3498c.2325-.296.5732-.6898 1.0036-1.081.8798-.7999 2.023-1.49 3.3148-1.49v-2Zm0 7c-1.2918 0-2.435-.6901-3.3148-1.49-.4304-.3912-.7711-.785-1.0036-1.081a7.6225 7.6225 0 0 1-.2598-.3498 4.6782 4.6782 0 0 1-.0617-.0907l-.0129-.0198-.0018-.0029.0002.0004.0004.0007.0003.0004c.0002.0003.0003.0005-.8463.5327s-.8465.5325-.8463.5328l.0005.0007.001.0016.0026.0041.0078.0122.0253.0388c.0212.032.051.0765.0893.1314.0764.1098.1867.2622.3288.4431.2831.3603.6987.8415 1.2308 1.3252 1.0452.9502 2.652 2.0101 4.6602 2.0101v-2Z'
+      />,
+      <circle cx={16.5} cy={6.5} r={1.5} fill='currentColor' />
+    )
+  }
+)
+
+export const IconTextCursorEyeOpenOld: 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,
@@ -41,4 +68,25 @@ export const IconTextCursorEyeOpen: IconComponentType = forwardRef(
   }
 )
 
+export const IconTextCursorEyeOpen: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconTextCursorEyeOpenNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconTextCursorEyeOpenOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconTextCursorEyeOpen[iconSymbol] = true

package/react/text-h-one.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 IconTextHOne: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconTextHOneNew: 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='M5 5v7m0 7v-7m0 0h7m0 0v-7m0 7v7m5-13h3v13'
+      />
+    )
+  }
+)
+
+export const IconTextHOneOld: 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 IconTextHOne: IconComponentType = forwardRef(
   }
 )
 
+export const IconTextHOne: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconTextHOneNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconTextHOneOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconTextHOne[iconSymbol] = true