@mirohq/design-system-icons 0.57.0 → 0.58.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirohq/design-system-icons",
-  "version": "0.57.0",
+  "version": "0.58.1",
   "description": "",
   "author": "Miro",
   "source": "src/index.ts",
@@ -31,11 +31,12 @@
     "react": "^16.14 || ^17 || ^18"
   },
   "dependencies": {
-    "@mirohq/design-system-base-icon": "^0.1.33",
-    "@mirohq/design-system-utils": "^0.15.4",
+    "@mirohq/design-system-primitive": "^1.1.2",
+    "@mirohq/design-system-experiments": "^0.2.0",
     "@mirohq/design-system-use-local-storage": "^0.3.11",
-    "@mirohq/design-system-stitches": "^2.6.25",
-    "@mirohq/design-system-primitive": "^1.1.2"
+    "@mirohq/design-system-utils": "^0.15.4",
+    "@mirohq/design-system-stitches": "^2.6.26",
+    "@mirohq/design-system-base-icon": "^0.1.33"
   },
   "devDependencies": {
     "@svgr/cli": "^6.5.1",
@@ -53,6 +54,7 @@
   "scripts": {
     "build": "rollup -c ../../rollup.config.js",
     "clean": "rm -rf dist",
+    "design-language-merge-old-new-icons": "node scripts/design-language/cli.mjs",
     "figma-sync": "node scripts/figma-sync/cli.mjs",
     "prebuild": "pnpm clean",
     "svg-to-react": "rm -rf react && svgr svg/24"

package/react/arrow-down.tsx

@@ -5,21 +5,20 @@
 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 IconArrowDown: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconArrowDownNew: 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 +38,53 @@ export const IconArrowDown: IconComponentType = forwardRef(
   }
 )
 
+export const IconArrowDownOld: 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='M12 3v17.205m-6.9964-6.2033 6.9964 6.5983 7.0031-6.6044'
+      />,
+      <path
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M12 12v.0001'
+      />
+    )
+  }
+)
+
+export const IconArrowDown: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconArrowDownNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconArrowDownOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconArrowDown[iconSymbol] = true

package/react/arrow-fat-right.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 IconArrowFatRight: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconArrowFatRightNew: 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 7h-7.75a.25.25 0 0 0-.25.25v9.5a.25.25 0 0 0 .25.25h7.75v3.9367c0 .2167.257.3308.4177.1854l10.0823-9.1221-10.0823-9.122c-.1607-.1455-.4177-.0314-.4177.1853v3.9367ZM3 12v.0001'
+      />
+    )
+  }
+)
+
+export const IconArrowFatRightOld: 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,4 +54,25 @@ export const IconArrowFatRight: IconComponentType = forwardRef(
   }
 )
 
+export const IconArrowFatRight: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconArrowFatRightNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconArrowFatRightOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconArrowFatRight[iconSymbol] = true

package/react/arrow-left.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 IconArrowLeft: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconArrowLeftNew: 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='M21 12h-17m6.41-7-7 7 7 7'
+      />,
+      <path
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M12 12v.0001'
+      />
+    )
+  }
+)
+
+export const IconArrowLeftOld: 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 +66,25 @@ export const IconArrowLeft: IconComponentType = forwardRef(
   }
 )
 
+export const IconArrowLeft: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconArrowLeftNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconArrowLeftOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconArrowLeft[iconSymbol] = true

package/react/arrow-right.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 IconArrowRight: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconArrowRightNew: IconComponentType = forwardRef(
+  (props, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        'aria-hidden': true,
+        viewBox: '0 0 25 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M21 12h-17m10.59-7 7 7-7 7'
+      />,
+      <path
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M1 0v.0001'
+      />
+    )
+  }
+)
+
+export const IconArrowRightOld: IconComponentType = forwardRef(
+  (props, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
-        size,
         viewBox: '0 0 25 24',
         fill: 'none',
         ref: forwardRef,
@@ -39,4 +66,25 @@ export const IconArrowRight: IconComponentType = forwardRef(
   }
 )
 
+export const IconArrowRight: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconArrowRightNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconArrowRightOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconArrowRight[iconSymbol] = true

package/react/arrows-in-simple.tsx

@@ -5,21 +5,20 @@
 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 IconArrowsInSimple: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconArrowsInSimpleNew: 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 +39,54 @@ export const IconArrowsInSimple: IconComponentType = forwardRef(
   }
 )
 
