@mirohq/design-system-icons 0.12.4 → 0.13.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirohq/design-system-icons",
-  "version": "0.12.4",
+  "version": "0.13.0",
   "description": "",
   "author": "Miro",
   "source": "src/index.ts",
@@ -30,10 +30,10 @@
     "react": "^16.14 || ^17 || ^18"
   },
   "dependencies": {
-    "@mirohq/design-system-link": "^1.2.6",
-    "@mirohq/design-system-utils": "^0.13.1",
-    "@mirohq/design-system-stitches": "^2.2.3",
-    "@mirohq/design-system-primitive": "^1.1.0"
+    "@mirohq/design-system-link": "^1.2.7",
+    "@mirohq/design-system-primitive": "^1.1.0",
+    "@mirohq/design-system-stitches": "^2.2.4",
+    "@mirohq/design-system-utils": "^0.13.1"
   },
   "devDependencies": {
     "@svgr/cli": "^6.5.1",

package/react/arrows-down-up.tsx

@@ -0,0 +1,30 @@
+/**
+ * DO NOT MODIFY THIS FILE.
+ * This file was generated by sync icons utility.
+ */
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconArrowsDownUp: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeWidth={2}
+      d='M7 5v14m0 0 4-4m-4 4-4-4m14 4v-14m0 0-4 4m4-4 4 4'
+    />
+  )
+)

package/react/badge.tsx

@@ -0,0 +1,31 @@
+/**
+ * DO NOT MODIFY THIS FILE.
+ * This file was generated by sync icons utility.
+ */
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconBadge: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={2}
+      d='M8 17c-6 0-6-9 0-9h8c6 0 6 9 0 9h-8Z'
+    />
+  )
+)

package/react/index.ts

@@ -29,6 +29,7 @@ export { IconArrowUp } from './arrow-up'
 export { IconArrowsClockwiseRectangleTilt } from './arrows-clockwise-rectangle-tilt'
 export { IconArrowsClockwiseX } from './arrows-clockwise-x'
 export { IconArrowsClockwiseY } from './arrows-clockwise-y'
+export { IconArrowsDownUp } from './arrows-down-up'
 export { IconArrowsHorizontalLinesTopBottom } from './arrows-horizontal-lines-top-bottom'
 export { IconArrowsInSimple } from './arrows-in-simple'
 export { IconArrowsOutCardinal } from './arrows-out-cardinal'
@@ -36,6 +37,7 @@ export { IconArrowsOutLinesHorizontal } from './arrows-out-lines-horizontal'
 export { IconArrowsOutSimple } from './arrows-out-simple'
 export { IconArticle } from './article'
 export { IconAt } from './at'
+export { IconBadge } from './badge'
 export { IconBarrel } from './barrel'
 export { IconBellSlash } from './bell-slash'
 export { IconBellTilt } from './bell-tilt'
@@ -184,6 +186,7 @@ export { IconMagnet } from './magnet'
 export { IconMagnifyingGlassLightning } from './magnifying-glass-lightning'
 export { IconMagnifyingGlass } from './magnifying-glass'
 export { IconMap } from './map'
+export { IconMegaphone } from './megaphone'
 export { IconMicrophoneSlash } from './microphone-slash'
 export { IconMicrophone } from './microphone'
 export { IconMinus } from './minus'
@@ -191,6 +194,7 @@ export { IconMonitorArrow } from './monitor-arrow'
 export { IconMonitorPause } from './monitor-pause'
 export { IconMonitorPlay } from './monitor-play'
 export { IconMonitorStop } from './monitor-stop'
+export { IconMoon } from './moon'
 export { IconMouse } from './mouse'
 export { IconNavigationArrowLines } from './navigation-arrow-lines'
 export { IconNavigationUpLeftFilled } from './navigation-up-left-filled'
@@ -252,6 +256,7 @@ export { IconRectanglesTwoMinus } from './rectangles-two-minus'
 export { IconRectanglesTwoPlus } from './rectangles-two-plus'
 export { IconRectanglesTwoUser } from './rectangles-two-user'
 export { IconRhombus } from './rhombus'
+export { IconRocket } from './rocket'
 export { IconRssRectangle } from './rss-rectangle'
 export { IconScissors } from './scissors'
 export { IconScrollbarXy } from './scrollbar-xy'
