@mirohq/design-system-icons 0.59.1 → 0.60.1

package/react/lock-open.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 IconLockOpen: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconLockOpenNew: 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 11h14v7c0 1.6569-1.3431 3-3 3h-8c-1.6569 0-3-1.3431-3-3v-7Z'
+      />,
+      <path
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M16 8v-1c0-2.2091-1.7909-4-4-4-2.2091 0-4 1.7909-4 4v4'
+      />,
+      <path fill='currentColor' d='M10.5 14.5h3v3h-3z' />
+    )
+  }
+)
+
+export const IconLockOpenOld: 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 IconLockOpen: IconComponentType = forwardRef(
   }
 )
 
+export const IconLockOpen: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconLockOpenNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconLockOpenOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconLockOpen[iconSymbol] = true

package/react/login.tsx

@@ -5,21 +5,55 @@
 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 IconLogin: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconLoginNew: 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='M15 21h4c1.1046 0 2-.8954 2-2v-14c0-1.1046-.8954-2-2-2h-4'
+      />,
+      <path
+        stroke='currentColor'
+        strokeLinejoin='round'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M2 12.0002h12'
+      />,
+      <path
+        stroke='currentColor'
+        strokeLinejoin='bevel'
+        strokeWidth='var(--svg-stroke-width)'
+        d='m11 8 4 4-4 4'
+      />
+    )
+  }
+)
+
+export const IconLoginOld: 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 +74,15 @@ export const IconLogin: IconComponentType = forwardRef(
   }
 )
 
+export const IconLogin: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconLoginNew {...props} size={size} weight={weight} ref={forwardRef} />
+    ) : (
+      <IconLoginOld {...props} size={size} weight={weight} ref={forwardRef} />
+    )
+  }
+)
+
 IconLogin[iconSymbol] = true

package/react/logout.tsx

@@ -5,21 +5,55 @@
 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 IconLogout: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconLogoutNew: 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='M9 3h-4c-1.1046 0-2 .8954-2 2v14c0 1.1046.8954 2 2 2h4'
+      />,
+      <path
+        stroke='currentColor'
+        strokeLinejoin='round'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M8 12.0002h12'
+      />,
+      <path
+        stroke='currentColor'
+        strokeLinejoin='bevel'
+        strokeWidth='var(--svg-stroke-width)'
+        d='m17 8 4 4-4 4'
+      />
+    )
+  }
+)
+
+export const IconLogoutOld: 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 +74,15 @@ export const IconLogout: IconComponentType = forwardRef(
   }
 )
 
+export const IconLogout: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconLogoutNew {...props} size={size} weight={weight} ref={forwardRef} />
+    ) : (
+      <IconLogoutOld {...props} size={size} weight={weight} ref={forwardRef} />
+    )
+  }
+)
+
 IconLogout[iconSymbol] = true