+export const IconArrowsInSimpleOld: 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='m21 3-7 7m0 0v-5m0 5h5m-16 11 7-7m0 0v5m0-5h-5'
+      />,
+      <path
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M16 8v.0001'
+      />
+    )
+  }
+)
+
+export const IconArrowsInSimple: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconArrowsInSimpleNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconArrowsInSimpleOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconArrowsInSimple[iconSymbol] = true

package/react/clock-counter-clockwise.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 IconClockCounterClockwise: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconClockCounterClockwiseNew: 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='m4.0696 13.1237.1237.9924 1.9847-.2475-.1238-.9923-1.9846.2474Zm.9304 1.8763-.7071.7071h1.4142l-.7071-.7071Zm8 6c4.9706 0 9-4.0294 9-9h-2c0 3.866-3.134 7-7 7v2Zm9-9c0-4.9706-4.0294-9-9-9v2c3.866 0 7 3.134 7 7h2Zm-9-9c-4.9706 0-9 4.0294-9 9h2c0-3.866 3.134-7 7-7v-2Zm-9 9c0 .3801.0236.7552.0696 1.1237l1.9846-.2474a7.079 7.079 0 0 1-.0542-.8763h-2Zm1.7071 3.7071 3-3-1.4142-1.4142-3 3 1.4142 1.4142Zm0-1.4142-3-3-1.4142 1.4142 3 3 1.4142-1.4142Z'
+      />,
+      <circle cx={13} cy={12} r={2} fill='currentColor' />
+    )
+  }
+)
+
+export const IconClockCounterClockwiseOld: 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 +61,25 @@ export const IconClockCounterClockwise: IconComponentType = forwardRef(
   }
 )
 
+export const IconClockCounterClockwise: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconClockCounterClockwiseNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconClockCounterClockwiseOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconClockCounterClockwise[iconSymbol] = true

package/react/diagramming-format.tsx

@@ -27,7 +27,7 @@ export const IconDiagrammingFormat: IconComponentType = forwardRef(
       <path
         fill='currentColor'
         fillRule='evenodd'
-        d='M13 4.5c0-1.3807 1.1193-2.5 2.5-2.5h4c1.3807 0 2.5 1.1193 2.5 2.5v4c0 1.3807-1.1193 2.5-2.5 2.5h-4c-1.3807 0-2.5-1.1193-2.5-2.5v-1h-2c-2.2091 0-4 1.7909-4 4v.5c2.419 0 4.4367 1.7178 4.9 4h6.6264l-2.1436-1.7116 1.2341-1.5769 4.3833 3.5001c.2387.1906.3779.481.3779.7884 0 .3073-.1392.5978-.3779.7884l-4.3833 3.5-1.2341-1.5769 2.1435-1.7115h-6.6263c-.4633 2.2822-2.481 4-4.9 4-2.7614 0-5-2.2386-5-5 0-2.0503 1.2341-3.8124 3-4.584v-.916c0-3.3137 2.6863-6 6-6h2v-1Zm2.5-.5a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5h-4Zm-8.5 10c-1.6569 0-3 1.3431-3 3s1.3431 3 3 3 3-1.3431 3-3-1.3431-3-3-3Z'
+        d='M13 4.5c0-1.3807 1.1193-2.5 2.5-2.5h4c1.3807 0 2.5 1.1193 2.5 2.5v4c0 1.3807-1.1193 2.5-2.5 2.5h-4c-1.3807 0-2.5-1.1193-2.5-2.5v-1h-2c-2.2091 0-4 1.7909-4 4v.5c2.419 0 4.4367 1.7178 4.9 4h6.6265l-2.1437-1.7117 1.2341-1.5768 4.3833 3.5001c.2387.1906.378.481.378.7884 0 .3073-.1393.5978-.378.7884l-4.3833 3.4999-1.2341-1.5768 2.1435-1.7115h-6.6263c-.4633 2.2822-2.481 4-4.9 4-2.7614 0-5-2.2386-5-5 0-2.0503 1.2341-3.8124 3-4.584v-.916c0-3.3137 2.6863-6 6-6h2v-1Zm2.5-.5a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5h-4Zm-8.5 10c-1.6569 0-3 1.3431-3 3s1.3431 3 3 3 3-1.3431 3-3-1.3431-3-3-3Z'
         clipRule='evenodd'
       />
     )

