@mirohq/design-system-icons 0.46.0-red-icons.0 → 0.47.0

package/dist/types.d.ts

@@ -5,12 +5,14 @@ import * as _mirohq_design_system_primitive from '@mirohq/design-system-primitiv
 import { ForwardRefExoticComponent, RefAttributes, ComponentPropsWithRef } from 'react';
 import { iconSymbol } from '@mirohq/design-system-base-icon';
 
-declare const StyledIcon: ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"svg">>>, "size" | "weight" | "color"> & _stitches_react_types_styled_component.TransformProps<{
+declare const StyledIcon: ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"svg">>>, "size" | "weight" | "color" | "debug"> & _stitches_react_types_styled_component.TransformProps<{
     color?: _mirohq_design_system_themes_web.AliasColorsKeys | "black" | "transparent" | "white" | "blue-100" | "blue-150" | "blue-200" | "blue-250" | "blue-300" | "blue-350" | "blue-400" | "blue-450" | "blue-50" | "blue-500" | "blue-550" | "blue-600" | "blue-650" | "blue-700" | "blue-750" | "blue-800" | "blue-850" | "blue-900" | "blue-950" | "gray-100" | "gray-150" | "gray-200" | "gray-250" | "gray-300" | "gray-350" | "gray-400" | "gray-450" | "gray-50" | "gray-500" | "gray-550" | "gray-600" | "gray-650" | "gray-700" | "gray-750" | "gray-800" | "gray-850" | "gray-900" | "gray-950" | "green-100" | "green-150" | "green-200" | "green-250" | "green-300" | "green-350" | "green-400" | "green-450" | "green-50" | "green-500" | "green-550" | "green-600" | "green-650" | "green-700" | "green-750" | "green-800" | "green-850" | "green-900" | "green-950" | "red-100" | "red-150" | "red-200" | "red-250" | "red-300" | "red-350" | "red-400" | "red-450" | "red-50" | "red-500" | "red-550" | "red-600" | "red-650" | "red-700" | "red-750" | "red-800" | "red-850" | "red-900" | "red-950" | "yellow-100" | "yellow-150" | "yellow-200" | "yellow-250" | "yellow-300" | "yellow-350" | "yellow-400" | "yellow-450" | "yellow-50" | "yellow-500" | "yellow-550" | "yellow-600" | "yellow-650" | "yellow-700" | "yellow-750" | "yellow-800" | "yellow-850" | "yellow-900" | "yellow-950" | undefined;
+    debug?: boolean | "true" | "false" | undefined;
     size?: "small" | "medium" | "large" | undefined;
     weight?: "bold" | "thin" | "normal" | undefined;
 }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & RefAttributes<SVGSVGElement>> & _mirohq_design_system_stitches.StitchesInternals<ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"svg">>, {
     color?: _mirohq_design_system_themes_web.AliasColorsKeys | "black" | "transparent" | "white" | "blue-100" | "blue-150" | "blue-200" | "blue-250" | "blue-300" | "blue-350" | "blue-400" | "blue-450" | "blue-50" | "blue-500" | "blue-550" | "blue-600" | "blue-650" | "blue-700" | "blue-750" | "blue-800" | "blue-850" | "blue-900" | "blue-950" | "gray-100" | "gray-150" | "gray-200" | "gray-250" | "gray-300" | "gray-350" | "gray-400" | "gray-450" | "gray-50" | "gray-500" | "gray-550" | "gray-600" | "gray-650" | "gray-700" | "gray-750" | "gray-800" | "gray-850" | "gray-900" | "gray-950" | "green-100" | "green-150" | "green-200" | "green-250" | "green-300" | "green-350" | "green-400" | "green-450" | "green-50" | "green-500" | "green-550" | "green-600" | "green-650" | "green-700" | "green-750" | "green-800" | "green-850" | "green-900" | "green-950" | "red-100" | "red-150" | "red-200" | "red-250" | "red-300" | "red-350" | "red-400" | "red-450" | "red-50" | "red-500" | "red-550" | "red-600" | "red-650" | "red-700" | "red-750" | "red-800" | "red-850" | "red-900" | "red-950" | "yellow-100" | "yellow-150" | "yellow-200" | "yellow-250" | "yellow-300" | "yellow-350" | "yellow-400" | "yellow-450" | "yellow-50" | "yellow-500" | "yellow-550" | "yellow-600" | "yellow-650" | "yellow-700" | "yellow-750" | "yellow-800" | "yellow-850" | "yellow-900" | "yellow-950" | undefined;
+    debug?: boolean | "true" | "false" | undefined;
     size?: "small" | "medium" | "large" | undefined;
     weight?: "bold" | "thin" | "normal" | undefined;
 }, {}>;
@@ -39,6 +41,8 @@ declare type IconComponentType = ForwardRefExoticComponent<IconProps & RefAttrib
     [iconSymbol]?: boolean;
 };
 
