@mirohq/design-system-icons 1.0.0 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/dist/main.js +244 -64
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +242 -65
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +7 -1
  6. package/package.json +3 -3
  7. package/react/alignment-scale.tsx +1 -1
  8. package/react/cluster-sentiment.tsx +2 -2
  9. package/react/cursor-lines.tsx +1 -1
  10. package/react/factory-house.tsx +1 -1
  11. package/react/factory.tsx +5 -1
  12. package/react/flip.tsx +41 -0
  13. package/react/formula.tsx +38 -0
  14. package/react/house.tsx +1 -1
  15. package/react/index.ts +3 -0
  16. package/react/megaphone.tsx +1 -1
  17. package/react/microphone-document.tsx +7 -4
  18. package/react/next.tsx +1 -1
  19. package/react/office.tsx +7 -1
  20. package/react/paint-bucket.tsx +5 -1
  21. package/react/pixel-eraser.tsx +46 -0
  22. package/react/play.tsx +1 -1
  23. package/react/plus-text.tsx +2 -2
  24. package/react/previous.tsx +1 -1
  25. package/react/sentiment.tsx +2 -2
  26. package/react/smiley-chat.tsx +1 -1
  27. package/react/smiley-plus.tsx +1 -1
  28. package/react/smiley.tsx +1 -1
  29. package/react/text-aa.tsx +13 -1
  30. package/react/text-b-bold-italic-underlined.tsx +5 -5
  31. package/react/text-b-bold.tsx +5 -1
  32. package/react/text-h-one.tsx +1 -1
  33. package/react/text-h-three.tsx +9 -2
  34. package/react/text-h-two.tsx +7 -1
  35. package/react/text-i-italic.tsx +1 -1
  36. package/react/text-s-strikethrough.tsx +4 -14
  37. package/react/text-styles.tsx +6 -4
  38. package/react/text-t.tsx +1 -1
  39. package/react/text-u-underlined.tsx +6 -1
  40. package/react/wallet.tsx +1 -1
  41. package/svg/24/alignment-scale.svg +1 -1
  42. package/svg/24/cluster-sentiment.svg +1 -1
  43. package/svg/24/cursor-lines.svg +1 -1
  44. package/svg/24/factory-house.svg +1 -1
  45. package/svg/24/factory.svg +1 -1
  46. package/svg/24/flip.svg +2 -0
  47. package/svg/24/formula.svg +2 -0
  48. package/svg/24/house.svg +1 -1
  49. package/svg/24/megaphone.svg +1 -1
  50. package/svg/24/microphone-document.svg +1 -1
  51. package/svg/24/next.svg +1 -1
  52. package/svg/24/office.svg +1 -1
  53. package/svg/24/paint-bucket.svg +1 -1
  54. package/svg/24/pixel-eraser.svg +2 -0
  55. package/svg/24/play.svg +1 -1
  56. package/svg/24/plus-text.svg +1 -1
  57. package/svg/24/previous.svg +1 -1
  58. package/svg/24/sentiment.svg +1 -1
  59. package/svg/24/smiley-chat.svg +1 -1
  60. package/svg/24/smiley-plus.svg +1 -1
  61. package/svg/24/smiley.svg +1 -1
  62. package/svg/24/text-aa.svg +1 -1
  63. package/svg/24/text-b-bold-italic-underlined.svg +1 -1
  64. package/svg/24/text-b-bold.svg +1 -1
  65. package/svg/24/text-h-one.svg +1 -1
  66. package/svg/24/text-h-three.svg +1 -1
  67. package/svg/24/text-h-two.svg +1 -1
  68. package/svg/24/text-i-italic.svg +1 -1
  69. package/svg/24/text-s-strikethrough.svg +1 -1
  70. package/svg/24/text-styles.svg +1 -1
  71. package/svg/24/text-t.svg +1 -1
  72. package/svg/24/text-u-underlined.svg +1 -1
  73. package/svg/24/wallet.svg +1 -1
  74. package/svg/meta.json +55 -3
package/dist/types.d.ts CHANGED
@@ -437,6 +437,8 @@ declare const IconFlag: IconComponentType;
437
437
 
438
438
  declare const IconFlipCard: IconComponentType;
439
439
 
440
+ declare const IconFlip: IconComponentType;
441
+
440
442
  declare const IconFolder: IconComponentType;
441
443
 
442
444
  declare const IconFrameLinesTwo: IconComponentType;
@@ -495,6 +497,8 @@ declare const IconHighlighter: IconComponentType;
495
497
 
496
498
  declare const IconHouse: IconComponentType;
497
499
 
500
+ declare const IconFormula: IconComponentType;
501
+
498
502
  declare const IconImage: IconComponentType;
499
503
 
500
504
  declare const IconIndentLeft: IconComponentType;
@@ -683,6 +687,8 @@ declare const IconPersonInCircle: IconComponentType;
683
687
 
684
688
  declare const IconPhoneFilled: IconComponentType;
685
689
 
690
+ declare const IconPixelEraser: IconComponentType;
691
+
686
692
  declare const IconPlaceholder: IconComponentType;
687
693
 
688
694
  declare const IconPlanet: IconComponentType;
@@ -1127,4 +1133,4 @@ declare const IconWifiExclamation: IconComponentType;
1127
1133
 
1128
1134
  declare const IconWifi: IconComponentType;
1129
1135
 