package/svg/24/arrow-down-new.svg

@@ -0,0 +1,2 @@
+<!-- DO NOT MODIFY THIS FILE: This file was generated by sync icons utility -->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M12.0001 3v17.205m-6.9964-6.2033 6.9964 6.5983 7.003-6.6044" style="vector-effect:non-scaling-stroke"/><path stroke="currentColor" stroke-width="2" d="M12 12v.0001" style="vector-effect:non-scaling-stroke"/></svg>

package/svg/24/arrow-down.svg

@@ -1,2 +1,2 @@
 <!-- DO NOT MODIFY THIS FILE: This file was generated by sync icons utility -->
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M12.0001 3v17.205m-6.9964-6.2033 6.9964 6.5983 7.003-6.6044" style="vector-effect:non-scaling-stroke"/><path stroke="currentColor" stroke-width="2" d="M12 12v.0001" style="vector-effect:non-scaling-stroke"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M12 3v17.205m-6.9964-6.2033 6.9964 6.5983 7.0031-6.6044" style="vector-effect:non-scaling-stroke"/><path stroke="currentColor" stroke-width="2" d="M12 12v.0001" style="vector-effect:non-scaling-stroke"/></svg>

package/svg/24/arrow-fat-right-new.svg

@@ -0,0 +1,2 @@
+<!-- DO NOT MODIFY THIS FILE: This file was generated by sync icons utility -->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-width="2" d="M11 7h-7.75a.25.25 0 0 0-.25.25v9.5a.25.25 0 0 0 .25.25h7.75v3.9367c0 .2167.257.3308.4177.1854l10.0823-9.1221-10.0823-9.122c-.1607-.1455-.4177-.0314-.4177.1853v3.9367ZM3 12v.0001" style="vector-effect:non-scaling-stroke"/></svg>

package/svg/24/arrow-left-new.svg

@@ -0,0 +1,2 @@
+<!-- DO NOT MODIFY THIS FILE: This file was generated by sync icons utility -->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M21 12h-17m6.41-7-7 7 7 7" style="vector-effect:non-scaling-stroke"/><path stroke="currentColor" stroke-width="2" d="M12 12v.0001" style="vector-effect:non-scaling-stroke"/></svg>

package/svg/24/arrow-right-new.svg

@@ -0,0 +1,2 @@
+<!-- DO NOT MODIFY THIS FILE: This file was generated by sync icons utility -->
+<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" fill="none" viewBox="0 0 25 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M21 12h-17m10.59-7 7 7-7 7" style="vector-effect:non-scaling-stroke"/><path stroke="currentColor" stroke-width="2" d="M1 0v.0001" style="vector-effect:non-scaling-stroke"/></svg>

package/svg/24/arrows-in-simple-new.svg

@@ -0,0 +1,2 @@
+<!-- DO NOT MODIFY THIS FILE: This file was generated by sync icons utility -->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m21 3-7 7m0 0v-5m0 5h5m-16 11 7-7m0 0v5m0-5h-5" style="vector-effect:non-scaling-stroke"/><path stroke="currentColor" stroke-width="2" d="M16 8v.0001" style="vector-effect:non-scaling-stroke"/></svg>