+declare const IconActivity: IconComponentType;
+
 declare const IconAddLineBottom: IconComponentType;
 
 declare const IconAddLineRight: IconComponentType;
@@ -455,6 +459,8 @@ declare const IconLineHorizontal: IconComponentType;
 
 declare const IconLineOrthogonal: IconComponentType;
 
+declare const IconLineSpacing: IconComponentType;
+
 declare const IconLineStraight: IconComponentType;
 
 declare const IconLineTwoDiagonalTopRightDouble: IconComponentType;
@@ -939,4 +945,4 @@ declare const IconViewSideLeft: IconComponentType;
 
 declare const IconWallet: IconComponentType;
 
-export { IconAddLineBottom, IconAddLineRight, IconAlignBottom, IconAlignCenterHorizontal, IconAlignCenterVertical, IconAlignLeft, IconAlignRight, IconAlignTop, IconArrowArcLeft, IconArrowArcRight, IconArrowBendUpLeft, IconArrowBendUpRight, IconArrowBoxOut, IconArrowClockwiseDownRight, IconArrowClockwiseUpLeft, IconArrowCounterClockwiseDownLeft, IconArrowCounterClockwiseUpRight, IconArrowCurvesBottomRight, IconArrowDown, IconArrowDownLeft, IconArrowDownRight, IconArrowElbowDownRight, IconArrowFatRight, IconArrowFatUpRight, IconArrowLeft, IconArrowRight, IconArrowUp, IconArrowUpCircle, IconArrowUpLeft, IconArrowUpRight, IconArrowsClockwiseRectangleTilt, IconArrowsClockwiseX, IconArrowsClockwiseY, IconArrowsDownUp, IconArrowsHorizontalLinesTopBottom, IconArrowsInSimple, IconArrowsOutCardinal, IconArrowsOutLinesHorizontal, IconArrowsOutSimple, IconArrowsSquareCounterClockwiseY, IconArticle, IconAt, IconBadge, IconBarrel, IconBell, IconBellSlash, IconBellTilt, IconBoard, IconBookOpenInfo, IconBookmark, IconBracketCurlyLeft, IconBracketCurlyRight, IconBracketsAngleSlash, IconBracketsCurlyCirclesThree, IconBrush, IconCalendarBlank, IconCamera, IconCard, IconCardCircles, IconCardNumberThree, IconCardsPoker, IconChartBarY, IconChartBarYSimple, IconChat, IconChatCheck, IconChatDashesLinesTwo, IconChatLinesCross, IconChatLinesDot, IconChatLinesEyeOpen, IconChatLinesTwo, IconChatLinesTwoStack, IconChatPlus, IconChatTextArrow, IconChatTwo, IconCheckMark, IconCheckboardSquareCentered, IconChevronDown, IconChevronDownDouble, IconChevronLeft, IconChevronLeftDouble, IconChevronRight, IconChevronRightDouble, IconChevronRightSmall, IconChevronUp, IconChevronUpDouble, IconChevronUpDown, IconChevronUpDownLine, IconCircle, IconCircleCorners, IconCircleMotionX, IconCircleNotch, IconCircleSlash, IconCirclesConnected, IconClock, IconClockCounterClockwise, IconClockCounterClockwiseSimple, IconClockOvertime, IconCloud, IconCluster, IconClustered, IconCog, IconCoins, IconCoinsChecked, IconCoinsSlash, IconColumnsThree, IconCommentGroup, IconComponentType, IconConeSerpentine, IconConnectionLineElbows, IconConnectionLineStraight, IconCornersThreeEyeOpen, IconCounter, IconCreditCard, IconCrop, IconCross, IconCrossCircle, IconCrossFat, IconCrossSquare, IconCube, IconCursor, IconCursorFilled, IconCursorLines, IconCursorText, IconCursorTextLines, IconCurveSquareCircleArrow, IconDashLeftDownSquareDashRightUp, IconDashLeftUpSquareDashDownRight, IconDashSquareDashHorizontal, IconDashSquareDashVertical, IconDiagramCardLarge1, IconDiagramCardLarge2, IconDiagramCardLarge3, IconDiagramCardLarge4, IconDiagramCardMagnifyingGlass, IconDiagramCardSmall1, IconDiagramCardSmall2, IconDiagramCardSmall3, IconDiagramCardTeam, IconDiagramCardUser, IconDistributeHorizontal, IconDistributeVertical, IconDollarSignCurrency, IconDotVoting, IconDotsNine, IconDotsSixHorizontal, IconDotsSixVertical, IconDotsThree, IconDotsThreeVertical, IconDotsTwo, IconDownload, IconEnvelope, IconEraser, IconExclamationMarkOctagon, IconExclamationPointCircle, IconExport, IconEyeClosed, IconEyeClosedDotsFourFrameBroken, IconEyeOpen, IconEyeOpenLineFrameBroken, IconEyeOpenSlash, IconEyedropper, IconFactory, IconFactoryHouse, IconFileSpreadsheet, IconFlag, IconFolder, IconFrame, IconFrameLinesTwo, IconFramePlay, IconFramePlus, IconFunnel, IconGauge, IconGavel, IconGift, IconGlobe, IconGraduationCap, IconGrid, IconGridFour, IconGridSix, IconHand, IconHandFilled, IconHandPointing, IconHeadsetPerson, IconHeart, IconHeartFilled, IconHexagon, IconHighlighter, IconHighlighterUnderline, IconHouse, IconImage, IconIndentLeft, IconIndentRight, IconInformationMarkCircle, IconKanban, IconKey, IconKeycap, IconLaptop, IconLasso, IconLayout, IconLifesaver, IconLightbox, IconLightbulb, IconLightning, IconLineCurved, IconLineDashed, IconLineDiagonal, IconLineDotted, IconLineHorizontal, IconLineOrthogonal, IconLineStraight, IconLineTwoDiagonalTopRightDouble, IconLinesThreeHorizontal, IconLinesThreeHorizontalLineVerticalCenter, IconLinesThreeVertical, IconLinesTopLeftColumnsTwo, IconLink, IconLinkPlus, IconListBullets, IconListNumbers, IconLockClosed, IconLockOpen, IconLogin, IconLogout, IconMagnet, IconMagnifyingGlass, IconMagnifyingGlassLightning, IconMagnifyingGlassPlus, IconMap, IconMegaphone, IconMermaid, IconMicrophone, IconMicrophoneSlash, IconMinus, IconMobile, IconMonitorArrow, IconMonitorPause, IconMonitorPlay, IconMonitorStop, IconMoon, IconMouse, IconMusicNote, IconNavigationArrowLines, IconNavigationUpLeftFilled, IconNavigationUpLeftSlash, IconNavigationUpRight, IconNext, IconNodeConnectedDot, IconNodeLinesCurved, IconNodeLinesHorizontal, IconNodeLinesVertical, IconNodePlus, IconNodesConnected, IconNodesConnectionsThree, IconNoteMagnifyingGlass, IconNotepad, IconOctagon, IconOffice, IconOrgChart, IconPaintBucket, IconPalette, IconPaperPlaneFilledRight, IconPaperPlaneTilt, IconParallelogram, IconPause, IconPauseCircle, IconPdf, IconPen, IconPenTip, IconPenUnderline, IconPentagon, IconPeopleList, IconPlaceholder, IconPlanet, IconPlay, IconPlayCircle, IconPlaybackSpeedCircle, IconPlug, IconPlus, IconPlusBox, IconPlusSquare, IconPlusText, IconPolling, IconPresentationArrow, IconPresentationEyeOpen, IconPresentationLine, IconPresentationLinesTwo, IconPresentationLink, IconPresentationNumberOne, IconPresentationPlay, IconPresentationPlus, IconPrevious, IconProhibit, IconProps, IconPushPin, IconPushPinFilled, IconQuestionMark, IconQuestionMarkCircle, IconQuotes, IconRectangleArrowUpCenter, IconRectangleDashLines, IconRectangleDotLinePen, IconRectangleFrame2Lines, IconRectanglePlayStack, IconRectanglePortrait, IconRectanglePortraitDash, IconRectanglePortraitDashSquareTopCenter, IconRectanglePortraitDashSquareTopLeft, IconRectanglePortraitFilled, IconRectanglePortraitSquareTopLeft, IconRectangleTick, IconRectangleTriangleBottomCenter, IconRectanglesThreeAligned, IconRectanglesThreeFree, IconRectanglesThreeOverlap, IconRectanglesTwoLine, IconRectanglesTwoLinesFour, IconRectanglesTwoMinus, IconRectanglesTwoPlus, IconRectanglesTwoUser, IconRhombus, IconRocket, IconRss, IconRssRectangle, IconScissors, IconScrollbarXy, IconShapes, IconShapesLines, IconShieldCheck, IconShieldLock, IconShuffle, IconSidebarClosed, IconSidebarGlobalClosed, IconSidebarGlobalOpen, IconSidebarOpen, IconSingleSparksFilled, IconSlidersX, IconSlidersY, IconSmiley, IconSmileyChat, IconSmileyPlus, IconSmileySticker, IconSocialAdo, IconSocialDrawio, IconSocialFacebook, IconSocialInstagram, IconSocialJira, IconSocialLinkedin, IconSocialSlack, IconSocialTwitter, IconSocialX, IconSocialYoutube, IconSortAscending, IconSortDescending, IconSparks, IconSparksFilled, IconSpeakerCross, IconSpeakerHigh, IconSplitVertical, IconSquare, IconSquareArrowIn, IconSquareBracketsAngleSlash, IconSquareCirclesTwo, IconSquareFrame2LinesCircle, IconSquareLineSquareDashed, IconSquareRounded, IconSquareStarScribble, IconSquareTriangleCirclePlus, IconSquaresColumn, IconSquaresFour, IconSquaresGroup, IconSquaresMerge, IconSquaresRow, IconSquaresThree, IconSquaresTwoOverlap, IconSquaresUngroup, IconSquaresUnmerge, IconStack, IconStar, IconStarFilled, IconStarHalf, IconStickyCorners, IconStickyEyeClosed, IconStickyEyeOpen, IconStickyNote, IconStickyNoteStack, IconStickyNoteWide, IconStickyNotesTwo, IconStopCircle, IconStoryPoints, IconStroke1, IconStroke2, IconStroke3, IconStroke4, IconStroke5, IconStroke6, IconSwitch, IconTag, IconTasks, IconTextAUnderline, IconTextAa, IconTextAlignCenter, IconTextAlignLeft, IconTextAlignRight, IconTextBBold, IconTextBBoldItalicUnderlined, IconTextCursorEyeOpen, IconTextHOne, IconTextHThree, IconTextHTwo, IconTextIItalic, IconTextIndent, IconTextLinesThree, IconTextSStrikethrough, IconTextStyles, IconTextT, IconTextUUnderlined, IconThumbsUp, IconTickCircle, IconTicket, IconTimer, IconToolbar, IconTooltip, IconTrackpad, IconTrapeze, IconTrash, IconTrashSimple, IconTriangle, IconTriangleSquareCircle, IconTrident, IconTrophy, IconUser, IconUserAdd, IconUserArrowRightUp, IconUserBackgroundBlur, IconUserCog, IconUserCogPlus, IconUserEyeOpen, IconUserFilter, IconUserLoad, IconUserNumberThree, IconUserPenDashesBottom, IconUserPenLineBottom, IconUserTickDown, IconUsers, IconUsersThree, IconVideoCamera, IconVideoCameraSimple, IconVideoCameraSimpleError, IconVideoCameraSimpleSlash, IconViewCenter, IconViewSideLeft, IconWallet };
+export { IconActivity, IconAddLineBottom, IconAddLineRight, IconAlignBottom, IconAlignCenterHorizontal, IconAlignCenterVertical, IconAlignLeft, IconAlignRight, IconAlignTop, IconArrowArcLeft, IconArrowArcRight, IconArrowBendUpLeft, IconArrowBendUpRight, IconArrowBoxOut, IconArrowClockwiseDownRight, IconArrowClockwiseUpLeft, IconArrowCounterClockwiseDownLeft, IconArrowCounterClockwiseUpRight, IconArrowCurvesBottomRight, IconArrowDown, IconArrowDownLeft, IconArrowDownRight, IconArrowElbowDownRight, IconArrowFatRight, IconArrowFatUpRight, IconArrowLeft, IconArrowRight, IconArrowUp, IconArrowUpCircle, IconArrowUpLeft, IconArrowUpRight, IconArrowsClockwiseRectangleTilt, IconArrowsClockwiseX, IconArrowsClockwiseY, IconArrowsDownUp, IconArrowsHorizontalLinesTopBottom, IconArrowsInSimple, IconArrowsOutCardinal, IconArrowsOutLinesHorizontal, IconArrowsOutSimple, IconArrowsSquareCounterClockwiseY, IconArticle, IconAt, IconBadge, IconBarrel, IconBell, IconBellSlash, IconBellTilt, IconBoard, IconBookOpenInfo, IconBookmark, IconBracketCurlyLeft, IconBracketCurlyRight, IconBracketsAngleSlash, IconBracketsCurlyCirclesThree, IconBrush, IconCalendarBlank, IconCamera, IconCard, IconCardCircles, IconCardNumberThree, IconCardsPoker, IconChartBarY, IconChartBarYSimple, IconChat, IconChatCheck, IconChatDashesLinesTwo, IconChatLinesCross, IconChatLinesDot, IconChatLinesEyeOpen, IconChatLinesTwo, IconChatLinesTwoStack, IconChatPlus, IconChatTextArrow, IconChatTwo, IconCheckMark, IconCheckboardSquareCentered, IconChevronDown, IconChevronDownDouble, IconChevronLeft, IconChevronLeftDouble, IconChevronRight, IconChevronRightDouble, IconChevronRightSmall, IconChevronUp, IconChevronUpDouble, IconChevronUpDown, IconChevronUpDownLine, IconCircle, IconCircleCorners, IconCircleMotionX, IconCircleNotch, IconCircleSlash, IconCirclesConnected, IconClock, IconClockCounterClockwise, IconClockCounterClockwiseSimple, IconClockOvertime, IconCloud, IconCluster, IconClustered, IconCog, IconCoins, IconCoinsChecked, IconCoinsSlash, IconColumnsThree, IconCommentGroup, IconComponentType, IconConeSerpentine, IconConnectionLineElbows, IconConnectionLineStraight, IconCornersThreeEyeOpen, IconCounter, IconCreditCard, IconCrop, IconCross, IconCrossCircle, IconCrossFat, IconCrossSquare, IconCube, IconCursor, IconCursorFilled, IconCursorLines, IconCursorText, IconCursorTextLines, IconCurveSquareCircleArrow, IconDashLeftDownSquareDashRightUp, IconDashLeftUpSquareDashDownRight, IconDashSquareDashHorizontal, IconDashSquareDashVertical, IconDiagramCardLarge1, IconDiagramCardLarge2, IconDiagramCardLarge3, IconDiagramCardLarge4, IconDiagramCardMagnifyingGlass, IconDiagramCardSmall1, IconDiagramCardSmall2, IconDiagramCardSmall3, IconDiagramCardTeam, IconDiagramCardUser, IconDistributeHorizontal, IconDistributeVertical, IconDollarSignCurrency, IconDotVoting, IconDotsNine, IconDotsSixHorizontal, IconDotsSixVertical, IconDotsThree, IconDotsThreeVertical, IconDotsTwo, IconDownload, IconEnvelope, IconEraser, IconExclamationMarkOctagon, IconExclamationPointCircle, IconExport, IconEyeClosed, IconEyeClosedDotsFourFrameBroken, IconEyeOpen, IconEyeOpenLineFrameBroken, IconEyeOpenSlash, IconEyedropper, IconFactory, IconFactoryHouse, IconFileSpreadsheet, IconFlag, IconFolder, IconFrame, IconFrameLinesTwo, IconFramePlay, IconFramePlus, IconFunnel, IconGauge, IconGavel, IconGift, IconGlobe, IconGraduationCap, IconGrid, IconGridFour, IconGridSix, IconHand, IconHandFilled, IconHandPointing, IconHeadsetPerson, IconHeart, IconHeartFilled, IconHexagon, IconHighlighter, IconHighlighterUnderline, IconHouse, IconImage, IconIndentLeft, IconIndentRight, IconInformationMarkCircle, IconKanban, IconKey, IconKeycap, IconLaptop, IconLasso, IconLayout, IconLifesaver, IconLightbox, IconLightbulb, IconLightning, IconLineCurved, IconLineDashed, IconLineDiagonal, IconLineDotted, IconLineHorizontal, IconLineOrthogonal, IconLineSpacing, IconLineStraight, IconLineTwoDiagonalTopRightDouble, IconLinesThreeHorizontal, IconLinesThreeHorizontalLineVerticalCenter, IconLinesThreeVertical, IconLinesTopLeftColumnsTwo, IconLink, IconLinkPlus, IconListBullets, IconListNumbers, IconLockClosed, IconLockOpen, IconLogin, IconLogout, IconMagnet, IconMagnifyingGlass, IconMagnifyingGlassLightning, IconMagnifyingGlassPlus, IconMap, IconMegaphone, IconMermaid, IconMicrophone, IconMicrophoneSlash, IconMinus, IconMobile, IconMonitorArrow, IconMonitorPause, IconMonitorPlay, IconMonitorStop, IconMoon, IconMouse, IconMusicNote, IconNavigationArrowLines, IconNavigationUpLeftFilled, IconNavigationUpLeftSlash, IconNavigationUpRight, IconNext, IconNodeConnectedDot, IconNodeLinesCurved, IconNodeLinesHorizontal, IconNodeLinesVertical, IconNodePlus, IconNodesConnected, IconNodesConnectionsThree, IconNoteMagnifyingGlass, IconNotepad, IconOctagon, IconOffice, IconOrgChart, IconPaintBucket, IconPalette, IconPaperPlaneFilledRight, IconPaperPlaneTilt, IconParallelogram, IconPause, IconPauseCircle, IconPdf, IconPen, IconPenTip, IconPenUnderline, IconPentagon, IconPeopleList, IconPlaceholder, IconPlanet, IconPlay, IconPlayCircle, IconPlaybackSpeedCircle, IconPlug, IconPlus, IconPlusBox, IconPlusSquare, IconPlusText, IconPolling, IconPresentationArrow, IconPresentationEyeOpen, IconPresentationLine, IconPresentationLinesTwo, IconPresentationLink, IconPresentationNumberOne, IconPresentationPlay, IconPresentationPlus, IconPrevious, IconProhibit, IconProps, IconPushPin, IconPushPinFilled, IconQuestionMark, IconQuestionMarkCircle, IconQuotes, IconRectangleArrowUpCenter, IconRectangleDashLines, IconRectangleDotLinePen, IconRectangleFrame2Lines, IconRectanglePlayStack, IconRectanglePortrait, IconRectanglePortraitDash, IconRectanglePortraitDashSquareTopCenter, IconRectanglePortraitDashSquareTopLeft, IconRectanglePortraitFilled, IconRectanglePortraitSquareTopLeft, IconRectangleTick, IconRectangleTriangleBottomCenter, IconRectanglesThreeAligned, IconRectanglesThreeFree, IconRectanglesThreeOverlap, IconRectanglesTwoLine, IconRectanglesTwoLinesFour, IconRectanglesTwoMinus, IconRectanglesTwoPlus, IconRectanglesTwoUser, IconRhombus, IconRocket, IconRss, IconRssRectangle, IconScissors, IconScrollbarXy, IconShapes, IconShapesLines, IconShieldCheck, IconShieldLock, IconShuffle, IconSidebarClosed, IconSidebarGlobalClosed, IconSidebarGlobalOpen, IconSidebarOpen, IconSingleSparksFilled, IconSlidersX, IconSlidersY, IconSmiley, IconSmileyChat, IconSmileyPlus, IconSmileySticker, IconSocialAdo, IconSocialDrawio, IconSocialFacebook, IconSocialInstagram, IconSocialJira, IconSocialLinkedin, IconSocialSlack, IconSocialTwitter, IconSocialX, IconSocialYoutube, IconSortAscending, IconSortDescending, IconSparks, IconSparksFilled, IconSpeakerCross, IconSpeakerHigh, IconSplitVertical, IconSquare, IconSquareArrowIn, IconSquareBracketsAngleSlash, IconSquareCirclesTwo, IconSquareFrame2LinesCircle, IconSquareLineSquareDashed, IconSquareRounded, IconSquareStarScribble, IconSquareTriangleCirclePlus, IconSquaresColumn, IconSquaresFour, IconSquaresGroup, IconSquaresMerge, IconSquaresRow, IconSquaresThree, IconSquaresTwoOverlap, IconSquaresUngroup, IconSquaresUnmerge, IconStack, IconStar, IconStarFilled, IconStarHalf, IconStickyCorners, IconStickyEyeClosed, IconStickyEyeOpen, IconStickyNote, IconStickyNoteStack, IconStickyNoteWide, IconStickyNotesTwo, IconStopCircle, IconStoryPoints, IconStroke1, IconStroke2, IconStroke3, IconStroke4, IconStroke5, IconStroke6, IconSwitch, IconTag, IconTasks, IconTextAUnderline, IconTextAa, IconTextAlignCenter, IconTextAlignLeft, IconTextAlignRight, IconTextBBold, IconTextBBoldItalicUnderlined, IconTextCursorEyeOpen, IconTextHOne, IconTextHThree, IconTextHTwo, IconTextIItalic, IconTextIndent, IconTextLinesThree, IconTextSStrikethrough, IconTextStyles, IconTextT, IconTextUUnderlined, IconThumbsUp, IconTickCircle, IconTicket, IconTimer, IconToolbar, IconTooltip, IconTrackpad, IconTrapeze, IconTrash, IconTrashSimple, IconTriangle, IconTriangleSquareCircle, IconTrident, IconTrophy, IconUser, IconUserAdd, IconUserArrowRightUp, IconUserBackgroundBlur, IconUserCog, IconUserCogPlus, IconUserEyeOpen, IconUserFilter, IconUserLoad, IconUserNumberThree, IconUserPenDashesBottom, IconUserPenLineBottom, IconUserTickDown, IconUsers, IconUsersThree, IconVideoCamera, IconVideoCameraSimple, IconVideoCameraSimpleError, IconVideoCameraSimpleSlash, IconViewCenter, IconViewSideLeft, IconWallet };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirohq/design-system-icons",
-  "version": "0.46.0-red-icons.0",
+  "version": "0.47.0",
   "description": "",
   "author": "Miro",
   "source": "src/index.ts",