1130
- export { IconActivity, IconAddLineBottom, IconAddLineRight, IconAiText, IconAlignBottom, IconAlignBottomGroup, IconAlignCenterHorizontal, IconAlignCenterVertical, IconAlignLeft, IconAlignMiddle, IconAlignRight, IconAlignTop, IconAlignTopGroup, IconAlignmentScale, IconAltText, IconAltTextUnderline, IconArrowArcLeft, IconArrowArcRight, IconArrowBendUpLeft, IconArrowBendUpRight, IconArrowBoxLeft, IconArrowBoxOut, IconArrowClockwiseDownRight, IconArrowClockwiseUpLeft, IconArrowCounterClockwiseDownLeft, IconArrowCounterClockwiseUpRight, IconArrowCurvesBottomRight, IconArrowDown, IconArrowDownLeft, IconArrowDownRight, IconArrowElbowDownRight, IconArrowFatLeft, IconArrowFatLeftRight, IconArrowFatRight, IconArrowFatUpRight, IconArrowLeft, IconArrowLeftRightDotted, IconArrowRight, IconArrowUp, IconArrowUpCircle, IconArrowUpLeft, IconArrowUpRight, IconArrowsClockwiseRectangleTilt, IconArrowsClockwiseX, IconArrowsClockwiseY, IconArrowsCounterclockwiseRectangleTilt, IconArrowsDownUp, IconArrowsHorizontalLinesTopBottom, IconArrowsHorizontalLinesTopBottomIn, IconArrowsInSimple, IconArrowsOutCardinal, IconArrowsOutLinesHorizontal, IconArrowsOutSimple, IconArrowsSquareCounterClockwiseY, IconArrowsTimeBackward, IconArrowsTimeForward, IconArticle, IconArticleEmpty, IconAt, IconAttachment, IconBadge, IconBarrel, IconBell, IconBellSlash, IconBellTilt, IconBoard, IconBookOpenInfo, IconBookmark, IconBoxCaptions, IconBracketCurlyLeft, IconBracketCurlyRight, IconBracketsAngleSlash, IconBracketsCurlyCirclesThree, IconBrowser, IconBrush, IconCalendarBlank, IconCalendarEnd, IconCalendarStart, IconCamera, IconCaptionAlong, IconCaptionHorizontal, 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, IconClusterAi, IconClusterColor, IconClusterSentiment, IconClustered, IconCog, IconCoins, IconCoinsChecked, IconCoinsSlash, IconColumnsFormat, IconColumnsThree, IconCommentGroup, IconCompass, 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, IconDiagramming, IconDiagrammingFormat, IconDistributeHorizontal, IconDistributeVertical, IconDocFormat, IconDollarSignCurrency, IconDotVoting, IconDotsNine, IconDotsSixHorizontal, IconDotsSixVertical, IconDotsThree, IconDotsThreeVertical, IconDotsTwo, IconDownload, IconEnvelope, IconEraser, IconExclamationMarkOctagon, IconExclamationPointCircle, IconExport, IconExternalFormat, IconEyeClosed, IconEyeClosedDotsFourFrameBroken, IconEyeOpen, IconEyeOpenLineFrameBroken, IconEyeOpenSlash, IconEyedropper, IconFactory, IconFactoryHouse, IconFileSpreadsheet, IconFlag, IconFlipCard, IconFolder, IconFrame, IconFrameLinesTwo, IconFramePlay, IconFramePlus, IconFunnel, IconGauge, IconGavel, IconGift, IconGithub, IconGlobe, IconGoogleDrive, IconGraduationCap, IconGrid, IconGridFour, IconGridSix, IconHand, IconHandFilled, IconHandPointing, IconHandRaisedFilled, IconHeadphones, IconHeadsetPerson, IconHeart, IconHeartFilled, IconHexagon, IconHighlighter, IconHighlighterColorSelection, IconHighlighterUnderline, IconHouse, IconImage, IconIndentLeft, IconIndentRight, IconInformationMarkCircle, IconInsights, 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, IconMicrophoneDocument, IconMicrophoneSlash, IconMinus, IconMobile, IconMonitor, IconMonitorArrow, IconMonitorArrowUp, IconMonitorEyeClosed, IconMonitorEyeOpen, IconMonitorPause, IconMonitorPlay, IconMonitorStop, IconMoon, IconMouse, IconMusicNote, IconNavigationArrowLines, IconNavigationUpLeftFilled, IconNavigationUpLeftSlash, IconNavigationUpRight, IconNext, IconNodeConnectedDot, IconNodeLinesCurved, IconNodeLinesHorizontal, IconNodeLinesVertical, IconNodePlus, IconNodesConnected, IconNodesConnectionsThree, IconNoteMagnifyingGlass, IconNotepad, IconNumber, IconOctagon, IconOffice, IconOrgChart, IconOrientationHorizontal, IconOrientationVertical, IconPaintBucket, IconPalette, IconPaperPlaneFilledRight, IconPaperPlaneTilt, IconParallelogram, IconPause, IconPauseCircle, IconPdf, IconPen, IconPenColorSelection, IconPenTip, IconPenUnderline, IconPentagon, IconPeopleList, IconPersonInCircle, IconPhoneFilled, IconPlaceholder, IconPlanet, IconPlay, IconPlayCircle, IconPlaybackSpeedCircle, IconPlug, IconPlus, IconPlusBox, IconPlusSquare, IconPlusText, IconPolling, IconPresentationArrow, IconPresentationEyeOpen, IconPresentationLine, IconPresentationLinesTwo, IconPresentationLink, IconPresentationNumberOne, IconPresentationPlay, IconPresentationPlus, IconPrevious, IconProhibit, IconProps, IconProtoButton, IconProtoCheckbox, IconProtoDropdown, IconProtoInput, IconProtoNumber, IconProtoRadio, IconProtoSlider, IconPrototypeFormat, IconPushPin, IconPushPinFilled, IconQuestionMark, IconQuestionMarkCircle, IconQuotes, IconRaisedHand, IconRatio169, IconRatio43, IconRatioSquare, IconRectangleArrowUpCenter, IconRectangleDashLines, IconRectangleDotLarge, IconRectangleDotLinePen, IconRectangleDotMedium, IconRectangleDotSmall, IconRectangleFrame2Lines, IconRectangleLine, IconRectanglePlayStack, IconRectanglePortrait, IconRectanglePortraitDash, IconRectanglePortraitDashSquareTopCenter, IconRectanglePortraitDashSquareTopLeft, IconRectanglePortraitFilled, IconRectanglePortraitSquareTopLeft, IconRectangleTick, IconRectangleTriangleBottomCenter, IconRectanglesSquares, IconRectanglesThreeAligned, IconRectanglesThreeFree, IconRectanglesThreeOverlap, IconRectanglesTwoLine, IconRectanglesTwoLinesFour, IconRectanglesTwoMinus, IconRectanglesTwoPlus, IconRectanglesTwoUser, IconRhombus, IconRocket, IconRss, IconRssRectangle, IconScissors, IconScrollbarXy, IconSelect, IconSentiment, IconShadow, IconShapes, IconShapesLines, IconShapesLinesStacked, IconShieldCheck, IconShieldLock, IconShieldLockFilled, IconShuffle, IconSidebarClosed, IconSidebarGlobalClosed, IconSidebarGlobalOpen, IconSidebarOpen, IconSingleSparksFilled, IconSlideFormat, IconSlidersX, IconSlidersY, IconSmiley, IconSmileyChat, IconSmileyPlus, IconSmileySticker, IconSocialAdo, IconSocialAsana, IconSocialDrawio, IconSocialFacebook, IconSocialInstagram, IconSocialJira, IconSocialLinkedin, IconSocialLooker, IconSocialMonday, IconSocialSlack, IconSocialTwitter, IconSocialX, IconSocialYoutube, IconSortAscending, IconSortDescending, IconSparks, IconSparksFilled, IconSpeakerCross, IconSpeakerHigh, IconSpinner, IconSplitVertical, IconSquare, IconSquareArrowIn, IconSquareBracketsAngleSlash, IconSquareCirclesTwo, IconSquareFrame2LinesCircle, IconSquareLineSquareDashed, IconSquareRounded, IconSquareStarScribble, IconSquareTriangleCirclePlus, IconSquaresColumn, IconSquaresFour, IconSquaresGroup, IconSquaresMerge, IconSquaresRow, IconSquaresThree, IconSquaresTwoOverlap, IconSquaresUngroup, IconSquaresUnmerge, IconStack, IconStackedCircles, IconStar, IconStarFilled, IconStarHalf, IconStickyCorners, IconStickyEyeClosed, IconStickyEyeOpen, IconStickyNote, IconStickyNoteStack, IconStickyNoteWide, IconStickyNotesTwo, IconStopCircle, IconStoryPoints, IconStroke1, IconStroke2, IconStroke3, IconStroke4, IconStroke5, IconStroke6, IconSwitch, IconTable, IconTableFormat, IconTablet, IconTag, IconTasks, IconTextAColorSelection, IconTextAHorizontal, IconTextAUnderline, IconTextAVertical, IconTextAa, IconTextAlignCenter, IconTextAlignLeft, IconTextAlignRight, IconTextBBold, IconTextBBoldItalicUnderlined, IconTextCursorEyeOpen, IconTextHOne, IconTextHThree, IconTextHTwo, IconTextIItalic, IconTextIndent, IconTextLineHeight, IconTextLinesThree, IconTextPosition, IconTextSStrikethrough, IconTextStyles, IconTextT, IconTextUUnderlined, IconThumbsUp, IconTickCircle, IconTicket, IconTimelineFormat, IconTimer, IconToolbar, IconTooltip, IconTrackpad, IconTrapeze, IconTrash, IconTrashSimple, IconTriangle, IconTriangleSquareCircle, IconTrident, IconTrophy, IconTshirt, IconUser, IconUserAdd, IconUserArrowRightUp, IconUserBackgroundBlur, IconUserCog, IconUserCogPlus, IconUserEyeOpen, IconUserFilter, IconUserLoad, IconUserNumberThree, IconUserPenDashesBottom, IconUserPenLineBottom, IconUserTickDown, IconUsers, IconUsersThree, IconVideoCamera, IconVideoCameraSimple, IconVideoCameraSimpleError, IconVideoCameraSimpleSlash, IconViewCenter, IconViewSideLeft, IconWallet, IconWand, IconWarning, IconWifi, IconWifiExclamation };
1136
+ export { IconActivity, IconAddLineBottom, IconAddLineRight, IconAiText, IconAlignBottom, IconAlignBottomGroup, IconAlignCenterHorizontal, IconAlignCenterVertical, IconAlignLeft, IconAlignMiddle, IconAlignRight, IconAlignTop, IconAlignTopGroup, IconAlignmentScale, IconAltText, IconAltTextUnderline, IconArrowArcLeft, IconArrowArcRight, IconArrowBendUpLeft, IconArrowBendUpRight, IconArrowBoxLeft, IconArrowBoxOut, IconArrowClockwiseDownRight, IconArrowClockwiseUpLeft, IconArrowCounterClockwiseDownLeft, IconArrowCounterClockwiseUpRight, IconArrowCurvesBottomRight, IconArrowDown, IconArrowDownLeft, IconArrowDownRight, IconArrowElbowDownRight, IconArrowFatLeft, IconArrowFatLeftRight, IconArrowFatRight, IconArrowFatUpRight, IconArrowLeft, IconArrowLeftRightDotted, IconArrowRight, IconArrowUp, IconArrowUpCircle, IconArrowUpLeft, IconArrowUpRight, IconArrowsClockwiseRectangleTilt, IconArrowsClockwiseX, IconArrowsClockwiseY, IconArrowsCounterclockwiseRectangleTilt, IconArrowsDownUp, IconArrowsHorizontalLinesTopBottom, IconArrowsHorizontalLinesTopBottomIn, IconArrowsInSimple, IconArrowsOutCardinal, IconArrowsOutLinesHorizontal, IconArrowsOutSimple, IconArrowsSquareCounterClockwiseY, IconArrowsTimeBackward, IconArrowsTimeForward, IconArticle, IconArticleEmpty, IconAt, IconAttachment, IconBadge, IconBarrel, IconBell, IconBellSlash, IconBellTilt, IconBoard, IconBookOpenInfo, IconBookmark, IconBoxCaptions, IconBracketCurlyLeft, IconBracketCurlyRight, IconBracketsAngleSlash, IconBracketsCurlyCirclesThree, IconBrowser, IconBrush, IconCalendarBlank, IconCalendarEnd, IconCalendarStart, IconCamera, IconCaptionAlong, IconCaptionHorizontal, 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, IconClusterAi, IconClusterColor, IconClusterSentiment, IconClustered, IconCog, IconCoins, IconCoinsChecked, IconCoinsSlash, IconColumnsFormat, IconColumnsThree, IconCommentGroup, IconCompass, 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, IconDiagramming, IconDiagrammingFormat, IconDistributeHorizontal, IconDistributeVertical, IconDocFormat, IconDollarSignCurrency, IconDotVoting, IconDotsNine, IconDotsSixHorizontal, IconDotsSixVertical, IconDotsThree, IconDotsThreeVertical, IconDotsTwo, IconDownload, IconEnvelope, IconEraser, IconExclamationMarkOctagon, IconExclamationPointCircle, IconExport, IconExternalFormat, IconEyeClosed, IconEyeClosedDotsFourFrameBroken, IconEyeOpen, IconEyeOpenLineFrameBroken, IconEyeOpenSlash, IconEyedropper, IconFactory, IconFactoryHouse, IconFileSpreadsheet, IconFlag, IconFlip, IconFlipCard, IconFolder, IconFormula, IconFrame, IconFrameLinesTwo, IconFramePlay, IconFramePlus, IconFunnel, IconGauge, IconGavel, IconGift, IconGithub, IconGlobe, IconGoogleDrive, IconGraduationCap, IconGrid, IconGridFour, IconGridSix, IconHand, IconHandFilled, IconHandPointing, IconHandRaisedFilled, IconHeadphones, IconHeadsetPerson, IconHeart, IconHeartFilled, IconHexagon, IconHighlighter, IconHighlighterColorSelection, IconHighlighterUnderline, IconHouse, IconImage, IconIndentLeft, IconIndentRight, IconInformationMarkCircle, IconInsights, 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, IconMicrophoneDocument, IconMicrophoneSlash, IconMinus, IconMobile, IconMonitor, IconMonitorArrow, IconMonitorArrowUp, IconMonitorEyeClosed, IconMonitorEyeOpen, IconMonitorPause, IconMonitorPlay, IconMonitorStop, IconMoon, IconMouse, IconMusicNote, IconNavigationArrowLines, IconNavigationUpLeftFilled, IconNavigationUpLeftSlash, IconNavigationUpRight, IconNext, IconNodeConnectedDot, IconNodeLinesCurved, IconNodeLinesHorizontal, IconNodeLinesVertical, IconNodePlus, IconNodesConnected, IconNodesConnectionsThree, IconNoteMagnifyingGlass, IconNotepad, IconNumber, IconOctagon, IconOffice, IconOrgChart, IconOrientationHorizontal, IconOrientationVertical, IconPaintBucket, IconPalette, IconPaperPlaneFilledRight, IconPaperPlaneTilt, IconParallelogram, IconPause, IconPauseCircle, IconPdf, IconPen, IconPenColorSelection, IconPenTip, IconPenUnderline, IconPentagon, IconPeopleList, IconPersonInCircle, IconPhoneFilled, IconPixelEraser, IconPlaceholder, IconPlanet, IconPlay, IconPlayCircle, IconPlaybackSpeedCircle, IconPlug, IconPlus, IconPlusBox, IconPlusSquare, IconPlusText, IconPolling, IconPresentationArrow, IconPresentationEyeOpen, IconPresentationLine, IconPresentationLinesTwo, IconPresentationLink, IconPresentationNumberOne, IconPresentationPlay, IconPresentationPlus, IconPrevious, IconProhibit, IconProps, IconProtoButton, IconProtoCheckbox, IconProtoDropdown, IconProtoInput, IconProtoNumber, IconProtoRadio, IconProtoSlider, IconPrototypeFormat, IconPushPin, IconPushPinFilled, IconQuestionMark, IconQuestionMarkCircle, IconQuotes, IconRaisedHand, IconRatio169, IconRatio43, IconRatioSquare, IconRectangleArrowUpCenter, IconRectangleDashLines, IconRectangleDotLarge, IconRectangleDotLinePen, IconRectangleDotMedium, IconRectangleDotSmall, IconRectangleFrame2Lines, IconRectangleLine, IconRectanglePlayStack, IconRectanglePortrait, IconRectanglePortraitDash, IconRectanglePortraitDashSquareTopCenter, IconRectanglePortraitDashSquareTopLeft, IconRectanglePortraitFilled, IconRectanglePortraitSquareTopLeft, IconRectangleTick, IconRectangleTriangleBottomCenter, IconRectanglesSquares, IconRectanglesThreeAligned, IconRectanglesThreeFree, IconRectanglesThreeOverlap, IconRectanglesTwoLine, IconRectanglesTwoLinesFour, IconRectanglesTwoMinus, IconRectanglesTwoPlus, IconRectanglesTwoUser, IconRhombus, IconRocket, IconRss, IconRssRectangle, IconScissors, IconScrollbarXy, IconSelect, IconSentiment, IconShadow, IconShapes, IconShapesLines, IconShapesLinesStacked, IconShieldCheck, IconShieldLock, IconShieldLockFilled, IconShuffle, IconSidebarClosed, IconSidebarGlobalClosed, IconSidebarGlobalOpen, IconSidebarOpen, IconSingleSparksFilled, IconSlideFormat, IconSlidersX, IconSlidersY, IconSmiley, IconSmileyChat, IconSmileyPlus, IconSmileySticker, IconSocialAdo, IconSocialAsana, IconSocialDrawio, IconSocialFacebook, IconSocialInstagram, IconSocialJira, IconSocialLinkedin, IconSocialLooker, IconSocialMonday, IconSocialSlack, IconSocialTwitter, IconSocialX, IconSocialYoutube, IconSortAscending, IconSortDescending, IconSparks, IconSparksFilled, IconSpeakerCross, IconSpeakerHigh, IconSpinner, IconSplitVertical, IconSquare, IconSquareArrowIn, IconSquareBracketsAngleSlash, IconSquareCirclesTwo, IconSquareFrame2LinesCircle, IconSquareLineSquareDashed, IconSquareRounded, IconSquareStarScribble, IconSquareTriangleCirclePlus, IconSquaresColumn, IconSquaresFour, IconSquaresGroup, IconSquaresMerge, IconSquaresRow, IconSquaresThree, IconSquaresTwoOverlap, IconSquaresUngroup, IconSquaresUnmerge, IconStack, IconStackedCircles, IconStar, IconStarFilled, IconStarHalf, IconStickyCorners, IconStickyEyeClosed, IconStickyEyeOpen, IconStickyNote, IconStickyNoteStack, IconStickyNoteWide, IconStickyNotesTwo, IconStopCircle, IconStoryPoints, IconStroke1, IconStroke2, IconStroke3, IconStroke4, IconStroke5, IconStroke6, IconSwitch, IconTable, IconTableFormat, IconTablet, IconTag, IconTasks, IconTextAColorSelection, IconTextAHorizontal, IconTextAUnderline, IconTextAVertical, IconTextAa, IconTextAlignCenter, IconTextAlignLeft, IconTextAlignRight, IconTextBBold, IconTextBBoldItalicUnderlined, IconTextCursorEyeOpen, IconTextHOne, IconTextHThree, IconTextHTwo, IconTextIItalic, IconTextIndent, IconTextLineHeight, IconTextLinesThree, IconTextPosition, IconTextSStrikethrough, IconTextStyles, IconTextT, IconTextUUnderlined, IconThumbsUp, IconTickCircle, IconTicket, IconTimelineFormat, IconTimer, IconToolbar, IconTooltip, IconTrackpad, IconTrapeze, IconTrash, IconTrashSimple, IconTriangle, IconTriangleSquareCircle, IconTrident, IconTrophy, IconTshirt, IconUser, IconUserAdd, IconUserArrowRightUp, IconUserBackgroundBlur, IconUserCog, IconUserCogPlus, IconUserEyeOpen, IconUserFilter, IconUserLoad, IconUserNumberThree, IconUserPenDashesBottom, IconUserPenLineBottom, IconUserTickDown, IconUsers, IconUsersThree, IconVideoCamera, IconVideoCameraSimple, IconVideoCameraSimpleError, IconVideoCameraSimpleSlash, IconViewCenter, IconViewSideLeft, IconWallet, IconWand, IconWarning, IconWifi, IconWifiExclamation };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-icons",
3
- "version": "1.0.0",
3
+ "version": "1.1.1",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -32,10 +32,10 @@
32
32
  },