package/svg/24/clock-counter-clockwise-new.svg

@@ -0,0 +1,2 @@
+<!-- DO NOT MODIFY THIS FILE: This file was generated by sync icons utility -->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m4.0696 13.1237.1237.9924 1.9847-.2475-.1238-.9923-1.9846.2474Zm.9304 1.8763-.7071.7071h1.4142l-.7071-.7071Zm8 6c4.9706 0 9-4.0294 9-9h-2c0 3.866-3.134 7-7 7v2Zm9-9c0-4.9706-4.0294-9-9-9v2c3.866 0 7 3.134 7 7h2Zm-9-9c-4.9706 0-9 4.0294-9 9h2c0-3.866 3.134-7 7-7v-2Zm-9 9c0 .3801.0236.7552.0696 1.1237l1.9846-.2474a7.079 7.079 0 0 1-.0542-.8763h-2Zm1.7071 3.7071 3-3-1.4142-1.4142-3 3 1.4142 1.4142Zm0-1.4142-3-3-1.4142 1.4142 3 3 1.4142-1.4142Z" style="vector-effect:non-scaling-stroke"/><circle cx="13" cy="12" r="2" fill="currentColor" style="vector-effect:non-scaling-stroke"/></svg>

package/svg/24/diagramming-format.svg

@@ -1,2 +1,2 @@
 <!-- DO NOT MODIFY THIS FILE: This file was generated by sync icons utility -->
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M13 4.5c0-1.3807 1.1193-2.5 2.5-2.5h4c1.3807 0 2.5 1.1193 2.5 2.5v4c0 1.3807-1.1193 2.5-2.5 2.5h-4c-1.3807 0-2.5-1.1193-2.5-2.5v-1h-2c-2.2091 0-4 1.7909-4 4v.5c2.419 0 4.4367 1.7178 4.9 4h6.6264l-2.1436-1.7116 1.2341-1.5769 4.3833 3.5001c.2387.1906.3779.481.3779.7884 0 .3073-.1392.5978-.3779.7884l-4.3833 3.5-1.2341-1.5769 2.1435-1.7115h-6.6263c-.4633 2.2822-2.481 4-4.9 4-2.7614 0-5-2.2386-5-5 0-2.0503 1.2341-3.8124 3-4.584v-.916c0-3.3137 2.6863-6 6-6h2v-1Zm2.5-.5a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5h-4Zm-8.5 10c-1.6569 0-3 1.3431-3 3s1.3431 3 3 3 3-1.3431 3-3-1.3431-3-3-3Z" clip-rule="evenodd" style="vector-effect:non-scaling-stroke"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M13 4.5c0-1.3807 1.1193-2.5 2.5-2.5h4c1.3807 0 2.5 1.1193 2.5 2.5v4c0 1.3807-1.1193 2.5-2.5 2.5h-4c-1.3807 0-2.5-1.1193-2.5-2.5v-1h-2c-2.2091 0-4 1.7909-4 4v.5c2.419 0 4.4367 1.7178 4.9 4h6.6265l-2.1437-1.7117 1.2341-1.5768 4.3833 3.5001c.2387.1906.378.481.378.7884 0 .3073-.1393.5978-.378.7884l-4.3833 3.4999-1.2341-1.5768 2.1435-1.7115h-6.6263c-.4633 2.2822-2.481 4-4.9 4-2.7614 0-5-2.2386-5-5 0-2.0503 1.2341-3.8124 3-4.584v-.916c0-3.3137 2.6863-6 6-6h2v-1Zm2.5-.5a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5h-4Zm-8.5 10c-1.6569 0-3 1.3431-3 3s1.3431 3 3 3 3-1.3431 3-3-1.3431-3-3-3Z" clip-rule="evenodd" style="vector-effect:non-scaling-stroke"/></svg>