@@ -32,9 +32,10 @@
   },
   "dependencies": {
     "@mirohq/design-system-base-icon": "^0.1.33",
-    "@mirohq/design-system-stitches": "^2.6.12",
+    "@mirohq/design-system-primitive": "^1.1.2",
     "@mirohq/design-system-utils": "^0.15.4",
-    "@mirohq/design-system-primitive": "^1.1.2"
+    "@mirohq/design-system-use-local-storage": "^0.3.11",
+    "@mirohq/design-system-stitches": "^2.6.12"
   },
   "devDependencies": {
     "@svgr/cli": "^6.5.1",

package/react/activity.tsx

@@ -0,0 +1,40 @@
+/**
+ * DO NOT MODIFY THIS FILE.
+ * This file was generated by sync icons utility.
+ */
+import React, { forwardRef, createElement } from 'react'
+import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
+
+import { StyledIcon } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
+
+export const IconActivity: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        debug,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        fill='currentColor'
+        d='M9.5 8a1 1 0 0 1 .7683.3598l4.2317 5.0782 1.7318-2.0782c.3536-.4243.9841-.4816 1.4084-.128.4243.3535.4816.9841.1281 1.4084l-2.5 3a1.0001 1.0001 0 0 1-1.5365 0l-4.2318-5.0782-1.7317 2.0782c-.3536.4243-.9842.4816-1.4084.128-.4243-.3535-.4816-.9841-.128-1.4084l2.5-3a1 1 0 0 1 .7681-.3598Z'
+      />,
+      <path
+        fill='currentColor'
+        fillRule='evenodd'
+        d='M12 2c-5.5228 0-10 4.4771-10 10 0 1.6688.4096 3.2446 1.1342 4.6297l-1.1002 4.1118a1 1 0 0 0 1.2245 1.2245l4.1119-1.1002c1.385.7246 2.9608 1.1342 4.6296 1.1342 5.5229 0 10-4.4772 10-10 0-5.5229-4.4771-10-10-10Zm-8 10c0-4.4183 3.5817-8 8-8s8 3.5817 8 8-3.5817 8-8 8c-1.4588 0-2.8236-.3896-3.9992-1.0696a1 1 0 0 0-.7592-.1005l-2.8282.7568.7567-2.8282a1 1 0 0 0-.1004-.7592c-.6801-1.1757-1.0697-2.5405-1.0697-3.9993Z'
+        clipRule='evenodd'
+      />
+    )
+  }
+)
+
+IconActivity[iconSymbol] = true

