@mirohq/design-system-icons 0.59.0 → 0.60.0

package/react/placeholder.tsx

@@ -5,21 +5,51 @@
 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 IconPlaceholder: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconPlaceholderNew: 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,
+      },
+      <rect
+        width={16}
+        height={16}
+        x={4}
+        y={4}
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+        rx={8}
+      />,
+      <path
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+        d='m3 3 18 18m0-18-18 18'
+      />
+    )
+  }
+)
+
+export const IconPlaceholderOld: 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 +69,25 @@ export const IconPlaceholder: IconComponentType = forwardRef(
   }
 )
 
+export const IconPlaceholder: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconPlaceholderNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconPlaceholderOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconPlaceholder[iconSymbol] = true

package/react/planet.tsx

@@ -27,7 +27,7 @@ export const IconPlanet: IconComponentType = forwardRef(
       <path
         stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
-        d='M17.1368 5.8669c2.5677-.6563 4.2363-.9527 4.8631.1331 1.0798 1.8701-2.883 6.3495-8.0836 9.352-5.2005 3.0026-10.8366 4.5181-11.9163 2.648-.6283-1.0882.201-3.0997 2.0618-5m15.9381-1c0 4.4183-3.5817 8-8 8-4.4182 0-8-3.5817-8-8s3.5818-8 8-8c4.4183 0 8 3.5817 8 8ZM12 16v.0001'
+        d='M17.1369 5.8669c2.5677-.6563 4.2363-.9527 4.8632.1331 1.0797 1.8701-2.8831 6.3495-8.0836 9.352-5.2006 3.0026-10.8367 4.5181-11.9164 2.648-.6283-1.0882.201-3.0997 2.0619-5m15.9381-1c0 4.4183-3.5818 8-8 8-4.4183 0-8-3.5817-8-8s3.5817-8 8-8c4.4182 0 8 3.5817 8 8ZM12 16v.0001'
       />
     )
   }

package/react/play-circle.tsx

@@ -5,21 +5,44 @@
 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 IconPlayCircle: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconPlayCircleNew: 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'
+        strokeLinecap='square'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M20.9966 12c0 4.9706-4.0295 9-9 9-4.9706 0-9-4.0294-9-9s4.0294-9 9-9c4.9705 0 9 4.0294 9 9Z'
+      />,
+      <path fill='currentColor' d='m11 8 5 3.5v1l-5 3.5-1-1v-6l1-1Z' />
+    )
+  }
+)
+
+export const IconPlayCircleOld: 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,
@@ -43,4 +66,25 @@ export const IconPlayCircle: IconComponentType = forwardRef(
   }
 )
 
+export const IconPlayCircle: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconPlayCircleNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconPlayCircleOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconPlayCircle[iconSymbol] = true

package/react/play.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 IconPlay: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconPlayNew: 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='m8 7.4142 1.155-1.155 8.845 5.307v.8676l-8.845 5.307-1.155-1.155v-9.1716Z'
+      />
+    )
+  }
+)
+
+export const IconPlayOld: 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 +65,15 @@ export const IconPlay: IconComponentType = forwardRef(
   }
 )
 
+export const IconPlay: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconPlayNew {...props} size={size} weight={weight} ref={forwardRef} />
+    ) : (
+      <IconPlayOld {...props} size={size} weight={weight} ref={forwardRef} />
+    )
+  }
+)
+
 IconPlay[iconSymbol] = true

package/react/playback-speed-circle.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 IconPlaybackSpeedCircle: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconPlaybackSpeedCircleNew: 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='m11 8 5 3.5v1l-5 3.5-1-1v-6l1-1Z' />,
+      <path
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M9.2845 3.4169a8.9957 8.9957 0 0 1 2.7154-.4169c4.9706 0 9 4.0294 9 9s-4.0294 9-9 9c-1.1239 0-2.1998-.206-3.1918-.5824'
+      />,
+      <path
+        fill='currentColor'
+        fillRule='evenodd'
+        d='m8.3867 4.7906-.831.5563a8.0492 8.0492 0 0 0-2.2088 2.2089l-.5563.831-1.662-1.1127.5563-.831a10.0494 10.0494 0 0 1 2.7582-2.7582l.831-.5563 1.1126 1.662Zm-4.0403 4.666-.1941.981a8.0443 8.0443 0 0 0-.1523 1.5624c0 .5318.0446 1.0499.1303 1.5499l.1687.9857-1.9713.3375-.1688-.9857a11.182 11.182 0 0 1-.1589-1.8874c0-.6666.0654-1.3189.1903-1.9505l.194-.981 1.962.3881Zm.323 6.1145.5135.8582c.5305.8869 1.2217 1.6446 2.0387 2.2301l.7784.5578v.0728l-1.1306 1.5775-.8128-.5825c-1.048-.751-1.924-1.7155-2.59-2.829l-.5135-.8581 1.7164-1.0268Zm6.8027 6.4289h1.0279-1.0279Z'
+        clipRule='evenodd'
+      />
+    )
+  }
+)
+
+export const IconPlaybackSpeedCircleOld: 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,
@@ -43,4 +71,25 @@ export const IconPlaybackSpeedCircle: IconComponentType = forwardRef(
   }
 )
 