33
33
  "dependencies": {
34
34
  "@mirohq/design-system-base-icon": "^1.0.0",
35
- "@mirohq/design-system-use-local-storage": "^1.0.0",
35
+ "@mirohq/design-system-primitive": "^2.0.0",
36
36
  "@mirohq/design-system-stitches": "^3.0.0",
37
37
  "@mirohq/design-system-utils": "^1.0.0",
38
- "@mirohq/design-system-primitive": "^2.0.0"
38
+ "@mirohq/design-system-use-local-storage": "^1.0.0"
39
39
  },
40
40
  "devDependencies": {
41
41
  "@svgr/cli": "^6.5.1",
@@ -27,7 +27,7 @@ export const IconAlignmentScale: IconComponentType = forwardRef(
27
27
  <path
28
28
  stroke='currentColor'
29
29
  strokeWidth='var(--svg-stroke-width)'
30
- d='m6.108 20.5695 4.3662-9.391h.0557l4.4415 9.4212-.0004.0004c-2.7802-1.3851-6.0756-1.395-8.863-.0306Z'
30
+ d='m10.5298 11.1784 4.4414 9.4209-.002.002c-2.7805-1.3848-6.0748-1.3952-8.8623-.0303l4.3672-9.3926h.0557Z'
31
31
  />,
32
32
  <path
33
33
  stroke='currentColor'
@@ -34,7 +34,7 @@ export const IconClusterSentiment: IconComponentType = forwardRef(
34
34
  fill='currentColor'
35
35
  stroke='currentColor'
36
36
  strokeWidth='var(--svg-stroke-width)'
37
- d='M18.3333 15.3333h.3334v.3334h-.3334v-.3334Z'
37
+ d='M18.667 15.333v.334h-.334v-.334h.334Z'
38
38
  />,
39
39
  <path
40
40
  stroke='currentColor'
@@ -47,7 +47,7 @@ export const IconClusterSentiment: IconComponentType = forwardRef(
47
47
  fill='currentColor'
48
48
  stroke='currentColor'
49
49
  strokeWidth='var(--svg-stroke-width)'
50
- d='M15.3333 15.3333h.3334v.3334h-.3334v-.3334Z'
50
+ d='M15.667 15.333v.334h-.334v-.334h.334Z'
51
51
  />,
52
52
  <path
53
53
  stroke='currentColor'
@@ -27,7 +27,7 @@ export const IconCursorLines: IconComponentType = forwardRef(
27
27
  <path
28
28
  stroke='currentColor'
29
29
  strokeWidth='var(--svg-stroke-width)'
30
- d='M10 4h12m-8 4h4M12 12v.0001M15.3527 15.4799l-10.9157-7.9097-.6213.3467 1.227 13.3735.3015.0856c2.1988-3.3328 5.9154-5.4098 9.9062-5.5358l.1023-.3603Z'
30
+ d='M10 4h12m-8 4h4M12 12v.0001M5.0423 21.2903l.3025.0859c2.1987-3.3326 5.9146-5.4089 9.9053-5.535l.1026-.3617-10.9168-7.9098-.621.3466 1.2274 13.374Z'
31
31
  />
32
32
  )
33
33
  }
@@ -29,7 +29,7 @@ export const IconFactoryHouse: IconComponentType = forwardRef(
29
29
  strokeLinecap='square'
30
30
  strokeLinejoin='bevel'
31
31
  strokeWidth='var(--svg-stroke-width)'
32
- d='M4 8v11c0 1.1046.7376 2 2 2h3.5v-5h5v5h3.5c1.2624 0 2-.8954 2-2v-11l-8-5-8 5Z'
32
+ d='M4 8v13h5.5v-5h5v5h5.5v-13l-8-5-8 5Z'
33
33
  />,
34
34
  <path fill='currentColor' d='M9 11h2v2h-2zM13 11h2v2h-2z' />,
35
35
  <path
package/react/factory.tsx CHANGED
@@ -24,10 +24,14 @@ export const IconFactory: IconComponentType = forwardRef(
24
24
  fill: 'none',
25
25
  ref: forwardRef,
26
26
  },
27
+ <path
28
+ fill='currentColor'
29
+ d='M3 21h-1l1 1v-1Zm.1452-7.067-.419-.908.419.908Zm6.1807-2.8527-.419-.9079.419.9079Zm.2968.067.7683-.6402-.7683.6402Zm2.3773 2.8527-.7682.6402.4771.5725.685-.2936-.3939-.9191Zm6.8251-2.9251.394.9192-.394-.9192Zm.2937.0737.7809-.6247-.7809.6247Zm1.8264 2.2829-.7809.6247h.0001l.7808-.6247Zm.0548 7.5685v1l1-1h-1Zm-5.5874-8.4625.3939.9191-.3939-.9191Zm1.3423-9.3365-.9806-.1962-.0055.0275-.004.0276.9901.141Zm3.2824.0043.9958-.0923-.0041-.0436-.0078-.043-.9839.1789Zm.5373 5.7947.9958-.0923-.9958.0923Zm-16.5746 12v-6.84h-2v6.84h2Zm-.4357-6.1591 6.1807-2.8526-.8381-1.8159-6.1807 2.8526.838 1.8159Zm5.2902-3.0534 2.3773 2.8527 1.5364-1.2804-2.3772-2.8527-1.5365 1.2804Zm9.4835-.0143 1.8263 2.283 1.5618-1.2494-1.8264-2.2829-1.5617 1.2493Zm1.662 1.8145v7.4123h2v-7.4123h-2Zm-12 6.4123h-5v2h5v-2Zm-1-3v4h2v-4h-2Zm9 3h-8v2h8v-2Zm-1-3v4h2v-4h-2Zm6 3h-5v2h5v-2Zm-1.7809-8.0059a.75.75 0 0 1-.8811-.2208l1.5617-1.2494a1.25 1.25 0 0 0-1.4685-.3681l.7879 1.8383Zm-9.4741-.0058a.75.75 0 0 1-.8905-.2008l1.5365-1.2804a1.2501 1.2501 0 0 0-1.4841-.3347l.838 1.8159Zm-5.745 2.1717a.75.75 0 0 1-.4357.6809l-.8381-1.8159a1.25 1.25 0 0 0-.7262 1.135h2Zm16.1644-.1038a.75.75 0 0 1-.1644-.4685h2c0-.2838-.0966-.5592-.2739-.7809l-1.5617 1.2494Zm-3.1644-10.0562h2.7914v-2h-2.7914v2Zm2.7914 0a.75.75 0 0 1-.7379-.6158l1.9677-.3578a1.25 1.25 0 0 0-1.2298-1.0264v2Zm-2.056-.603a.75.75 0 0 1-.7354.603v-2a1.25 1.25 0 0 0-1.2257 1.0048l1.9611.3923Zm-.7454 5.244.7549-5.299-1.9801-.282-.7548 5.299 1.98.282Zm2.0516-5.3434.5373 5.7947 1.9915-.1846-.5373-5.7948-1.9915.1847Zm.5373 5.7947.4254 4.5877 1.9914-.1846-.4253-4.5877-1.9915.1846Zm-7.185 5.8268 3.4126-1.4625-.7878-1.8383-3.4126 1.4626.7878 1.8382Zm3.4126-1.4625 3.4126-1.4625-.7879-1.8383-3.4125 1.4625.7878 1.8383Z'
30
+ />,
27
31
  <path
28
32
  stroke='currentColor'
29
33
  strokeWidth='var(--svg-stroke-width)'
30
- d='M21 13.5877v7.1623a.25.25 0 0 1-.25.25h-4.75m5-7.4123a.2497.2497 0 0 0-.0548-.1562l-1.8264-2.2829a.25.25 0 0 0-.2937-.0737l-3.4125 1.4626-3.4126 1.4625-2.3773-2.8527a.25.25 0 0 0-.2968-.067l-6.1807 2.8527a.2499.2499 0 0 0-.1452.227v6.59a.25.25 0 0 0 .25.25h4.75m13-7.4123-.4254-4.5877-.5373-5.7947a.25.25 0 0 0-.2459-.2053h-2.7914a.2499.2499 0 0 0-.2451.201l-.7549 5.299m-8 12.5v-4m0 4h8m0 0v-4M12 14v.0001'
34
+ d='M12 14v.0001'
31
35
  />
32
36
  )
33
37
  }
package/react/flip.tsx ADDED
@@ -0,0 +1,41 @@
1
+ /**
2
+ * DO NOT MODIFY THIS FILE.
3
+ * This file was generated by sync icons utility.
4
+ */
5
+ import React, { forwardRef, createElement } from 'react'
6
+ import { iconSymbol } from '@mirohq/design-system-base-icon'
7
+ import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
8
+
9
+ import { StyledIcon } from '../src/icon'
10
+ import type { IconComponentType } from '../src/icon'
11
+
12
+ export const IconFlip: IconComponentType = forwardRef(
13
+ ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
14
+ const [debug] = useLocalStorage('DEBUG_ICON', false)
15
+ return createElement(
16
+ StyledIcon,
17
+ {
18
+ ...props,
19
+ weight,
20
+ debug,
21
+ 'aria-hidden': true,
22
+ size,
23
+ viewBox: '0 0 24 24',
24
+ fill: 'none',
25
+ ref: forwardRef,
26
+ },
27
+ <path
28
+ stroke='currentColor'
29
+ strokeLinejoin='round'
30
+ strokeWidth='var(--svg-stroke-width)'
31
+ d='M19.1717 15.3828c-1.8222 1.0722-4.3172 1.7325-7.0707 1.7325-5.5788 0-10.101-2.7126-10.101-6.0576 0-3.345 4.5222-6.0577 10.101-6.0577 3.8483 0 7.1937 1.2907 8.899 3.1895'
32
+ />,
33
+ <path
34
+ fill='currentColor'
35
+ d='m21.5835 16.4026-6.1662 4.5781-1.4724-.4372-1.1961-6.7642 1.1734-1.2539 7.3623 2.1861.299 1.6911Z'
36
+ />
37
+ )
38
+ }
39
+ )
40
+
41
+ IconFlip[iconSymbol] = true
@@ -0,0 +1,38 @@
1
+ /**
2
+ * DO NOT MODIFY THIS FILE.
3
+ * This file was generated by sync icons utility.
4
+ */
5
+ import React, { forwardRef, createElement } from 'react'
6
+ import { iconSymbol } from '@mirohq/design-system-base-icon'
7
+ import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
8
+
9
+ import { StyledIcon } from '../src/icon'
10
+ import type { IconComponentType } from '../src/icon'
11
+
12
+ export const IconFormula: IconComponentType = forwardRef(
13
+ ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
14
+ const [debug] = useLocalStorage('DEBUG_ICON', false)
15
+ return createElement(
16
+ StyledIcon,
17
+ {
18
+ ...props,
19
+ weight,
20
+ debug,
21
+ 'aria-hidden': true,
22
+ size,
23
+ viewBox: '0 0 24 24',
24
+ fill: 'none',
25
+ ref: forwardRef,
26
+ },
27
+ <path
28
+ stroke='currentColor'
29
+ strokeLinejoin='bevel'
30
+ strokeMiterlimit={6.765}
31
+ strokeWidth='var(--svg-stroke-width)'
32
+ d='M18 8v-4h-13l7 8-7 8h13v-4'
33
+ />
34
+ )
35
+ }
36
+ )
37
+
38
+ IconFormula[iconSymbol] = true
package/react/house.tsx CHANGED
@@ -29,7 +29,7 @@ export const IconHouse: IconComponentType = forwardRef(
29
29
  strokeLinecap='square'
30
30
  strokeLinejoin='bevel'
31
31
  strokeWidth='var(--svg-stroke-width)'
32
- d='M4 8v11c0 1.1046.7376 2 2 2h3.5v-5h5v5h3.5c1.2624 0 2-.8954 2-2v-11l-8-5-8 5Z'
32
+ d='M4 8v13h5.5v-5h5v5h5.5v-13l-8-5-8 5Z'
33
33
  />
34
34
  )