package/react/add-line-bottom.tsx

@@ -4,34 +4,38 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconAddLineBottom: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M21 5h-18m13 10h-4m0 0h-4m4 0v-4m0 4v4'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconAddLineBottom[iconSymbol] = true

package/react/add-line-right.tsx

@@ -4,34 +4,38 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconAddLineRight: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M5 3v18m10-13v4m0 0v4m0-4h-4m4 0h4'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M15 12v.0001'
       />
     )
+  }
 )
 
 IconAddLineRight[iconSymbol] = true

package/react/align-bottom.tsx

@@ -4,24 +4,27 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconAlignBottom: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeMiterlimit={1.414}
@@ -29,15 +32,16 @@ export const IconAlignBottom: IconComponentType = forwardRef(
         d='M3 20h18'
       />,
       <path
-        fill='red'
+        fill='currentColor'
         d='M7 3.5c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v11c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5v-11ZM14 8.5c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v6c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5v-6Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M9 12v.0001'
       />
     )
+  }
 )
 
 IconAlignBottom[iconSymbol] = true

package/react/align-center-horizontal.tsx

@@ -4,24 +4,27 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconAlignCenterHorizontal: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeMiterlimit={1.414}
@@ -29,15 +32,16 @@ export const IconAlignCenterHorizontal: IconComponentType = forwardRef(
         d='M12 3v18'
       />,
       <path
-        fill='red'
+        fill='currentColor'
         d='M19.5 7c.8284 0 1.5.6716 1.5 1.5s-.6716 1.5-1.5 1.5h-15c-.8284 0-1.5-.6716-1.5-1.5s.6716-1.5 1.5-1.5h15ZM16.5 14c.8284 0 1.5.6716 1.5 1.5s-.6716 1.5-1.5 1.5h-9c-.8284 0-1.5-.6716-1.5-1.5s.6716-1.5 1.5-1.5h9Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconAlignCenterHorizontal[iconSymbol] = true

package/react/align-center-vertical.tsx

@@ -4,24 +4,27 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconAlignCenterVertical: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeMiterlimit={1.414}
@@ -29,15 +32,16 @@ export const IconAlignCenterVertical: IconComponentType = forwardRef(
         d='M3 12h18'
       />,
       <path
-        fill='red'
+        fill='currentColor'
         d='M7 4.5c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v15c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5v-15ZM14 7.5c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v9c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5v-9Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconAlignCenterVertical[iconSymbol] = true

package/react/align-left.tsx

@@ -4,24 +4,27 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconAlignLeft: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeMiterlimit={1.414}
@@ -29,15 +32,16 @@ export const IconAlignLeft: IconComponentType = forwardRef(
         d='M4 21v-18'
       />,
       <path
-        fill='red'
+        fill='currentColor'
         d='M8 15.5c0-.8284.6716-1.5 1.5-1.5h5c.8284 0 1.5.6716 1.5 1.5s-.6716 1.5-1.5 1.5h-5c-.8284 0-1.5-.6716-1.5-1.5ZM8 8.5c0-.8284.6716-1.5 1.5-1.5h11c.8284 0 1.5.6716 1.5 1.5s-.6716 1.5-1.5 1.5h-11c-.8284 0-1.5-.6716-1.5-1.5Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 9v.0001'
       />
     )
+  }
 )
 
 IconAlignLeft[iconSymbol] = true