package/react/magnet.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 IconMagnet: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconMagnetNew: 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.5 16-.0072 1h.0072v-1Zm0-7-.0072 1h.0072v-1Zm8.5 0v1h1v-1h-1Zm0 7h1v-1h-1v1Zm0 5v1h1v-1h-1Zm0-17h1l-1-1v1Zm-8.4928 11c-1.3996-.0101-2.517-1.1308-2.5072-2.4927l-2-.0145c-.0181 2.504 2.0265 4.4893 4.4928 4.5072l.0144-2Zm-2.5072-2.4927c.0101-1.3997 1.1309-2.5172 2.4928-2.5073l.0145-2c-2.504-.0181-4.4894 2.0265-4.5073 4.4928l2 .0145Zm6.0254-8.4705-.0254 4.958 2 .0103.0253-4.958-1.9999-.0103Zm-.0254 11.9632v5h2v-5h-2Zm6-7v-4.9398h-2v4.9398h2Zm-2 7v5h2v-5h-2Zm1-8h-4v2h4v-2Zm-4 9h4v-2h-4v2Zm4 3h-4v2h4v-2Zm-4 0h-2v2h2v-2Zm-4.5 0c-4.1421 0-7.5-3.3579-7.5-7.5h-2c0 5.2467 4.2533 9.5 9.5 9.5v-2Zm-7.5-7.5c0-4.1421 3.3579-7.5 7.5-7.5v-2c-5.2467 0-9.5 4.2533-9.5 9.5h2Zm7.5 9.5h5.5v-2h-5.5v2Zm0-17h8.5v-2h-8.5v2Zm7.5-1v3h2v-3h-2Zm-3 4h-4.5v2h4.5v-2Zm-4.5 9h4.5v-2h-4.5v2Z'
+      />
+    )
+  }
+)
+
+export const IconMagnetOld: 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 +49,7 @@ export const IconMagnet: IconComponentType = forwardRef(
         strokeLinecap='square'
         strokeMiterlimit={1.414}
         strokeWidth='var(--svg-stroke-width)'
-        d='m8.4351 4.8285-3.4853 3.4852c-2.7337 2.7337-2.7337 7.1659 0 9.8996l.6413.6412c2.7177 2.7177 7.1183 2.7359 9.8584.0408l3.5554-3.4971m-10.5698-10.5697 2.4749-2.475a.5.5 0 0 1 .7071 0l2.2929 2.293a.5001.5001 0 0 1 0 .707l-2.4749 2.475m-3-3 3 3m0 0-3.3137 3.3137c-1.1716 1.1716-1.1213 2.8578 0 4.2426l.522.5221c1.3567 1.0931 3.0711 1.1716 4.2427 0l3.3137-3.3137m0 0 2.4749-2.4749a.5.5 0 0 1 .7071 0l2.1184 2.1184a.5.5 0 0 1-.0029.71l-2.4924 2.4515m-2.8051-2.805 2.8051 2.805'
+        d='m8.435 4.8285-3.4853 3.4852c-2.7337 2.7337-2.7337 7.1659 0 9.8996l.6413.6412c2.7177 2.7177 7.1183 2.7359 9.8583.0408l3.5554-3.4971m-10.5697-10.5697 2.4749-2.475a.5.5 0 0 1 .7071 0l2.2929 2.293a.5001.5001 0 0 1 0 .707l-2.4749 2.475m-3-3 3 3m0 0-3.3137 3.3137c-1.1716 1.1716-1.1214 2.8578 0 4.2426l.522.5221c1.3566 1.0931 3.0711 1.1716 4.2427 0l3.3137-3.3137m0 0 2.4749-2.4749a.5.5 0 0 1 .7071 0l2.1184 2.1184a.5.5 0 0 1-.003.71l-2.4924 2.4515m-2.805-2.805 2.805 2.805'
       />,
       <path
         stroke='currentColor'
@@ -40,4 +60,15 @@ export const IconMagnet: IconComponentType = forwardRef(
   }
 )
 
+export const IconMagnet: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconMagnetNew {...props} size={size} weight={weight} ref={forwardRef} />
+    ) : (
+      <IconMagnetOld {...props} size={size} weight={weight} ref={forwardRef} />
+    )
+  }
+)
+
 IconMagnet[iconSymbol] = true

package/react/magnifying-glass-lightning.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 IconMagnifyingGlassLightning: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconMagnifyingGlassLightningNew: 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='m14.5 1.5-3.5 4.5h3l-3 4'
+      />,
+      <path
+        fill='currentColor'
+        fillRule='evenodd'
+        d='M8.8345 3.0968a6.9953 6.9953 0 0 1 .1655-.0258v2.0288c-2.282.4628-4 2.4818-4 4.9002 0 2.7615 2.2386 5 5 5s5-2.2385 5-5h2c0 1.5724-.5184 3.0236-1.3936 4.1922l5.1007 5.1007-1.4142 1.4142-5.1007-5.1007c-1.1686.8752-2.6199 1.3936-4.1922 1.3936-3.866 0-7-3.134-7-7 0-3.4695 2.5231-6.3477 5.8345-6.9032Z'
+        clipRule='evenodd'
+      />
+    )
+  }
+)
+
+export const IconMagnifyingGlassLightningOld: 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 +73,25 @@ export const IconMagnifyingGlassLightning: IconComponentType = forwardRef(
   }
 )
 