+export const IconPlaybackSpeedCircle: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconPlaybackSpeedCircleNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconPlaybackSpeedCircleOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconPlaybackSpeedCircle[iconSymbol] = true

package/react/plug.tsx

@@ -5,21 +5,44 @@
 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 IconPlug: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconPlugNew: 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'
+        strokeLinecap='square'
+        strokeLinejoin='bevel'
+        strokeWidth='var(--svg-stroke-width)'
+        d='m12.5459 5.8284 2.8285-2.8284m2.8284 8.4853 2.8284-2.8285m-18.0312 11.9896 4.9497-4.5649m2.1214-12.728 10.0606 10.0607-3.5355 3.5355c-1.9526 1.9526-5.2796 1.7915-7.2322-.1611l-2.8285-2.8285c-1.9526-1.9526-1.9526-5.1184 0-7.071l3.5356-3.5356Z'
+      />
+    )
+  }
+)
+
+export const IconPlugOld: 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,
@@ -28,7 +51,7 @@ export const IconPlug: IconComponentType = forwardRef(
         stroke='currentColor'
         strokeLinecap='round'
         strokeWidth='var(--svg-stroke-width)'
-        d='m12.3848 5.8995 3.5355-3.5355m2.1214 9.1923 3.5355-3.5355m-18.3848 12.7279 4.9498-4.9497m2.1213-12.0208 9.8995 9.8995-3.5356 3.5355c-1.9526 1.9526-5.1184 1.9526-7.071 0l-2.8285-2.8284c-1.9526-1.9527-1.9526-5.1185 0-7.0711l3.5356-3.5355Z'
+        d='m12.3848 5.8995 3.5355-3.5355m2.1213 9.1923 3.5356-3.5355m-18.3848 12.7279 4.9497-4.9497m2.1214-12.0208 9.8994 9.8995-3.5355 3.5355c-1.9526 1.9526-5.1184 1.9526-7.071 0l-2.8285-2.8284c-1.9526-1.9527-1.9526-5.1185 0-7.0711l3.5356-3.5355Z'
       />,
       <path
         stroke='currentColor'
@@ -39,4 +62,15 @@ export const IconPlug: IconComponentType = forwardRef(
   }
 )
 
+export const IconPlug: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconPlugNew {...props} size={size} weight={weight} ref={forwardRef} />
+    ) : (
+      <IconPlugOld {...props} size={size} weight={weight} ref={forwardRef} />
+    )
+  }
+)
+
 IconPlug[iconSymbol] = true

package/react/plus-box.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 IconPlusBox: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconPlusBoxNew: 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'
+        strokeLinecap='square'
+        strokeLinejoin='round'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M18 3v6m3-3h-6'
+      />,
+      <path
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M12 4h-6c-1.1046 0-2 .8954-2 2v12c0 1.1046.8954 2 2 2h12c1.1046 0 2-.8954 2-2v-6'
+      />
+    )
+  }
+)
+
+export const IconPlusBoxOld: 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,
@@ -33,10 +61,21 @@ export const IconPlusBox: IconComponentType = forwardRef(
       <path
         stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
-        d='M12 12v.0001'
+        d='M12 11.9999v.0001'
       />
     )
   }
 )
 
+export const IconPlusBox: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconPlusBoxNew {...props} size={size} weight={weight} ref={forwardRef} />
+    ) : (
+      <IconPlusBoxOld {...props} size={size} weight={weight} ref={forwardRef} />
+    )
+  }
+)
+
 IconPlusBox[iconSymbol] = true

package/react/plus-square.tsx

@@ -5,21 +5,51 @@
 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 IconPlusSquare: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconPlusSquareNew: 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,
+      },
+      <rect
+        width={18}
+        height={18}
+        x={3}
+        y={3}
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+        rx={2}
+      />,
+      <path
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M12 8v8m4-4h-8'
+      />
+    )
+  }
+)
+
+export const IconPlusSquareOld: 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,
@@ -45,4 +75,25 @@ export const IconPlusSquare: IconComponentType = forwardRef(
   }
 )
 
+export const IconPlusSquare: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconPlusSquareNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconPlusSquareOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconPlusSquare[iconSymbol] = true

package/react/plus-text.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 IconPlusText: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconPlusTextNew: 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='M17 8v-3h-7m-7 3v-3h7m0 0 .0007 15m0 0h2.9993m-2.9993 0h-3.0007'
+      />,
+      <path
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M18 10v4m0 4v-4m-4 0h4m4 0h-4'
+      />
+    )
+  }
+)
+
+export const IconPlusTextOld: 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 +67,25 @@ export const IconPlusText: IconComponentType = forwardRef(
   }
 )
 
+export const IconPlusText: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconPlusTextNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconPlusTextOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconPlusText[iconSymbol] = true

package/react/plus.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 IconPlus: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconPlusNew: 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 3v18m9-9h-18'
+      />
+    )
+  }
+)
+
+export const IconPlusOld: 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,15 @@ export const IconPlus: IconComponentType = forwardRef(
   }
 )
 
+export const IconPlus: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconPlusNew {...props} size={size} weight={weight} ref={forwardRef} />
+    ) : (
+      <IconPlusOld {...props} size={size} weight={weight} ref={forwardRef} />
+    )
+  }
+)
+
 IconPlus[iconSymbol] = true