@@ -307,6 +312,7 @@ export { IconStroke3 } from './stroke-3'
 export { IconStroke4 } from './stroke-4'
 export { IconStroke5 } from './stroke-5'
 export { IconStroke6 } from './stroke-6'
+export { IconSwitch } from './switch'
 export { IconTag } from './tag'
 export { IconTextAUnderline } from './text-a-underline'
 export { IconTextAlignCenter } from './text-align-center'
@@ -328,6 +334,8 @@ export { IconThumbsUp } from './thumbs-up'
 export { IconTickCircle } from './tick-circle'
 export { IconTicket } from './ticket'
 export { IconTimer } from './timer'
+export { IconToolbar } from './toolbar'
+export { IconTooltip } from './tooltip'
 export { IconTrackpad } from './trackpad'
 export { IconTrapeze } from './trapeze'
 export { IconTrashSimple } from './trash-simple'

package/react/megaphone.tsx

@@ -0,0 +1,31 @@
+/**
+ * DO NOT MODIFY THIS FILE.
+ * This file was generated by sync icons utility.
+ */
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconMegaphone: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={2}
+      d='m13 6.7778 4 1.111 3.2676.9078a1 1 0 0 1 .7324.9635v4.4798a1 1 0 0 1-.7324.9635l-3.2676.9077m-4-9.3333-8.7324-2.4257c-.6371-.177-1.2676.3022-1.2676.9635v13.3688c0 .6613.6305 1.1405 1.2676.9635l12.7324-3.5368m-4-9.3333v12.2222c0 .5523.4477 1 1 1h2c.5523 0 1-.4477 1-1v-2.8889'
+    />
+  )
+)

package/react/moon.tsx

@@ -0,0 +1,30 @@
+/**
+ * DO NOT MODIFY THIS FILE.
+ * This file was generated by sync icons utility.
+ */
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconMoon: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <path
+      stroke='currentColor'
+      strokeLinejoin='round'
+      strokeWidth={2}
+      d='M21 13.3757a9.0907 9.0907 0 0 1-2.1328.2523c-5.0076 0-9.067-4.0594-9.067-9.067 0-.5323.0459-1.0539.1339-1.561-3.9784.9592-6.9341 4.5418-6.9341 8.8147 0 5.0075 4.0594 9.0669 9.0669 9.0669 4.4753 0 8.1932-3.2422 8.9331-7.5059Z'
+    />
+  )
+)

package/react/rocket.tsx

@@ -0,0 +1,31 @@
+/**
+ * DO NOT MODIFY THIS FILE.
+ * This file was generated by sync icons utility.
+ */
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconRocket: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={2}
+      d='m8 10.9999 5 5m-5-5-4-1 4-4 4 1m-4 4 4-4m1 9 1 4.0001 4-4-1-4.0001m-4 4 4-4m0 0 1-1c2-2 3-4 2-7-3-1-5 0-7 2l-1 1m-6 8c-1 1-2 2-2 5 3 0 4-.5 5-2'
+    />
+  )
+)

package/react/switch.tsx

@@ -0,0 +1,32 @@
+/**
+ * DO NOT MODIFY THIS FILE.
+ * This file was generated by sync icons utility.
+ */
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconSwitch: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={2}
+      d='M7 18c-7 0-7-11 0-11h10c7 0 7 11 0 11h-10Z'
+    />,
+    <circle cx={8.5} cy={12.5} r={3.5} fill='currentColor' />
+  )
+)

package/react/toolbar.tsx

@@ -0,0 +1,31 @@
+/**
+ * DO NOT MODIFY THIS FILE.
+ * This file was generated by sync icons utility.
+ */
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconToolbar: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={2}
+      d='M6.5 9h-4.5c-.5523 0-1 .4477-1 1v4c0 .5523.4477 1 1 1h4.5m0-6h5.5m-5.5 0v6m0 0h5.5m0-6v6m0-6h5.5m-5.5 6h5.5m0 0h4.5c.5523 0 1-.4477 1-1v-4c0-.5523-.4477-1-1-1h-4.5m0 6v-6'
+    />
+  )
+)

package/react/tooltip.tsx

