@mirohq/design-system-icons 1.0.0-pdl-removing-ffs.0 → 1.0.0-pdl-removing-ffs.1

package/react/image.tsx

@@ -5,20 +5,21 @@
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
 import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
-import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
-export const IconImageNew: IconComponentType = forwardRef(
-  (props, forwardRef) => {
+export const IconImage: 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,
@@ -50,44 +51,4 @@ export const IconImageNew: IconComponentType = forwardRef(
   }
 )
 
-export const IconImageOld: 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'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M3 18v1.5a.5.5 0 0 0 .5.5h17a.5.5 0 0 0 .5-.5v-15a.5.5 0 0 0-.5-.5h-17a.5.5 0 0 0-.5.5v13.5Zm0 0 6.6464-6.6464a.5.5 0 0 1 .7072 0l3.6464 3.6464m-2 2 3.6464-3.6464a.5.5 0 0 1 .7072 0l3.6464 3.6464'
-      />,
-      <circle cx={16} cy={8} r={2} fill='currentColor' />,
-      <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M12 4v.0001'
-      />
-    )
-  }
-)
-
-export const IconImage: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
-    const [v1] = useNewDesignLanguageIcons()
-    return v1 ? (
-      <IconImageNew {...props} size={size} weight={weight} ref={forwardRef} />
-    ) : (
-      <IconImageOld {...props} size={size} weight={weight} ref={forwardRef} />
-    )
-  }
-)
-
 IconImage[iconSymbol] = true

package/react/indent-left.tsx

@@ -5,20 +5,21 @@
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
 import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
-import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
-export const IconIndentLeftNew: IconComponentType = forwardRef(
-  (props, forwardRef) => {
+export const IconIndentLeft: 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,
@@ -39,58 +40,4 @@ export const IconIndentLeftNew: IconComponentType = forwardRef(
   }
 )
 
-export const IconIndentLeftOld: 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 14.5683v-5.1366c0-.3838-.464-.576-.7355-.3046l-2.5682 2.5682a.431.431 0 0 0 0 .6094l2.5682 2.5682c.2715.2715.7356.0792.7356-.3046Z'
-      />,
-      <path
-        stroke='currentColor'
-        strokeLinecap='round'
-        strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M5 6h14m-8 6h8m-14 6h14'
-      />,
-      <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M12 12v.0001'
-      />
-    )
-  }
-)
-
-export const IconIndentLeft: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
-    const [v1] = useNewDesignLanguageIcons()
-    return v1 ? (
-      <IconIndentLeftNew
-        {...props}
-        size={size}
-        weight={weight}
-        ref={forwardRef}
-      />
-    ) : (
-      <IconIndentLeftOld
-        {...props}
-        size={size}
-        weight={weight}
-        ref={forwardRef}
-      />
-    )
-  }
-)
-
 IconIndentLeft[iconSymbol] = true

package/react/indent-right.tsx

@@ -5,20 +5,21 @@
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
 import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
-import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
-export const IconIndentRightNew: IconComponentType = forwardRef(
-  (props, forwardRef) => {
+export const IconIndentRight: 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,
@@ -39,58 +40,4 @@ export const IconIndentRightNew: IconComponentType = forwardRef(
   }
 )
 
-export const IconIndentRightOld: 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'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M5 6h14m-8 6h8m-14 6h14'
-      />,
-      <path
-        fill='currentColor'
-        d='M4.04 14.5683v-5.1366c0-.3838.464-.576.7355-.3046l2.5683 2.5682a.431.431 0 0 1 0 .6094l-2.5683 2.5682c-.2714.2715-.7355.0792-.7355-.3046Z'
-      />,
-      <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M12 12v.0001'
-      />
-    )
-  }
-)
-
-export const IconIndentRight: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
-    const [v1] = useNewDesignLanguageIcons()
-    return v1 ? (
-      <IconIndentRightNew
-        {...props}
-        size={size}
-        weight={weight}
-        ref={forwardRef}
-      />
-    ) : (
-      <IconIndentRightOld
-        {...props}
-        size={size}
-        weight={weight}
-        ref={forwardRef}
-      />
-    )
-  }
-)
-
 IconIndentRight[iconSymbol] = true