35
35
  }
package/react/index.ts CHANGED
@@ -196,6 +196,7 @@ export { IconFactory } from './factory'
196
196
  export { IconFileSpreadsheet } from './file-spreadsheet'
197
197
  export { IconFlag } from './flag'
198
198
  export { IconFlipCard } from './flip-card'
199
+ export { IconFlip } from './flip'
199
200
  export { IconFolder } from './folder'
200
201
  export { IconFrameLinesTwo } from './frame-lines-two'
201
202
  export { IconFramePlay } from './frame-play'
@@ -225,6 +226,7 @@ export { IconHighlighterColorSelection } from './highlighter-color-selection'
225
226
  export { IconHighlighterUnderline } from './highlighter-underline'
226
227
  export { IconHighlighter } from './highlighter'
227
228
  export { IconHouse } from './house'
229
+ export { IconFormula } from './formula'
228
230
  export { IconImage } from './image'
229
231
  export { IconIndentLeft } from './indent-left'
230
232
  export { IconIndentRight } from './indent-right'
@@ -319,6 +321,7 @@ export { IconPentagon } from './pentagon'
319
321
  export { IconPeopleList } from './people-list'
320
322
  export { IconPersonInCircle } from './person-in-circle'
321
323
  export { IconPhoneFilled } from './phone-filled'