+export const IconMagnifyingGlassLightning: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconMagnifyingGlassLightningNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconMagnifyingGlassLightningOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconMagnifyingGlassLightning[iconSymbol] = true

package/react/magnifying-glass-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 IconMagnifyingGlassPlus: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconMagnifyingGlassPlusNew: IconComponentType = forwardRef(
+  (props, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        'aria-hidden': true,
+        viewBox: '0 0 24 22',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M10 4c-3.3137 0-6 2.6863-6 6s2.6863 6 6 6c2.973 0 5.441-2.1623 5.917-5m4.083 9-6-6M16 1v8m-4-4h8'
+      />
+    )
+  }
+)
+
+export const IconMagnifyingGlassPlusOld: 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 IconMagnifyingGlassPlus: IconComponentType = forwardRef(
   }
 )
 
+export const IconMagnifyingGlassPlus: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconMagnifyingGlassPlusNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconMagnifyingGlassPlusOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconMagnifyingGlassPlus[iconSymbol] = true

package/react/magnifying-glass.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 IconMagnifyingGlass: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconMagnifyingGlassNew: 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='m20 20-6-6m2-4c0 3.3137-2.6863 6-6 6s-6-2.6863-6-6 2.6863-6 6-6 6 2.6863 6 6Z'
+      />
+    )
+  }
+)
+
+export const IconMagnifyingGlassOld: 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 IconMagnifyingGlass: IconComponentType = forwardRef(
   }
 )
 
+export const IconMagnifyingGlass: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconMagnifyingGlassNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconMagnifyingGlassOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconMagnifyingGlass[iconSymbol] = true

package/react/map.tsx

@@ -5,38 +5,69 @@
 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 IconMapNew: 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='round'
+      strokeLinejoin='bevel'
+      strokeMiterlimit={1.414}
+      strokeWidth='var(--svg-stroke-width)'
+      d='m9 4-6 2v15l6-2.5m0-14.5 6 2m-6-2v14.5m6-12.5 6-2v14.5l-6 2.5m0-15v15m0 0-6-2.5'
+    />
+  )
+})
+
+export const IconMapOld: 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='round'
+      strokeLinejoin='round'
+      strokeMiterlimit={1.414}
+      strokeWidth='var(--svg-stroke-width)'
+      d='m9 4-6 2v15l6-2.5m0-14.5 6 2m-6-2v14.5m6-12.5 6-2v14.5l-6 2.5m0-15v15m0 0-6-2.5'
+    />,
+    <path
+      stroke='currentColor'
+      strokeWidth='var(--svg-stroke-width)'
+      d='M9 12v.0001'
+    />
+  )
+})
+
 export const IconMap: IconComponentType = forwardRef(
   ({ size = 'medium', weight = 'normal', ...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,
-      },
-      <path
-        stroke='currentColor'
-        strokeLinecap='round'
-        strokeLinejoin='round'
-        strokeMiterlimit={1.414}
-        strokeWidth='var(--svg-stroke-width)'
-        d='m9 4-6 2v15l6-2.5m0-14.5 6 2m-6-2v14.5m6-12.5 6-2v14.5l-6 2.5m0-15v15m0 0-6-2.5'
-      />,
-      <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M9 12v.0001'
-      />
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconMapNew {...props} size={size} weight={weight} ref={forwardRef} />
+    ) : (
+      <IconMapOld {...props} size={size} weight={weight} ref={forwardRef} />
     )
   }
 )