package/react/information-mark-circle.tsx

@@ -5,20 +5,21 @@
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
 import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
-import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
-export const IconInformationMarkCircleNew: IconComponentType = forwardRef(
-  (props, forwardRef) => {
+export const IconInformationMarkCircle: 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,
@@ -40,57 +41,4 @@ export const IconInformationMarkCircleNew: IconComponentType = forwardRef(
   }
 )
 
-export const IconInformationMarkCircleOld: 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='M13 8.5c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1Z'
-      />,
-      <path
-        stroke='currentColor'
-        strokeLinecap='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M12 12v4m9-4c0 4.9706-4.0294 9-9 9s-9-4.0294-9-9 4.0294-9 9-9 9 4.0294 9 9Zm-8.5-3.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z'
-      />,
-      <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M12 13.9999v.0001'
-      />
-    )
-  }
-)
-
-export const IconInformationMarkCircle: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
-    const [v1] = useNewDesignLanguageIcons()
-    return v1 ? (
-      <IconInformationMarkCircleNew
-        {...props}
-        size={size}
-        weight={weight}
-        ref={forwardRef}
-      />
-    ) : (
-      <IconInformationMarkCircleOld
-        {...props}
-        size={size}
-        weight={weight}
-        ref={forwardRef}
-      />
-    )
-  }
-)
-
 IconInformationMarkCircle[iconSymbol] = true

package/react/key.tsx

@@ -5,82 +5,47 @@
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
 import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
-import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
-export const IconKeyNew: 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,
-    },
-    <circle
-      cx={7}
-      cy={9}
-      r={4}
-      stroke='currentColor'
-      strokeWidth='var(--svg-stroke-width)'
-    />,
-    <path
-      stroke='currentColor'
-      strokeLinejoin='bevel'
-      strokeWidth='var(--svg-stroke-width)'
-      d='M11 9h10v5'
-    />,
-    <path
-      stroke='currentColor'
-      strokeWidth='var(--svg-stroke-width)'
-      d='M17 9v5'
-    />,
-    <circle cx={9.5} cy={18.5} r={1.5} fill='currentColor' />,
-    <circle cx={4.5} cy={18.5} r={1.5} fill='currentColor' />,
-    <circle cx={14.5} cy={18.5} r={1.5} fill='currentColor' />,
-    <circle cx={19.5} cy={18.5} r={1.5} fill='currentColor' />
-  )
-})
-
-export const IconKeyOld: 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'
-      strokeWidth='var(--svg-stroke-width)'
-      d='M11 12h8m0 0h2m-2 0v3m-12 2c-2.2091 0-4-1.7909-4-4v-2c0-2.2091 1.7909-4 4-4 2.2091 0 4 1.7909 4 4v2c0 2.2091-1.7909 4-4 4Z'
-    />,
-    <path
-      stroke='currentColor'
-      strokeWidth='var(--svg-stroke-width)'
-      d='M12 12v.0001'
-    />
-  )
-})
-
 export const IconKey: IconComponentType = forwardRef(
   ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
-    const [v1] = useNewDesignLanguageIcons()
-    return v1 ? (
-      <IconKeyNew {...props} size={size} weight={weight} ref={forwardRef} />
-    ) : (
-      <IconKeyOld {...props} size={size} weight={weight} ref={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,
+      },
+      <circle
+        cx={7}
+        cy={9}
+        r={4}
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+      />,
+      <path
+        stroke='currentColor'
+        strokeLinejoin='bevel'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M11 9h10v5'
+      />,
+      <path
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M17 9v5'
+      />,
+      <circle cx={9.5} cy={18.5} r={1.5} fill='currentColor' />,
+      <circle cx={4.5} cy={18.5} r={1.5} fill='currentColor' />,
+      <circle cx={14.5} cy={18.5} r={1.5} fill='currentColor' />,
+      <circle cx={19.5} cy={18.5} r={1.5} fill='currentColor' />
     )
   }
 )