324
+ export { IconPixelEraser } from './pixel-eraser'
322
325
  export { IconPlaceholder } from './placeholder'
323
326
  export { IconPlanet } from './planet'
324
327
  export { IconPlayCircle } from './play-circle'
@@ -39,7 +39,7 @@ export const IconMegaphone: IconComponentType = forwardRef(
39
39
  fill='currentColor'
40
40
  stroke='currentColor'
41
41
  strokeWidth='var(--svg-stroke-width)'
42
- d='M3.75 9.25v3.5h-.6465l-.8535-.8536v-1.7928l.8535-.8536h.6465Z'
42
+ d='M3.75 12.75h-.6465l-.8535-.8535v-1.793l.8535-.8535h.6465v3.5Z'
43
43
  />,
44
44
  <path
45
45
  stroke='currentColor'
@@ -29,18 +29,21 @@ export const IconMicrophoneDocument: IconComponentType = forwardRef(
29
29
  stroke='currentColor'
30
30
  strokeLinejoin='round'
31
31
  strokeWidth='var(--svg-stroke-width)'
32
- d='M12 4h-7c-1.1046 0-2 .8954-2 2v13c0 1.1046.8954 2 2 2h13c1.1046 0 2-.8954 2-2v-4'
32
+ d='M15 4h-10c-1.1046 0-2 .8954-2 2v13c0 1.1046.8954 2 2 2h13c1.1046 0 2-.8954 2-2v-4'
33
33
  />,
34
34
  <path
35
35
  stroke='currentColor'
36
- strokeLinecap='round'
37
36
  strokeWidth='var(--svg-stroke-width)'
38
- d='M18 3v4'
37
+ d='M6 13h6M6 17h11'
38
+ />,
39
+ <path
40
+ fill='currentColor'
41
+ d='M20 7.5682v-3.1364c0-.7908-.6716-1.4318-1.5-1.4318s-1.5.641-1.5 1.4318v3.1364c0 .7908.6716 1.4318 1.5 1.4318s1.5-.641 1.5-1.4318Z'
39
42
  />,
40
43
  <path
41
44
  stroke='currentColor'
42
45
  strokeWidth='var(--svg-stroke-width)'
43
- d='M6 13h6M6 17h9M15 6v.8485c0 1.6401 1.3431 2.9697 3 2.9697m3-3.8182v.8485c0 1.6401-1.3431 2.9697-3 2.9697m0 0v3.1818'
46
+ d='M18.5 11c1.933 0 3.5-1.567 3.5-3.5v-.5m-3.5 4c-1.933 0-3.5-1.567-3.5-3.5v-.5m3.5 4v2'
44
47
  />
45
48
  )
46
49
  }