package/react/align-right.tsx

@@ -4,24 +4,27 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconAlignRight: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeMiterlimit={1.414}
@@ -29,15 +32,16 @@ export const IconAlignRight: IconComponentType = forwardRef(
         d='M20 3v18'
       />,
       <path
-        fill='red'
+        fill='currentColor'
         d='M2 8.5c0-.8284.6716-1.5 1.5-1.5h11c.8284 0 1.5.6716 1.5 1.5s-.6716 1.5-1.5 1.5h-11c-.8284 0-1.5-.6716-1.5-1.5ZM8 15.5c0-.8284.6716-1.5 1.5-1.5h5c.8284 0 1.5.6716 1.5 1.5s-.6716 1.5-1.5 1.5h-5c-.8284 0-1.5-.6716-1.5-1.5Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 9v.0001'
       />
     )
+  }
 )
 
 IconAlignRight[iconSymbol] = true

package/react/align-top.tsx

@@ -4,24 +4,27 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconAlignTop: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeMiterlimit={1.414}
@@ -29,15 +32,16 @@ export const IconAlignTop: IconComponentType = forwardRef(
         d='M3 3h18'
       />,
       <path
-        fill='red'
+        fill='currentColor'
         d='M7 8.5c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v11c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5v-11ZM14 8.5c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v6c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5v-6Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M9 12v.0001'
       />
     )
+  }
 )
 
 IconAlignTop[iconSymbol] = true

package/react/arrow-arc-left.tsx

@@ -4,35 +4,39 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconArrowArcLeft: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M20 15c-2-6.0007-10.5-8.0007-16-.0001m0 0v-5m0 5h5'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 10v.0001'
       />
     )
+  }
 )
 
 IconArrowArcLeft[iconSymbol] = true

package/react/arrow-arc-right.tsx

@@ -4,35 +4,39 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconArrowArcRight: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M4 15.0001c2-6.0008 10.5-8.0008 16-.0001m0 0v-5m0 5h-5'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 10v.0001'
       />
     )
+  }
 )
 
 IconArrowArcRight[iconSymbol] = true