package/react/keycap.tsx

@@ -5,20 +5,21 @@
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
 import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
-import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
-export const IconKeycapNew: IconComponentType = forwardRef(
-  (props, forwardRef) => {
+export const IconKeycap: 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,
@@ -32,44 +33,4 @@ export const IconKeycapNew: IconComponentType = forwardRef(
   }
 )
 
-export const IconKeycapOld: 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'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M7 8h6m-3 0v6m-4-10h12c1.1046 0 2 .8954 2 2v12c0 1.1046-.8954 2-2 2h-12c-1.1046 0-2-.8954-2-2v-12c0-1.1046.8954-2 2-2Z'
-      />,
-      <path fill='currentColor' d='M10 12h.001v.001h-.001z' />,
-      <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M10 12v.0001'
-      />
-    )
-  }
-)
-
-export const IconKeycap: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
-    const [v1] = useNewDesignLanguageIcons()
-    return v1 ? (
-      <IconKeycapNew {...props} size={size} weight={weight} ref={forwardRef} />
-    ) : (
-      <IconKeycapOld {...props} size={size} weight={weight} ref={forwardRef} />
-    )
-  }
-)
-
 IconKeycap[iconSymbol] = true

package/react/laptop.tsx

@@ -5,20 +5,21 @@
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
 import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
-import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
-export const IconLaptopNew: IconComponentType = forwardRef(
-  (props, forwardRef) => {
+export const IconLaptop: 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,
@@ -43,43 +44,4 @@ export const IconLaptopNew: IconComponentType = forwardRef(
   }
 )
 
-export const IconLaptopOld: 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'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M2.5 20h19m-16.5-16h14c.5523 0 1 .4477 1 1v11c0 .5523-.4477 1-1 1h-14c-.5523 0-1-.4477-1-1v-11c0-.5523.4477-1 1-1Z'
-      />,
-      <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M12 17v.0001'
-      />
-    )
-  }
-)
-
-export const IconLaptop: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
-    const [v1] = useNewDesignLanguageIcons()
-    return v1 ? (
-      <IconLaptopNew {...props} size={size} weight={weight} ref={forwardRef} />
-    ) : (
-      <IconLaptopOld {...props} size={size} weight={weight} ref={forwardRef} />
-    )
-  }
-)
-
 IconLaptop[iconSymbol] = true

package/react/lasso.tsx

@@ -5,20 +5,21 @@
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
 import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
-import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
-export const IconLassoNew: IconComponentType = forwardRef(
-  (props, forwardRef) => {
+export const IconLasso: 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,
@@ -50,44 +51,4 @@ export const IconLassoNew: IconComponentType = forwardRef(
   }
 )
 
-export const IconLassoOld: 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'
-        strokeDasharray='1 3'
-        strokeLinecap='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M10.5 21.5s1.4711-1.0961 3-2.5c2.3938-2.198 5.2629-2.2534 6.9999-5 1.291-2.0413 1.3846-3.1155 1-5.5-.3626-2.248-.697-3.609-2.4999-5-2.0626-1.5913-5.396-1.0753-8.0001-1-3.3352.0964-4.711 1.0722-7 3.5-1.4975 1.5884-1.1565 1.8225-1 4 .1515 2.1066.356 2.674 2 4 1.779 1.4348 5.5 1.3333 8 .5 2.5-.8333 4-4.5 4-4.5'
-      />,
-      <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M13 15v.0001'
-      />
-    )
-  }
-)
-
-export const IconLasso: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
-    const [v1] = useNewDesignLanguageIcons()
-    return v1 ? (
-      <IconLassoNew {...props} size={size} weight={weight} ref={forwardRef} />
-    ) : (
-      <IconLassoOld {...props} size={size} weight={weight} ref={forwardRef} />
-    )
-  }
-)
-
 IconLasso[iconSymbol] = true