package/react/next.tsx CHANGED
@@ -33,7 +33,7 @@ export const IconNext: IconComponentType = forwardRef(
33
33
  <path
34
34
  stroke='currentColor'
35
35
  strokeWidth='var(--svg-stroke-width)'
36
- d='m5 6.618.9562-.478 9.0438 5.4262v.8676l-9.0438 5.4263-.9562-.4781v-10.764Z'
36
+ d='M15 11.5654v.8682l-9.044 5.4258-.956-.4776v-10.7636l.956-.4786 9.044 5.4258Z'
37
37
  />
38
38
  )
39
39
  }
package/react/office.tsx CHANGED
@@ -26,7 +26,13 @@ export const IconOffice: IconComponentType = forwardRef(
26
26
  },
27
27
  <path
28
28
  fill='currentColor'
29
- d='M9 7h2v2h-2zM13 7h2v2h-2zM9 11h2v2h-2zM13 11h2v2h-2zM5 3v-1l-1 1h1Zm14 0h1l-1-1v1Zm-9 18v1l1-1h-1Zm0-5v-1l-1 1h1Zm4 0h1l-1-1v1Zm0 5h-1l1 1v-1Zm-9-17h14v-2h-14v2Zm1 15v-16h-2v16h2Zm1 1c-.5523 0-1-.4477-1-1h-2c0 1.6569 1.3431 3 3 3v-2Zm3 0h-3v2h3v-2Zm1 1v-5h-2v5h2Zm-1-4h4v-2h-4v2Zm3-1v5h2v-5h-2Zm4 4h-3v2h3v-2Zm1-1c0 .5523-.4477 1-1 1v2c1.6569 0 3-1.3431 3-3h-2Zm0-16v16h2v-16h-2Z'
29
+ d='M7 8h2v2h-2zM11 8h2v2h-2zM7 12h2v2h-2zM11 12h2v2h-2zM7 16h2v2h-2zM11 16h2v2h-2z'
30
+ />,
31
+ <path
32
+ stroke='currentColor'
33
+ strokeLinejoin='bevel'
34
+ strokeWidth='var(--svg-stroke-width)'
35
+ d='m16 3-12 2.5v15.5h12v-18ZM16 10h4v11h-4'
30
36
  />
31
37
  )
32
38
  }
@@ -24,10 +24,14 @@ export const IconPaintBucket: IconComponentType = forwardRef(
24
24
  fill: 'none',
25
25
  ref: forwardRef,
26
26
  },
27
+ <path
28
+ fill='currentColor'
29
+ d='m11 4 .7071-.7071-.7071-.7071-.7071.707.7071.7072Zm7 7 .7071.7071v-1.4142l-.7071.7071Zm-7.7071-7.7071-7.5858 7.5858 1.4142 1.4142 7.5858-7.5858-1.4142-1.4142Zm-7.5858 11.8284 4.1716 4.1716 1.4142-1.4142-4.1716-4.1716-1.4142 1.4142Zm8.4142 4.1716 7.5858-7.5858-1.4142-1.4142-7.5858 7.5858 1.4142 1.4142Zm7.5858-9-7-7-1.4142 1.4142 7 7 1.4142-1.4142Zm-11.8284 9c1.1715 1.1716 3.071 1.1716 4.2426 0l-1.4142-1.4142c-.3905.3905-1.0237.3905-1.4142 0l-1.4142 1.4142Zm-4.1716-8.4142c-1.1716 1.1716-1.1716 3.071 0 4.2426l1.4142-1.4142c-.3905-.3905-.3905-1.0237 0-1.4142l-1.4142-1.4142Z'
30
+ />,
27
31
  <path
28
32
  stroke='currentColor'
29
33
  strokeWidth='var(--svg-stroke-width)'
30
- d='m3.4142 11.5858 7.5858-7.5858 7 7-7.5858 7.5858c-.781.781-2.0474.781-2.8284 0l-4.1716-4.1716c-.781-.781-.781-2.0474 0-2.8284ZM12 10l-6-6'
34
+ d='m12 10-6-6'
31
35
  />,
32
36
  <path
33
37
  stroke='currentColor'
@@ -0,0 +1,46 @@
1
+ /**
2
+ * DO NOT MODIFY THIS FILE.
3
+ * This file was generated by sync icons utility.
4
+ */
5
+ import React, { forwardRef, createElement } from 'react'
6
+ import { iconSymbol } from '@mirohq/design-system-base-icon'
7
+ import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
8
+
9
+ import { StyledIcon } from '../src/icon'
10
+ import type { IconComponentType } from '../src/icon'
11
+
12
+ export const IconPixelEraser: IconComponentType = forwardRef(
13
+ ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
14
+ const [debug] = useLocalStorage('DEBUG_ICON', false)
15
+ return createElement(
16
+ StyledIcon,
17
+ {
18
+ ...props,
19
+ weight,
20
+ debug,
21
+ 'aria-hidden': true,
22
+ size,
23
+ viewBox: '0 0 24 24',
24
+ fill: 'none',
25
+ ref: forwardRef,
26
+ },
27
+ <path
28
+ stroke='currentColor'
29
+ strokeLinejoin='bevel'
30
+ strokeWidth='var(--svg-stroke-width)'
31
+ d='m12.9608 4.6642-8.9216 8.9216c-.781.781-.781 2.0474 0 2.8284l3.5858 3.5858h3.1716a2 2 0 0 0 1.4142-.5858l7.75-7.75c.781-.781.781-2.0474 0-2.8284l-4.1716-4.1716c-.781-.781-2.0474-.781-2.8284 0Z'
32
+ />,
33
+ <path
34
+ stroke='currentColor'
35
+ strokeWidth='var(--svg-stroke-width)'
36
+ d='m8.625 9 7 7'
37
+ />,
38
+ <path
39
+ fill='currentColor'
40
+ d='M20 15h2v2h-2zM16 19h2v2h-2zM20 19h2v2h-2z'
41
+ />
42
+ )
43
+ }
44
+ )
45
+
46
+ IconPixelEraser[iconSymbol] = true
package/react/play.tsx CHANGED
@@ -28,7 +28,7 @@ export const IconPlay: IconComponentType = forwardRef(
28
28
  fill='currentColor'
29
29
  stroke='currentColor'
30
30
  strokeWidth='var(--svg-stroke-width)'
31
- d='m8 6.618.9562-.478 9.0438 5.4262v.8676l-9.0438 5.4263-.9562-.4781v-10.764Z'
31
+ d='M18 11.5654v.8682l-9.044 5.4258-.956-.4776v-10.7636l.956-.4786 9.044 5.4258Z'
32
32
  />
33
33
  )
34
34
  }
@@ -28,12 +28,12 @@ export const IconPlusText: IconComponentType = forwardRef(
28
28
  stroke='currentColor'
29
29
  strokeLinejoin='bevel'
30
30
  strokeWidth='var(--svg-stroke-width)'
31
- d='M17 8v-3h-7m-7 3v-3h7m0 0 .0007 15m0 0h2.9993m-2.9993 0h-3.0007'
31
+ d='M19 8v-4h-8m-8 4v-4h8m0 0 .0007 16m0 0h3.9993m-3.9993 0h-4.0007'
32
32
  />,
33
33
  <path
34
34
  stroke='currentColor'
35
35
  strokeWidth='var(--svg-stroke-width)'
36
- d='M18 10v4m0 4v-4m-4 0h4m4 0h-4'
36
+ d='M19 10v4m0 4v-4m-4 0h4m4 0h-4'
37
37
  />
38
38
  )
39
39
  }
@@ -33,7 +33,7 @@ export const IconPrevious: IconComponentType = forwardRef(
33
33
  <path
34
34
  stroke='currentColor'
35
35
  strokeWidth='var(--svg-stroke-width)'
36
- d='m19 6.618-.9562-.478-9.0438 5.4262v.8676l9.0438 5.4263.9562-.4781v-10.764Z'
36
+ d='M9 11.5654v.8682l9.0439 5.4258.9561-.4776v-10.7636l-.9561-.4786-9.0439 5.4258Z'
37
37
  />
38
38
  )
39
39
  }