@@ -0,0 +1,31 @@
+/**
+ * DO NOT MODIFY THIS FILE.
+ * This file was generated by sync icons utility.
+ */
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconTooltip: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={2}
+      d='M22 14v-8c0-.5523-.4477-1-1-1h-18c-.5523 0-1 .4477-1 1v8c0 .5523.4477 1 1 1h5.5a1 1 0 0 1 .8.4l2.7 3.6 2.7-3.6a1 1 0 0 1 .8-.4h5.5c.5523 0 1-.4477 1-1Z'
+    />
+  )
+)

package/svg/24/arrows-down-up.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="M7 5v14m0 0 4-4m-4 4-4-4m14 4v-14m0 0-4 4m4-4 4 4"/></svg>

package/svg/24/badge.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="M8 17c-6 0-6-9 0-9h8c6 0 6 9 0 9h-8Z"/></svg>

package/svg/24/megaphone.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="m13 6.7778 4 1.111 3.2676.9078a1 1 0 0 1 .7324.9635v4.4798a1 1 0 0 1-.7324.9635l-3.2676.9077m-4-9.3333-8.7324-2.4257c-.6371-.177-1.2676.3022-1.2676.9635v13.3688c0 .6613.6305 1.1405 1.2676.9635l12.7324-3.5368m-4-9.3333v12.2222c0 .5523.4477 1 1 1h2c.5523 0 1-.4477 1-1v-2.8889"/></svg>

package/svg/24/moon.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-linejoin="round" stroke-width="2" d="M21 13.3757a9.0907 9.0907 0 0 1-2.1328.2523c-5.0076 0-9.067-4.0594-9.067-9.067 0-.5323.0459-1.0539.1339-1.561-3.9784.9592-6.9341 4.5418-6.9341 8.8147 0 5.0075 4.0594 9.0669 9.0669 9.0669 4.4753 0 8.1932-3.2422 8.9331-7.5059Z"/></svg>

package/svg/24/rocket.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="m8 10.9999 5 5m-5-5-4-1 4-4 4 1m-4 4 4-4m1 9 1 4.0001 4-4-1-4.0001m-4 4 4-4m0 0 1-1c2-2 3-4 2-7-3-1-5 0-7 2l-1 1m-6 8c-1 1-2 2-2 5 3 0 4-.5 5-2"/></svg>

package/svg/24/switch.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="M7 18c-7 0-7-11 0-11h10c7 0 7 11 0 11h-10Z"/><circle cx="8.5" cy="12.5" r="3.5" fill="currentColor"/></svg>

package/svg/24/toolbar.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="M6.5 9h-4.5c-.5523 0-1 .4477-1 1v4c0 .5523.4477 1 1 1h4.5m0-6h5.5m-5.5 0v6m0 0h5.5m0-6v6m0-6h5.5m-5.5 6h5.5m0 0h4.5c.5523 0 1-.4477 1-1v-4c0-.5523-.4477-1-1-1h-4.5m0 6v-6"/></svg>

package/svg/24/tooltip.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="M22 14v-8c0-.5523-.4477-1-1-1h-18c-.5523 0-1 .4477-1 1v8c0 .5523.4477 1 1 1h5.5a1 1 0 0 1 .8.4l2.7 3.6 2.7-3.6a1 1 0 0 1 .8-.4h5.5c.5523 0 1-.4477 1-1Z"/></svg>

package/svg/meta.json

@@ -2894,5 +2894,49 @@
             "plus",
             "square"
         ]
+    },
+    "tooltip": {
+        "tags": [
+            "tooltip"
+        ]
+    },
+    "toolbar": {
+        "tags": [
+            "toolbar"
+        ]
+    },
+    "switch": {
+        "tags": [
+            "switch"
+        ]
+    },
+    "badge": {
+        "tags": [
+            "badge"
+        ]
+    },
+    "moon": {
+        "tags": [
+            "moon"
+        ]
+    },
+    "megaphone": {
+        "tags": [
+            "megaphone"
+        ]
+    },
+    "rocket": {
+        "tags": [
+            "rocket"
+        ]
+    },
+    "arrows-down-up": {
+        "tags": [
+            "arrows down up",
+            "arrows",
+            "down",
+            "up",
+            "sort"
+        ]
     }
 }