@@ -28,7 +28,7 @@ export const IconSentiment: IconComponentType = forwardRef(
28
28
  fill='currentColor'
29
29
  stroke='currentColor'
30
30
  strokeWidth='var(--svg-stroke-width)'
31
- d='M10.3333 6.3333h1.3334v1.3334h-1.3334v-1.3334ZM16.3333 12.3333h1.3334v1.3334h-1.3334v-1.3334Z'
31
+ d='M11.667 6.333v1.334h-1.334v-1.334h1.334ZM17.667 12.333v1.334h-1.334v-1.334h1.334Z'
32
32
  />,
33
33
  <path
34
34
  stroke='currentColor'
@@ -41,7 +41,7 @@ export const IconSentiment: IconComponentType = forwardRef(
41
41
  fill='currentColor'
42
42
  stroke='currentColor'
43
43
  strokeWidth='var(--svg-stroke-width)'
44
- d='M6.3333 6.3333h1.3334v1.3334h-1.3334v-1.3334Z'
44
+ d='M7.667 6.333v1.334h-1.334v-1.334h1.334Z'
45
45
  />,
46
46
  <path
47
47
  stroke='currentColor'
@@ -33,7 +33,7 @@ export const IconSmileyChat: IconComponentType = forwardRef(
33
33
  <path
34
34
  fill='currentColor'
35
35
  stroke='currentColor'
36
- d='M8.4507 8.5h1v1h-1v-1ZM14.4507 8.5h1v1h-1v-1Z'
36
+ d='M9.4507 8.5v1h-1v-1h1ZM15.4507 8.5v1h-1v-1h1Z'
37
37
  />,
38
38
  <path
39
39
  fill='currentColor'
@@ -34,7 +34,7 @@ export const IconSmileyPlus: IconComponentType = forwardRef(
34
34
  <path
35
35
  fill='currentColor'
36
36
  stroke='currentColor'
37
- d='M8.4507 8.5h1v1h-1v-1ZM14.4507 8.5h1v1h-1v-1Z'
37
+ d='M9.4507 8.5v1h-1v-1h1ZM15.4507 8.5v1h-1v-1h1Z'
38
38
  />,
39
39
  <path
40
40
  fill='currentColor'
package/react/smiley.tsx CHANGED
@@ -34,7 +34,7 @@ export const IconSmiley: IconComponentType = forwardRef(
34
34
  <path
35
35
  fill='currentColor'
36
36
  stroke='currentColor'
37
- d='M8.4507 8.5h1v1h-1v-1ZM14.4507 8.5h1v1h-1v-1Z'
37
+ d='M9.4507 8.5v1h-1v-1h1ZM15.4507 8.5v1h-1v-1h1Z'
38
38
  />,
39
39
  <path
40
40
  fill='currentColor'
package/react/text-aa.tsx CHANGED
@@ -24,9 +24,21 @@ export const IconTextAa: IconComponentType = forwardRef(
24
24
  fill: 'none',
25
25
  ref: forwardRef,
26
26
  },
27
+ <path
28
+ stroke='currentColor'
29
+ strokeLinecap='square'
30
+ strokeLinejoin='bevel'
31
+ strokeWidth='var(--svg-stroke-width)'
32
+ d='m2 19 5.5-14.75 5.5 14.75'
33
+ />,
27
34
  <path
28
35
  fill='currentColor'
29
- d='m2.077 17.6154-.3847.9231 1.8462.7692.3846-.9231-1.8462-.7692Zm5.923-11.6154.923-.3846h-1.846l.923.3846Zm4.0769 12.3846.3846.9231 1.8462-.7692-.3846-.9231-1.8462.7692Zm-5-12 3.75 9 1.8462-.7692-3.75-9-1.8462.7692Zm3.75 9 1.25 3 1.8462-.7692-1.25-3-1.8462.7692Zm-6.9038 3 1.25-3-1.8462-.7692-1.25 3 1.8462.7692Zm1.25-3 3.75-9-1.8462-.7692-3.75 9 1.8462.7692Zm6.5769-1.3846h-7.5v2h7.5v-2ZM20.9999 16h-1 1Zm-4-5.5002.6006.7996-.6006-.7996Zm4.0001 3.5002h1v-1h-1v1Zm0 4v1l1-1h-1Zm-2.5001-7c.8285 0 1.5.6716 1.5 1.5h2c0-1.933-1.567-3.5-3.5-3.5v2Zm1.5 1.5v3.5h2v-3.5h-2Zm-2.3994-1.2006a1.4885 1.4885 0 0 1 .8994-.2994v-2a3.4887 3.4887 0 0 0-2.1005.7003l1.2011 1.5991Zm-.3012.3012a1.516 1.516 0 0 1 .3012-.3012l-1.2011-1.5991a3.5165 3.5165 0 0 0-.6992.6991l1.5991 1.2012Zm.7007 5.3994c-.5523 0-1-.4477-1-1h-2c0 1.6569 1.3431 3 3 3v-2Zm-1-1c0-.5523.4477-1 1-1v-2c-1.6569 0-3 1.3431-3 3h2Zm3-2-.0001 2h2l.0001-2h-2Zm-2 1h3v-2h-3v2Zm1.9999 1 .0001 2h2l-.0001-2h-2Zm1.0001 1h-3v2h3v-2Z'
36
+ d='M22 17h-1 1Zm0-3h1v-1h-1v1Zm0 5v1l1-1h-1Zm-3-9c.451 0 .9204.1609 1.2832.5536.3625.3924.7168 1.1241.7168 2.4464h2c0-1.6777-.4554-2.946-1.2477-3.8036-.792-.8573-1.8226-1.1964-2.7523-1.1964v2Zm2 3v4h2v-4h-2Zm0 1v3h2v-3h-2Zm-2.5 1h3.5v-2h-3.5v2Zm2.5 2v2h2v-2h-2Zm1 1h-3.5v2h3.5v-2Zm-5.1427-6.4852c.643-1.0708 1.3613-1.5148 2.1427-1.5148v-2c-1.7335 0-3.0032 1.0628-3.8573 2.4852l1.7146 1.0296Zm1.6427 1.4852c-1.933 0-3.5 1.567-3.5 3.5h2c0-.8284.6716-1.5 1.5-1.5v-2Zm0 5c-.8284 0-1.5-.6716-1.5-1.5h-2c0 1.933 1.567 3.5 3.5 3.5v-2Z'
37
+ />,
38
+ <path
39
+ stroke='currentColor'
40
+ strokeWidth='var(--svg-stroke-width)'
41
+ d='M11 14h-7'
30
42
  />
31
43
  )
32
44
  }
@@ -24,14 +24,14 @@ export const IconTextBBoldItalicUnderlined: IconComponentType = forwardRef(
24
24
  fill: 'none',
25
25
  ref: forwardRef,
26
26
  },
27
- <path
28
- fill='currentColor'
29
- d='m7.5 16-.9864-.1644.9864 1.1644v-1Zm2-12v-1l-.9864.8356.9864.1644Zm3 6v1-1Zm-3-6v1h4v-2h-4v1Zm-2 12v1h4v-2h-3.9999l-.0001 1Zm9.5-3.5c0-1.3425-.5949-2.304-1.5611-2.8649-.8768-.5089-1.9672-.6351-2.9389-.6351v2c.8599 0 1.5196.1238 1.9349.3649.3259.1891.5651.4776.5651 1.1351h2Zm-2 0c0 1.2197-1.2926 2.5-3.5 2.5v2c2.7926 0 5.5-1.7197 5.5-4.5h-2Zm-2.5-1.5c1.0849 0 2.2175-.2955 3.0935-1.0583.8998-.7834 1.4065-1.9532 1.4065-3.4417h-2c0 1.0115-.3274 1.5917-.7198 1.9333-.416.3622-1.0335.5667-1.7802.5667v2Zm4.5-4.5c0-.759-.1524-1.4022-.4462-1.931-.2963-.5333-.7058-.8946-1.1307-1.1307-.8103-.4502-1.6733-.4383-1.9231-.4383v2c.2502 0 .6372.0119.9519.1867.1376.0764.2593.1839.3536.3536.0969.1744.1945.4686.1945.9597h2Zm-8.4864-2.6644-1 6 1.9728.3288 1-6-1.9728-.3288Zm-1 6-1 6 1.9728.3288 1-6-1.9728-.3288Zm4.9864-.8356h-4v2h4v-2Z'
30
- />,
31
27
  <path
32
28
  stroke='currentColor'
33
29
  strokeWidth='var(--svg-stroke-width)'
34
- d='M3 20h18'
30
+ d='M2 21h20'
31
+ />,
32
+ <path
33
+ fill='currentColor'
34
+ d='m16.935 7.25-.9902-.14.9902.14Zm-7.5974-3.25v-1l-.9842.823.9842.177Zm-2.3376 13-.9842-.177.9842 1.177v-1Zm9.935-3.25.9788.2047-.9788-.2047Zm-.9902-6.64c-.2047 1.4472-1.5244 2.39-3.1007 2.39v2c2.2968 0 4.7013-1.4257 5.081-4.11l-1.9803-.28Zm-2.5163-2.11c1.0731 0 1.7304.311 2.0877.6665.3449.3432.5155.8296.4286 1.4434l1.9803.2802c.1649-1.1659-.1573-2.3045-.9982-3.1413-.8287-.8246-2.0505-1.2488-3.4984-1.2488v2Zm0-2h-4.0909v2h4.0909v-2Zm-5.075.823-1.1689 6.5 1.9684.354 1.1689-6.5-1.9685-.354Zm-1.1689 6.5-1.1688 6.5 1.9684.354 1.1688-6.5-1.9684-.354Zm8.7716 3.2223c-.2141 1.0235-.7208 1.5942-1.3302 1.9391-.6504.3682-1.4893.5156-2.3663.5156v2c1.0595 0 2.2851-.1714 3.3516-.7751 1.1075-.627 1.9702-1.6813 2.3025-3.2702l-1.9576-.4094Zm-2.5277-2.0453c.9521 0 1.6774.2641 2.0962.624.372.3196.5694.7619.4315 1.4213l1.9576.4094c.2857-1.3661-.1558-2.5487-1.0857-3.3477-.8832-.7588-2.1229-1.107-3.3996-1.107v2Zm-1.1688 4.5h-5.2597v2h5.2597v-2Zm.5844-6.5h-.5844v2h.5844v-2Zm-.5844 0h-4.0909v2h4.0909v-2Zm1.1688 0h-1.1688v2h1.1688v-2Z'
35
35
  />
36
36
  )
37
37
  }
@@ -26,7 +26,11 @@ export const IconTextBBold: IconComponentType = forwardRef(
26
26
  },
27
27
  <path
28
28
  fill='currentColor'
29
- d='M8 19h-1l1 1v-1Zm0-14v-1l-1 1h1Zm0 0v1h5v-2h-4.9999l-.0001 1Zm1 14v-7.4999l-1-.0001-1 .0001v7.4999h2Zm0-7.5v-6.5h-2v6.5h2Zm4.5-1h-5.5v2h5.5v-2Zm-5.5 8.5v1h5.5v-2h-5.5v1Zm5-13c.7895 0 1.2317.2871 1.5091.662.3101.4192.4909 1.0595.4909 1.838h2c0-1.042-.2352-2.1518-.8831-3.0275-.6806-.92-1.7385-1.4725-3.1169-1.4725v2Zm2 2.5c0 .6344-.2489 1.144-.5816 1.4963-.355.3761-.7323.5037-.9184.5037v2c.869 0 1.7417-.4621 2.3729-1.1309.6536-.6924 1.1271-1.683 1.1271-2.8691h-2Zm3 6.75c0-1.0102-.2997-2.1737-1.0205-3.1088-.7473-.9695-1.9121-1.6412-3.4795-1.6412v2c.9326 0 1.5178.3723 1.8955.8622.4042.5244.6045 1.2359.6045 1.8878h2Zm-2 0c0 .6068-.2307 1.3211-.6743 1.8691-.426.5264-1.0281.8809-1.8257.8809v2c1.4771 0 2.625-.6894 3.3803-1.6226.7377-.9114 1.1197-2.0721 1.1197-3.1274h-2Z'
29
+ d='M6 4v-1l-1 1h1Zm0 7.5h-1v1h1v-1Zm6.25-8.5h-6.25v2h6.25v-2Zm-7.25 1v7.5h2v-7.5h-2Zm1 8.5h6.25v-2h-6.25v2Zm6.25-7.5c1.5188 0 2.75 1.2312 2.75 2.75h2c0-2.6234-2.1266-4.75-4.75-4.75v2Zm0 7.5c2.6234 0 4.75-2.1266 4.75-4.75h-2c0 1.5188-1.2312 2.75-2.75 2.75v2Z'
30
+ />,
31
+ <path
32
+ fill='currentColor'
33
+ d='M6 20h-1l1 1v-1Zm0-8.5v-1h-1v1h1Zm7.75 7.5h-7.75v2h7.75v-2Zm-6.75 1v-8.5h-2v8.5h2Zm-1-7.5h7.75v-2h-7.75v2Zm7.75 0c1.7949 0 3.25 1.4551 3.25 3.25h2c0-2.8995-2.3505-5.25-5.25-5.25v2Zm0 8.5c2.8995 0 5.25-2.3505 5.25-5.25h-2c0 1.7949-1.4551 3.25-3.25 3.25v2Z'
30
34
  />
31
35
  )
32
36
  }
@@ -28,7 +28,7 @@ export const IconTextHOne: IconComponentType = forwardRef(
28
28
  stroke='currentColor'
29
29
  strokeLinejoin='bevel'
30
30
  strokeWidth='var(--svg-stroke-width)'
31
- d='M5 5v7m0 7v-7m0 0h7m0 0v-7m0 7v7m5-13h3v13'
31
+ d='M2 4v8m0 8v-8m0 0h9m0 0v-8m0 8v8m3.5-13 4.5-2.25v14.25m0 0h-4m4 0h4'
32
32
  />
33
33
  )
34
34
  }
@@ -25,8 +25,15 @@ export const IconTextHThree: IconComponentType = forwardRef(
25
25
  ref: forwardRef,
26
26
  },
27
27
  <path
28
- fill='currentColor'
29
- d='M20 6h1l-1-1v1Zm0 12v1l1-1h-1Zm-17-13v7h2v-7h-2Zm0 7v7h2v-7h-2Zm1 1h7v-2h-7v2Zm10-6h6v-2h-6v2Zm5-1v6h2v-6h-2Zm1 5h-6v2h6v-2Zm-1 1v6h2v-6h-2Zm1 5h-6v2h6v-2Zm-10-12v7h2v-7h-2Zm0 7v7h2v-7h-2Z'
28
+ stroke='currentColor'
29
+ strokeLinejoin='round'
30
+ strokeWidth='var(--svg-stroke-width)'
31
+ d='M2 4v8m0 8v-8m0 0h9m0 0v-8m0 8v8'
32
+ />,
33
+ <path
34
+ stroke='currentColor'
35
+ strokeWidth='var(--svg-stroke-width)'
36
+ d='M14 12h4.5c1.933 0 3.5 1.567 3.5 3.5s-1.567 3.5-3.5 3.5h-4.5M14 5h4.5c1.933 0 3.5 1.567 3.5 3.5s-1.567 3.5-3.5 3.5h-4.5'
30
37
  />
31
38
  )
32
39
  }
@@ -24,11 +24,17 @@ export const IconTextHTwo: IconComponentType = forwardRef(
24
24
  fill: 'none',
25
25
  ref: forwardRef,
26
26
  },
27
+ <path
28
+ stroke='currentColor'
29
+ strokeLinejoin='round'
30
+ strokeWidth='var(--svg-stroke-width)'
31
+ d='M2 4v8m0 8v-8m0 0h9m0 0v-8m0 8v8'
32
+ />,
27
33
  <path
28
34
  stroke='currentColor'
29
35
  strokeLinejoin='bevel'
30
36
  strokeWidth='var(--svg-stroke-width)'
31
- d='M4 5v7m0 7v-7m0 0h7m0 0v-7m0 7v7m3-13h6v6h-5v6h6'
37
+ d='M23 19h-8c0-3.4038 2.2528-5.3594 4.2024-6.4144 1.544-.8356 2.7976-2.3398 2.7976-4.0953 0-1.9276-1.5675-3.4903-3.4951-3.4903-1.933 0-3.5049 1.567-3.5049 3.5v.5'
32
38
  />
33
39
  )
34
40
  }
@@ -27,7 +27,7 @@ export const IconTextIItalic: IconComponentType = forwardRef(
27
27
  <path
28
28
  stroke='currentColor'
29
29
  strokeWidth='var(--svg-stroke-width)'
30
- d='M11 5h4m4 0h-4m0 0-6 14m0 0h-4m4 0h4'
30
+ d='M10 4h5m5 0h-5m0 0-6 16m0 0h-5m5 0h5'
31
31
  />
32
32
  )
33
33
  }