@mirohq/design-system-icons 0.70.0 → 0.71.0

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 (45) hide show
  1. package/dist/main.js +415 -28
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +410 -29
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +13 -1
  6. package/package.json +2 -2
  7. package/react/arrow-left-right-dotted.tsx +4 -4
  8. package/react/clustered.tsx +1 -1
  9. package/react/hand-filled.tsx +1 -1
  10. package/react/hand-raised-filled.tsx +37 -0
  11. package/react/highlighter-color-selection.tsx +96 -0
  12. package/react/highlighter-underline.tsx +2 -8
  13. package/react/index.ts +6 -0
  14. package/react/lightning.tsx +1 -1
  15. package/react/pen-color-selection.tsx +89 -0
  16. package/react/rectangle-portrait-dash-square-top-center.tsx +2 -2
  17. package/react/rectangle-portrait-dash-square-top-left.tsx +2 -2
  18. package/react/rectangle-portrait-dash.tsx +1 -1
  19. package/react/rectangle-portrait-square-top-left.tsx +5 -5
  20. package/react/sentiment.tsx +2 -2
  21. package/react/square-line-square-dashed.tsx +2 -2
  22. package/react/text-a-color-selection.tsx +84 -0
  23. package/react/text-a-horizontal.tsx +48 -0
  24. package/react/text-a-vertical.tsx +48 -0
  25. package/svg/24/arrow-left-right-dotted.svg +1 -1
  26. package/svg/24/clustered-new.svg +1 -1
  27. package/svg/24/hand-filled-new.svg +1 -1
  28. package/svg/24/hand-raised-filled.svg +2 -0
  29. package/svg/24/highlighter-color-selection-new.svg +2 -0
  30. package/svg/24/highlighter-color-selection.svg +2 -0
  31. package/svg/24/highlighter-underline-new.svg +1 -1
  32. package/svg/24/lightning-new.svg +1 -1
  33. package/svg/24/pen-color-selection-new.svg +2 -0
  34. package/svg/24/pen-color-selection.svg +2 -0
  35. package/svg/24/rectangle-portrait-dash-new.svg +1 -1
  36. package/svg/24/rectangle-portrait-dash-square-top-center-new.svg +1 -1
  37. package/svg/24/rectangle-portrait-dash-square-top-left-new.svg +1 -1
  38. package/svg/24/rectangle-portrait-square-top-left-new.svg +1 -1
  39. package/svg/24/sentiment-new.svg +1 -1
  40. package/svg/24/square-line-square-dashed-new.svg +1 -1
  41. package/svg/24/text-a-color-selection-new.svg +2 -0
  42. package/svg/24/text-a-color-selection.svg +2 -0
  43. package/svg/24/text-a-horizontal.svg +2 -0
  44. package/svg/24/text-a-vertical.svg +2 -0
  45. package/svg/meta.json +54 -30
package/dist/types.d.ts CHANGED
@@ -465,6 +465,8 @@ declare const IconHandFilled: IconComponentType;
465
465
 
466
466
  declare const IconHandPointing: IconComponentType;
467
467
 
468
+ declare const IconHandRaisedFilled: IconComponentType;
469
+
468
470
  declare const IconHand: IconComponentType;
469
471
 
470
472
  declare const IconHeadphones: IconComponentType;
@@ -477,6 +479,8 @@ declare const IconHeart: IconComponentType;
477
479
 
478
480
  declare const IconHexagon: IconComponentType;
479
481
 
482
+ declare const IconHighlighterColorSelection: IconComponentType;
483
+
480
484
  declare const IconHighlighterUnderline: IconComponentType;
481
485
 
482
486
  declare const IconHighlighter: IconComponentType;
@@ -647,6 +651,8 @@ declare const IconPause: IconComponentType;
647
651
 
648
652
  declare const IconPdf: IconComponentType;
649
653
 
654
+ declare const IconPenColorSelection: IconComponentType;
655
+
650
656
  declare const IconPenTip: IconComponentType;
651
657
 
652
658
  declare const IconPenUnderline: IconComponentType;
@@ -969,8 +975,14 @@ declare const IconTag: IconComponentType;
969
975
 
970
976
  declare const IconTasks: IconComponentType;
971
977
 
978
+ declare const IconTextAColorSelection: IconComponentType;
979
+
980
+ declare const IconTextAHorizontal: IconComponentType;
981
+
972
982
  declare const IconTextAUnderline: IconComponentType;
973
983
 
984
+ declare const IconTextAVertical: IconComponentType;
985
+
974
986
  declare const IconTextAa: IconComponentType;
975
987
 
976
988
  declare const IconTextAlignCenter: IconComponentType;
@@ -1093,4 +1105,4 @@ declare const IconWifiExclamation: IconComponentType;
1093
1105
 
1094
1106
  declare const IconWifi: IconComponentType;
1095
1107
 
1096
- export { IconActivity, IconAddLineBottom, IconAddLineRight, IconAiText, IconAlignBottom, IconAlignBottomGroup, IconAlignCenterHorizontal, IconAlignCenterVertical, IconAlignLeft, IconAlignMiddle, IconAlignRight, IconAlignTop, IconAlignTopGroup, IconAlignmentScale, IconAltText, IconArrowArcLeft, IconArrowArcRight, IconArrowBendUpLeft, IconArrowBendUpRight, IconArrowBoxOut, IconArrowClockwiseDownRight, IconArrowClockwiseUpLeft, IconArrowCounterClockwiseDownLeft, IconArrowCounterClockwiseUpRight, IconArrowCurvesBottomRight, IconArrowDown, IconArrowDownLeft, IconArrowDownRight, IconArrowElbowDownRight, IconArrowFatLeft, IconArrowFatLeftRight, IconArrowFatRight, IconArrowFatUpRight, IconArrowLeft, IconArrowLeftRightDotted, IconArrowRight, IconArrowUp, IconArrowUpCircle, IconArrowUpLeft, IconArrowUpRight, IconArrowsClockwiseRectangleTilt, IconArrowsClockwiseX, IconArrowsClockwiseY, 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, IconGlobe, IconGoogleDrive, IconGraduationCap, IconGrid, IconGridFour, IconGridSix, IconHand, IconHandFilled, IconHandPointing, IconHeadphones, 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, IconMonitor, IconMonitorArrow, IconMonitorArrowUp, 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, 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, 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, IconSocialDrawio, IconSocialFacebook, IconSocialInstagram, IconSocialJira, IconSocialLinkedin, IconSocialLooker, 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, IconTextAUnderline, 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 };
1108
+ export { IconActivity, IconAddLineBottom, IconAddLineRight, IconAiText, IconAlignBottom, IconAlignBottomGroup, IconAlignCenterHorizontal, IconAlignCenterVertical, IconAlignLeft, IconAlignMiddle, IconAlignRight, IconAlignTop, IconAlignTopGroup, IconAlignmentScale, IconAltText, IconArrowArcLeft, IconArrowArcRight, IconArrowBendUpLeft, IconArrowBendUpRight, IconArrowBoxOut, IconArrowClockwiseDownRight, IconArrowClockwiseUpLeft, IconArrowCounterClockwiseDownLeft, IconArrowCounterClockwiseUpRight, IconArrowCurvesBottomRight, IconArrowDown, IconArrowDownLeft, IconArrowDownRight, IconArrowElbowDownRight, IconArrowFatLeft, IconArrowFatLeftRight, IconArrowFatRight, IconArrowFatUpRight, IconArrowLeft, IconArrowLeftRightDotted, IconArrowRight, IconArrowUp, IconArrowUpCircle, IconArrowUpLeft, IconArrowUpRight, IconArrowsClockwiseRectangleTilt, IconArrowsClockwiseX, IconArrowsClockwiseY, 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, IconGlobe, IconGoogleDrive, IconGraduationCap, IconGrid, IconGridFour, IconGridSix, IconHand, IconHandFilled, IconHandPointing, IconHandRaisedFilled, IconHeadphones, IconHeadsetPerson, IconHeart, IconHeartFilled, IconHexagon, IconHighlighter, IconHighlighterColorSelection, 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, IconMonitor, IconMonitorArrow, IconMonitorArrowUp, 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, 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, IconSocialDrawio, IconSocialFacebook, IconSocialInstagram, IconSocialJira, IconSocialLinkedin, IconSocialLooker, 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": "0.70.0",
3
+ "version": "0.71.0",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -33,9 +33,9 @@
33
33
  "dependencies": {
34
34
  "@mirohq/design-system-base-icon": "^0.1.33",
35
35
  "@mirohq/design-system-experiments": "^0.4.0",
36
- "@mirohq/design-system-stitches": "^2.6.36",
37
36
  "@mirohq/design-system-primitive": "^1.1.2",
38
37
  "@mirohq/design-system-use-local-storage": "^0.3.11",
38
+ "@mirohq/design-system-stitches": "^2.6.36",
39
39
  "@mirohq/design-system-utils": "^0.15.6"
40
40
  },
41
41
  "devDependencies": {
@@ -26,23 +26,23 @@ export const IconArrowLeftRightDotted: IconComponentType = forwardRef(
26
26
  },
27
27
  <path
28
28
  fill='currentColor'
29
- d='m18 12 .7593.6508v-1.3016l-.7593.6508Zm-.7593-.6508-3 3.5 1.5186 1.3016 3-3.5-1.5186-1.3016Zm1.5186 0-3-3.5-1.5186 1.3016 3 3.5 1.5186-1.3016Zm-6.2593 1.6508h2.5v-2h-2.5v2Zm2.5 0h3v-2h-3v2Z'
29
+ d='m18.25 12 .7328.6805v-1.361l-.7328.6805Zm-.7328-.6805-3.25 3.5 1.4656 1.361 3.25-3.5-1.4656-1.361Zm1.4656 0-3.25-3.5-1.4656 1.361 3.25 3.5 1.4656-1.361Zm-5.9828 1.6805h2v-2h-2v2Zm2 0h3.25v-2h-3.25v2Z'
30
30
  />,
31
31
  <path
32
32
  stroke='currentColor'
33
33
  strokeLinejoin='bevel'
34
34
  strokeWidth='var(--svg-stroke-width)'
35
- d='m9 15.5-3-3.5 3-3.5'
35
+ d='m9 15.5-3.25-3.5 3.25-3.5'
36
36
  />,
37
37
  <path
38
38
  stroke='currentColor'
39
39
  strokeWidth='var(--svg-stroke-width)'
40
- d='M11.5 12h-5'
40
+ d='M11 12h-4.5'
41
41
  />,
42
42
  <path
43
43
  fill='currentColor'
44
44
  fillRule='evenodd'
45
- d='M5.3333 4.2222c-.6136 0-1.111.4975-1.111 1.1111v2.2223h-2.2223v-2.2223c0-1.841 1.4924-3.3333 3.3333-3.3333h2.2223v2.2222h-2.2223Zm8.8889 0h-4.4444v-2.2222h4.4444v2.2222Zm4.4445 0h-2.2223v-2.2222h2.2223c1.8409 0 3.3333 1.4924 3.3333 3.3333v2.2223h-2.2222v-2.2223c0-.6136-.4975-1.111-1.1111-1.111Zm-14.4445 5.5556v4.4444h-2.2222v-4.4444h2.2222Zm15.5556 4.4444v-4.4444h2.2222v4.4444h-2.2222Zm-15.5556 2.2222v2.2223c0 .6136.4975 1.1111 1.1111 1.1111h2.2223v2.2222h-2.2223c-1.841 0-3.3333-1.4924-3.3333-3.3333v-2.2223h2.2222Zm15.5556 2.2223v-2.2223h2.2222v2.2223c0 1.8409-1.4924 3.3333-3.3333 3.3333h-2.2223v-2.2222h2.2223c.6136 0 1.1111-.4975 1.1111-1.1111Zm-10 1.1111h4.4444v2.2222h-4.4444v-2.2222Z'
45
+ d='M5.3333 4c-.6136 0-1.3333.7197-1.3333 1.3333v2.6667h-2v-2.6667c0-1.841 1.4924-3.3333 3.3333-3.3333h2.6667v2h-2.6667Zm8.6667 0h-4v-2h4v2Zm4.6667 0h-2.6667v-2h2.6667c1.8409 0 3.3333 1.4924 3.3333 3.3333v2.6667h-2v-2.6667c0-.6136-.7197-1.3333-1.3333-1.3333Zm-14.6667 6v4h-2v-4h2Zm16 4v-4h2v4h-2Zm-16 2v2.6667c0 .6136.8864 1.3333 1.5 1.3333h2.5v2h-2.6667c-1.841 0-3.3333-1.4924-3.3333-3.3333v-2.6667h2Zm16 2.6667v-2.6667h2v2.6667c0 1.8409-1.4924 3.3333-3.3333 3.3333h-2.6667v-2h2.6667c.6136 0 1.3333-.7197 1.3333-1.3333Zm-10 1.3333h4v2h-4v-2Z'
46
46
  clipRule='evenodd'
47
47
  />
48
48
  )
@@ -26,7 +26,7 @@ export const IconClusteredNew: IconComponentType = forwardRef(
26
26
  <path
27
27
  fill='currentColor'
28
28
  fillRule='evenodd'
29
- d='M6 5c-.5523 0-1 .4477-1 1v2h-2v-2c0-1.6569 1.3431-3 3-3h2v2h-2Zm8 0h-4v-2h4v2Zm4 0h-2v-2h2c1.6569 0 3 1.3431 3 3v2h-2v-2c0-.5523-.4477-1-1-1Zm-13 5v4h-2v-4h2Zm14 4v-4h2v4h-2Zm-14 2v2c0 .5523.4477 1 1 1h2v2h-2c-1.6569 0-3-1.3431-3-3v-2h2Zm14 2v-2h2v2c0 1.6569-1.3431 3-3 3h-2v-2h2c.5523 0 1-.4477 1-1Zm-9 1h4v2h-4v-2Z'
29
+ d='M5.3333 4c-.6136 0-1.3333.7197-1.3333 1.3333v2.6667h-2v-2.6667c0-1.841 1.4924-3.3333 3.3333-3.3333h2.6667v2h-2.6667Zm8.6667 0h-4v-2h4v2Zm4.6667 0h-2.6667v-2h2.6667c1.8409 0 3.3333 1.4924 3.3333 3.3333v2.6667h-2v-2.6667c0-.6136-.7197-1.3333-1.3333-1.3333Zm-14.6667 6v4h-2v-4h2Zm16 4v-4h2v4h-2Zm-16 2v2.6667c0 .6136.8864 1.3333 1.5 1.3333h2.5v2h-2.6667c-1.841 0-3.3333-1.4924-3.3333-3.3333v-2.6667h2Zm16 2.6667v-2.6667h2v2.6667c0 1.8409-1.4924 3.3333-3.3333 3.3333h-2.6667v-2h2.6667c.6136 0 1.3333-.7197 1.3333-1.3333Zm-10 1.3333h4v2h-4v-2Z'
30
30
  clipRule='evenodd'
31
31
  />,
32
32
  <rect width={4} height={4} x={7} y={7} fill='currentColor' rx={1} />,
@@ -26,7 +26,7 @@ export const IconHandFilledNew: IconComponentType = forwardRef(
26
26
  <path
27
27
  fill='currentColor'
28
28
  fillRule='evenodd'
29
- d='M11.5 2c.8284 0 1.5.6716 1.5 1.5v7.5h1.5v-6c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v6h1.5v-3c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v6c0 4.4183-3.5817 8-8 8h-1.497a8.7501 8.7501 0 0 1-6.1871-2.5628l-4.8766-4.8765c-.5857-.5858-.5857-1.5356 0-2.1214.5858-.5857 1.432-.5606 2.1214 0 .268.2181 1.0652.8528 1.9393 1.5472v-8.9865c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v6h1.5v-7.5c0-.8284.6716-1.5 1.5-1.5Z'
29
+ d='M13.857 3.5c0-.8284-.6076-1.5-1.3571-1.5-.7495 0-1.3571.6716-1.3571 1.5v7.5h-1.0239v-5.1875c0-.5-.1904-1.5-1.1904-1.5-1 0-1.5.6716-1.5 1.5v8.5499c-.9369-.686-2.0209-1.4959-2.4285-1.8624-.7757-.6973-2.0726-.6464-2.6026-.0607-.53.5858-.3974 1.5607 0 2.1214l4.6025 4.9393c1.4286 1.25 3.5 2.5 5.4075 2.5h1.3544c2.4514 0 3.3706-.5607 4.2381-1.25.4542-.3609 1.0803-.9807 1.55-1.75.8501-1.3926 1.2001-4 1.2001-5l-.0001-.0292v-5.9708c0-.8284-.6077-1.5-1.3572-1.5-.7495 0-1.1428.6716-1.1428 1.5v3h-.8939v-5.3103c0-.8284-.4647-1.5-1.2143-1.5-.7495 0-1.2857.6716-1.2857 1.5v5.3103h-.999v-7.5Z'
30
30
  clipRule='evenodd'
31
31
  />
32
32
  )
@@ -0,0 +1,37 @@
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 IconHandRaisedFilled: 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
+ fill='currentColor'
29
+ fillRule='evenodd'
30
+ d='M10.1908 3.5c0-.8284.6076-1.5 1.3572-1.5.7495 0 1.3571.6716 1.3571 1.5v7.5h1.0238v-5.1875c0-.5.1905-1.5 1.1905-1.5 1 0 1.5.6716 1.5 1.5v8.5499c.9368-.686 2.0208-1.4959 2.4285-1.8624.7756-.6973 2.0726-.6464 2.6026-.0607.53.5858.3974 1.5607 0 2.1214l-4.6025 4.9393c-1.4286 1.25-3.5 2.5-5.4076 2.5h-1.3543c-2.4514 0-3.3706-.5607-4.2381-1.25-.4543-.3609-1.0804-.9807-1.55-1.75-.8502-1.3926-1.2002-4-1.2002-5l.0002-.0292v-5.9708c0-.8284.6076-1.5 1.3571-1.5.7496 0 1.1428.6716 1.1428 1.5v3h.894v-5.3103c0-.8284.4647-1.5 1.2142-1.5.7496 0 1.2857.6716 1.2857 1.5v5.3103h.999v-7.5Z'
31
+ clipRule='evenodd'
32
+ />
33
+ )
34
+ }
35
+ )
36
+
37
+ IconHandRaisedFilled[iconSymbol] = true
@@ -0,0 +1,96 @@
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
+ import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
9
+
10
+ import { StyledIcon } from '../src/icon'
11
+ import type { IconComponentType } from '../src/icon'
12
+
13
+ export const IconHighlighterColorSelectionNew: IconComponentType = forwardRef(
14
+ (props, forwardRef) => {
15
+ const [debug] = useLocalStorage('DEBUG_ICON', false)
16
+ return createElement(
17
+ StyledIcon,
18
+ {
19
+ ...props,
20
+ debug,
21
+ 'aria-hidden': true,
22
+ viewBox: '0 0 24 24',
23
+ fill: 'none',
24
+ ref: forwardRef,
25
+ },
26
+ <path
27
+ fill='currentColor'
28
+ d='m3.8909 17.0704-.6573-.6573.475 1.5688.1823-.9115Zm4.6479.9296-.1823.9115.8396-.2542-.6573-.6573Zm-1.8592-6.507-.646-.6684-.421.4069.1851.5554.8819-.2939Zm9.8204-9.493.6573-.6573-1.3034-.011.6461.6683Zm5.5 5.5.6514.6632.0059-1.3205-.6573.6573Zm-9.7429 9.5704-.294.8819.5396.1799.4058-.3986-.6514-.6632Zm-5.6928-2.6734-.6573-.6573.6573.6573Zm.4491-1.9026-.8818.294.8818-.294Zm-3.3048 5.4875 4.6479.9296.3646-1.823-4.648-.9296-.3645 1.823Zm.8396-.2542 2.6734-2.6734-1.3146-1.3146-2.6734 2.6734 1.3146 1.3146Zm3.3471-5.5272-.3338-1.0015-1.7638.5879.3339 1.0015 1.7637-.5879Zm-.5696-.0392 9.8204-9.493-1.2922-1.3367-9.8204 9.493 1.2922 1.3367Zm8.517-9.504 5.5 5.5 1.3146-1.3146-5.5-5.5-1.3146 1.3146Zm5.5059 4.1795-9.7429 9.5705 1.3028 1.3263 9.7429-9.5704-1.3028-1.3264Zm-8.7976 9.3517-1.0015-.3338-.5879 1.7638 1.0015.3338.5879-1.7638Zm-3.8553.3399-.8143.8143 1.3147 1.3146.8142-.8143-1.3146-1.3146Zm2.8538-.6737a2.7888 2.7888 0 0 0-2.8538.6737l1.3146 1.3146a.9297.9297 0 0 1 .9513-.2245l.5879-1.7638Zm-4.3279-.8004a2.7887 2.7887 0 0 0 .6737-2.8538l-1.7637.5879a.9297.9297 0 0 1-.2246.9513l1.3146 1.3146Z'
29
+ />,
30
+ <path
31
+ stroke='currentColor'
32
+ strokeWidth='var(--svg-stroke-width)'
33
+ d='m13 6 5 5'
34
+ />
35
+ )
36
+ }
37
+ )
38
+
39
+ export const IconHighlighterColorSelectionOld: IconComponentType = forwardRef(
40
+ (props, forwardRef) => {
41
+ const [debug] = useLocalStorage('DEBUG_ICON', false)
42
+ return createElement(
43
+ StyledIcon,
44
+ {
45
+ ...props,
46
+ debug,
47
+ 'aria-hidden': true,
48
+ viewBox: '0 0 24 24',
49
+ fill: 'none',
50
+ ref: forwardRef,
51
+ },
52
+ <rect width={18} height={2} x={3} y={20} fill='currentColor' rx={0.5} />,
53
+ <path
54
+ stroke='currentColor'
55
+ strokeLinecap='round'
56
+ strokeLinejoin='round'
57
+ strokeWidth='var(--svg-stroke-width)'
58
+ d='m18 9.8571 3-2.8571-4.5-4.5-3 3'
59
+ />,
60
+ <path
61
+ stroke='currentColor'
62
+ strokeLinecap='round'
63
+ strokeWidth='var(--svg-stroke-width)'
64
+ d='M11 17h-2l-1 1h-4v-1l1-1 1-1 .5-2.5 2.75-2.75 2.75-2.75 1.5-1.5 4.5 4.3571-7 7.1429Z'
65
+ />,
66
+ <path
67
+ stroke='currentColor'
68
+ strokeWidth='var(--svg-stroke-width)'
69
+ d='M12 21v.0001'
70
+ />
71
+ )
72
+ }
73
+ )
74
+
75
+ export const IconHighlighterColorSelection: IconComponentType = forwardRef(
76
+ ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
77
+ const [v1] = useNewDesignLanguageIcons()
78
+ return v1 ? (
79
+ <IconHighlighterColorSelectionNew
80
+ {...props}
81
+ size={size}
82
+ weight={weight}
83
+ ref={forwardRef}
84
+ />
85
+ ) : (
86
+ <IconHighlighterColorSelectionOld
87
+ {...props}
88
+ size={size}
89
+ weight={weight}
90
+ ref={forwardRef}
91
+ />
92
+ )
93
+ }
94
+ )
95
+
96
+ IconHighlighterColorSelection[iconSymbol] = true
@@ -31,18 +31,12 @@ export const IconHighlighterUnderlineNew: IconComponentType = forwardRef(
31
31
  />,
32
32
  <path
33
33
  fill='currentColor'
34
- d='m10 16.5-.7071.7071.5625.5625.6746-.4216-.53-.848Zm4-.5-.3162.9487 1.1011-.3291-.7849-.6196Zm-7-2.5-.9398-.3417-.2176.5985.4503.4503.7071-.7071Zm0-4-.6-.8-.3487 1.1162.9487-.3162Zm8.7129-6.5347-.6-.8.6.8Zm4.7649 4.8295-.7849-.6197.7849.6197Zm-10.4778 8.7052c.53.848.5297.8482.5294.8484l-.0006.0003-.001.0006-.0014.001-.0011.0006.0057-.0034a1.603 1.603 0 0 1 .041-.0234 3.5563 3.5563 0 0 1 .1905-.0977 4.7675 4.7675 0 0 1 .7305-.276c.6198-.1777 1.4012-.2649 2.1908-.0017l.6324-1.8974c-1.2974-.4324-2.516-.2696-3.3745-.0234a6.7583 6.7583 0 0 0-1.0411.3938 5.491 5.491 0 0 0-.3.1542 3.8872 3.8872 0 0 0-.0876.0501l-.0272.0163a3.4367 3.4367 0 0 1-.0094.0057l-.0036.0022-.0015.001a.0038.0038 0 0 0-.0007.0004c-.0003.0002-.0006.0004.5294.8484Zm4.7849.1196 6.4778-8.2052-1.5698-1.2393-6.4778 8.2053 1.5698 1.2392Zm-7.7849-3.1196c.9398.3417.94.3414.94.3411a.0207.0207 0 0 0 .0008-.0022l.0013-.0035a3.8862 3.8862 0 0 0 .0407-.1227 5.9034 5.9034 0 0 0 .0837-.2958 7.7923 7.7923 0 0 0 .1875-1.0174c.0984-.8362.1023-1.9928-.3053-3.2157l-1.8974.6324c.288.8641.292 1.7075.2164 2.3496a5.7923 5.7923 0 0 1-.1385.7543 3.915 3.915 0 0 1-.055.1947 1.7896 1.7896 0 0 1-.0136.042l-.002.006.0003-.001.0005-.0014.0004-.001a.0207.0207 0 0 0 .0002-.0006c.0001-.0002.0002-.0005.94.3412Zm.6-3.2 8.7129-6.5347-1.2-1.6-8.7129 6.5347 1.2 1.6Zm-1.3071 3.9071 3 3 1.4142-1.4142-3-3-1.4142 1.4142Zm14.7477-9.5807-2.1958-2.1958-1.4142 1.4142 2.1958 2.1958 1.4142-1.4142Zm-4.7277-.861a.8551.8551 0 0 1 1.1177.0794l1.4142-1.4142c-1.0047-1.0047-2.5953-1.1178-3.7319-.2653l1.2 1.6Zm4.9498 4.649c.8971-1.1363.8017-2.7642-.2221-3.788l-1.4142 1.4142a.855.855 0 0 1 .0665 1.1345l1.5698 1.2393Z'
35
- />,
36
- <path
37
- stroke='currentColor'
38
- strokeLinejoin='bevel'
39
- strokeWidth='var(--svg-stroke-width)'
40
- d='m7 13.5-3 4 4.5.5 1.5-1.5'
34
+ d='m3.8909 17.0704-.6573-.6573.475 1.5688.1823-.9115Zm4.6479.9296-.1823.9115.8396-.2542-.6573-.6573Zm-1.8592-6.507-.646-.6684-.421.4069.1851.5554.8819-.2939Zm9.8204-9.493.6573-.6573-1.3034-.011.6461.6683Zm5.5 5.5.6514.6632.0059-1.3205-.6573.6573Zm-9.7429 9.5704-.294.8819.5396.1799.4058-.3986-.6514-.6632Zm-5.6928-2.6734-.6573-.6573.6573.6573Zm.4491-1.9026-.8818.294.8818-.294Zm-3.3048 5.4875 4.6479.9296.3646-1.823-4.648-.9296-.3645 1.823Zm.8396-.2542 2.6734-2.6734-1.3146-1.3146-2.6734 2.6734 1.3146 1.3146Zm3.3471-5.5272-.3338-1.0015-1.7638.5879.3339 1.0015 1.7637-.5879Zm-.5696-.0392 9.8204-9.493-1.2922-1.3367-9.8204 9.493 1.2922 1.3367Zm8.517-9.504 5.5 5.5 1.3146-1.3146-5.5-5.5-1.3146 1.3146Zm5.5059 4.1795-9.7429 9.5705 1.3028 1.3263 9.7429-9.5704-1.3028-1.3264Zm-8.7976 9.3517-1.0015-.3338-.5879 1.7638 1.0015.3338.5879-1.7638Zm-3.8553.3399-.8143.8143 1.3147 1.3146.8142-.8143-1.3146-1.3146Zm2.8538-.6737a2.7888 2.7888 0 0 0-2.8538.6737l1.3146 1.3146a.9297.9297 0 0 1 .9513-.2245l.5879-1.7638Zm-4.3279-.8004a2.7887 2.7887 0 0 0 .6737-2.8538l-1.7637.5879a.9297.9297 0 0 1-.2246.9513l1.3146 1.3146Z'
41
35
  />,
42
36
  <path
43
37
  stroke='currentColor'
44
38
  strokeWidth='var(--svg-stroke-width)'
45
- d='m9.5 7.5 6 6'
39
+ d='m13 6 5 5'
46
40
  />
47
41
  )
48
42
  }
package/react/index.ts CHANGED
@@ -210,12 +210,14 @@ export { IconGridSix } from './grid-six'
210
210
  export { IconGrid } from './grid'
211
211
  export { IconHandFilled } from './hand-filled'
212
212
  export { IconHandPointing } from './hand-pointing'
213
+ export { IconHandRaisedFilled } from './hand-raised-filled'
213
214
  export { IconHand } from './hand'
214
215
  export { IconHeadphones } from './headphones'
215
216
  export { IconHeadsetPerson } from './headset-person'
216
217
  export { IconHeartFilled } from './heart-filled'
217
218
  export { IconHeart } from './heart'
218
219
  export { IconHexagon } from './hexagon'
220
+ export { IconHighlighterColorSelection } from './highlighter-color-selection'
219
221
  export { IconHighlighterUnderline } from './highlighter-underline'
220
222
  export { IconHighlighter } from './highlighter'
221
223
  export { IconHouse } from './house'
@@ -301,6 +303,7 @@ export { IconParallelogram } from './parallelogram'
301
303
  export { IconPauseCircle } from './pause-circle'
302
304
  export { IconPause } from './pause'
303
305
  export { IconPdf } from './pdf'
306
+ export { IconPenColorSelection } from './pen-color-selection'
304
307
  export { IconPenTip } from './pen-tip'
305
308
  export { IconPenUnderline } from './pen-underline'
306
309
  export { IconPen } from './pen'
@@ -462,7 +465,10 @@ export { IconTable } from './table'
462
465
  export { IconTablet } from './tablet'
463
466
  export { IconTag } from './tag'
464
467
  export { IconTasks } from './tasks'
468
+ export { IconTextAColorSelection } from './text-a-color-selection'
469
+ export { IconTextAHorizontal } from './text-a-horizontal'
465
470
  export { IconTextAUnderline } from './text-a-underline'
471
+ export { IconTextAVertical } from './text-a-vertical'
466
472
  export { IconTextAa } from './text-aa'
467
473
  export { IconTextAlignCenter } from './text-align-center'
468
474
  export { IconTextAlignLeft } from './text-align-left'
@@ -27,7 +27,7 @@ export const IconLightningNew: IconComponentType = forwardRef(
27
27
  stroke='currentColor'
28
28
  strokeLinejoin='bevel'
29
29
  strokeWidth='var(--svg-stroke-width)'
30
- d='m4.5345 9.8114 7.5837-7.1098c.7572-.7098 1.9609.0612 1.6327 1.0458l-1.7509 5.2526h5.0657c2.7639 0 4.0574 3.4208 1.9849 5.2495l-8.2659 7.2934c-.7662.6761-1.9334-.0967-1.6103-1.066l1.8256-5.4769h-4.4137c-2.7196 0-4.0358-3.3286-2.0518-5.1886Z'
30
+ d='m4 15 8-14v8h8l-8.5 14v-8h-7.5Z'
31
31
  />
32
32
  )
33
33
  }
@@ -0,0 +1,89 @@
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
+ import { useNewDesignLanguageIcons } from '@mirohq/design-system-experiments'
9
+
10
+ import { StyledIcon } from '../src/icon'
11
+ import type { IconComponentType } from '../src/icon'
12
+
13
+ export const IconPenColorSelectionNew: IconComponentType = forwardRef(
14
+ (props, forwardRef) => {
15
+ const [debug] = useLocalStorage('DEBUG_ICON', false)
16
+ return createElement(
17
+ StyledIcon,
18
+ {
19
+ ...props,
20
+ debug,
21
+ 'aria-hidden': true,
22
+ viewBox: '0 0 24 24',
23
+ fill: 'none',
24
+ ref: forwardRef,
25
+ },
26
+ <path
27
+ fill='currentColor'
28
+ d='m5 13-.7071-.7071-.2141.2141-.0594.2969.9806.1961Zm-1 5-.9806-.1961 1.1767 1.1767-.1961-.9806Zm5-1 .1961.9806.297-.0594.214-.2141-.7071-.7071Zm9.5858-12.4142-.7071.707.7071-.707Zm-1.1716-1.1716-.7071.7071.7071-.707Zm-3.5355-.707-9.5858 9.5857 1.4142 1.4142 9.5858-9.5858-1.4142-1.4142Zm-9.8593 10.0967-1 5 1.9612.3922 1-5-1.9612-.3922Zm.1767 6.1767 5-1-.3922-1.9612-5 1 .3922 1.9612Zm5.511-1.2735 9.5858-9.5858-1.4142-1.4142-9.5858 9.5858 1.4142 1.4142Zm9.5858-13.8284-1.1716-1.1716-1.4142 1.4142 1.1716 1.1716 1.4142-1.4142Zm0 4.2426c1.1716-1.1715 1.1716-3.071 0-4.2426l-1.4142 1.4142c.3905.3905.3905 1.0237 0 1.4142l1.4142 1.4142Zm-4-4c.3905-.3905 1.0237-.3905 1.4142 0l1.4142-1.4142c-1.1716-1.1716-3.071-1.1716-4.2426 0l1.4142 1.4142Z'
29
+ />,
30
+ <path
31
+ stroke='currentColor'
32
+ strokeWidth='var(--svg-stroke-width)'
33
+ d='m12.5 5.5 4 4'
34
+ />
35
+ )
36
+ }
37
+ )
38
+
39
+ export const IconPenColorSelectionOld: IconComponentType = forwardRef(
40
+ (props, forwardRef) => {
41
+ const [debug] = useLocalStorage('DEBUG_ICON', false)
42
+ return createElement(
43
+ StyledIcon,
44
+ {
45
+ ...props,
46
+ debug,
47
+ 'aria-hidden': true,
48
+ viewBox: '0 0 24 24',
49
+ fill: 'none',
50
+ ref: forwardRef,
51
+ },
52
+ <path
53
+ stroke='currentColor'
54
+ strokeLinecap='round'
55
+ strokeLinejoin='round'
56
+ strokeWidth='var(--svg-stroke-width)'
57
+ d='m13.8889 5.5556-7.5718 7.5718a2.0001 2.0001 0 0 0-.547 1.0219l-.6966 3.483c-.035.1749.1193.3291.2942.2942l3.483-.6966a2.0005 2.0005 0 0 0 1.022-.547l7.5717-7.5718m-3.5555-3.5555 2.1413-2.1414c.7811-.781 2.0474-.781 2.8285 0l.7271.7271c.781.781.781 2.0474 0 2.8285l-2.1414 2.1413m-3.5555-3.5555 3.5555 3.5555'
58
+ />,
59
+ <path
60
+ stroke='currentColor'
61
+ strokeWidth='var(--svg-stroke-width)'
62
+ d='M12 15v.0001'
63
+ />
64
+ )
65
+ }
66
+ )
67
+
68
+ export const IconPenColorSelection: IconComponentType = forwardRef(
69
+ ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
70
+ const [v1] = useNewDesignLanguageIcons()
71
+ return v1 ? (
72
+ <IconPenColorSelectionNew
73
+ {...props}
74
+ size={size}
75
+ weight={weight}
76
+ ref={forwardRef}
77
+ />
78
+ ) : (
79
+ <IconPenColorSelectionOld
80
+ {...props}
81
+ size={size}
82
+ weight={weight}
83
+ ref={forwardRef}
84
+ />
85
+ )
86
+ }
87
+ )
88
+
89
+ IconPenColorSelection[iconSymbol] = true
@@ -26,10 +26,10 @@ export const IconRectanglePortraitDashSquareTopCenterNew: IconComponentType =
26
26
  <path
27
27
  fill='currentColor'
28
28
  fillRule='evenodd'
29
- d='M6 5c-.5523 0-1 .4477-1 1v2h-2v-2c0-1.6569 1.3431-3 3-3h2v2h-2Zm8 0h-4v-2h4v2Zm4 0h-2v-2h2c1.6569 0 3 1.3431 3 3v2h-2v-2c0-.5523-.4477-1-1-1Zm-13 5v4h-2v-4h2Zm14 4v-4h2v4h-2Zm-14 2v2c0 .5523.4477 1 1 1h2v2h-2c-1.6569 0-3-1.3431-3-3v-2h2Zm14 2v-2h2v2c0 1.6569-1.3431 3-3 3h-2v-2h2c.5523 0 1-.4477 1-1Zm-9 1h4v2h-4v-2Z'
29
+ d='M5.3333 4c-.6136 0-1.3333.7197-1.3333 1.3333v2.6667h-2v-2.6667c0-1.841 1.4924-3.3333 3.3333-3.3333h2.6667v2h-2.6667Zm8.6667 0h-4v-2h4v2Zm4.6667 0h-2.6667v-2h2.6667c1.8409 0 3.3333 1.4924 3.3333 3.3333v2.6667h-2v-2.6667c0-.6136-.7197-1.3333-1.3333-1.3333Zm-14.6667 6v4h-2v-4h2Zm16 4v-4h2v4h-2Zm-16 2v2.6667c0 .6136.8864 1.3333 1.5 1.3333h2.5v2h-2.6667c-1.841 0-3.3333-1.4924-3.3333-3.3333v-2.6667h2Zm16 2.6667v-2.6667h2v2.6667c0 1.8409-1.4924 3.3333-3.3333 3.3333h-2.6667v-2h2.6667c.6136 0 1.3333-.7197 1.3333-1.3333Zm-10 1.3333h4v2h-4v-2Z'
30
30
  clipRule='evenodd'
31
31
  />,
32
- <path fill='currentColor' d='M8 3h8v7h-8v-7Z' />
32
+ <path fill='currentColor' d='M8 2h8v8h-8v-8Z' />
33
33
  )
34
34
  })
35
35
 
@@ -26,14 +26,14 @@ export const IconRectanglePortraitDashSquareTopLeftNew: IconComponentType =
26
26
  <path
27
27
  fill='currentColor'
28
28
  fillRule='evenodd'
29
- d='M6 5c-.5523 0-1 .4477-1 1v2h-2v-2c0-1.6569 1.3431-3 3-3h2v2h-2Zm8 0h-4v-2h4v2Zm4 0h-2v-2h2c1.6569 0 3 1.3431 3 3v2h-2v-2c0-.5523-.4477-1-1-1Zm-13 5v4h-2v-4h2Zm14 4v-4h2v4h-2Zm-14 2v2c0 .5523.4477 1 1 1h2v2h-2c-1.6569 0-3-1.3431-3-3v-2h2Zm14 2v-2h2v2c0 1.6569-1.3431 3-3 3h-2v-2h2c.5523 0 1-.4477 1-1Zm-9 1h4v2h-4v-2Z'
29
+ d='M5.3333 4c-.6136 0-1.3333.7197-1.3333 1.3333v2.6667h-2v-2.6667c0-1.841 1.4924-3.3333 3.3333-3.3333h2.6667v2h-2.6667Zm8.6667 0h-4v-2h4v2Zm4.6667 0h-2.6667v-2h2.6667c1.8409 0 3.3333 1.4924 3.3333 3.3333v2.6667h-2v-2.6667c0-.6136-.7197-1.3333-1.3333-1.3333Zm-14.6667 6v4h-2v-4h2Zm16 4v-4h2v4h-2Zm-16 2v2.6667c0 .6136.8864 1.3333 1.5 1.3333h2.5v2h-2.6667c-1.841 0-3.3333-1.4924-3.3333-3.3333v-2.6667h2Zm16 2.6667v-2.6667h2v2.6667c0 1.8409-1.4924 3.3333-3.3333 3.3333h-2.6667v-2h2.6667c.6136 0 1.3333-.7197 1.3333-1.3333Zm-10 1.3333h4v2h-4v-2Z'
30
30
  clipRule='evenodd'
31
31
  />,
32
32
  <path
33
33
  fill='currentColor'
34
34
  stroke='currentColor'
35
35
  strokeWidth='var(--svg-stroke-width)'
36
- d='M4 7c0-1.6569 1.3431-3 3-3h4v6h-7v-3Z'
36
+ d='M3 6c0-1.6569 1.3431-3 3-3h5v7h-8v-4Z'
37
37
  />
38
38
  )
39
39
  })
@@ -26,7 +26,7 @@ export const IconRectanglePortraitDashNew: IconComponentType = forwardRef(
26
26
  <path
27
27
  fill='currentColor'
28
28
  fillRule='evenodd'
29
- d='M6 5c-.5523 0-1 .4477-1 1v2h-2v-2c0-1.6569 1.3431-3 3-3h2v2h-2Zm8 0h-4v-2h4v2Zm4 0h-2v-2h2c1.6569 0 3 1.3431 3 3v2h-2v-2c0-.5523-.4477-1-1-1Zm-13 5v4h-2v-4h2Zm14 4v-4h2v4h-2Zm-14 2v2c0 .5523.4477 1 1 1h2v2h-2c-1.6569 0-3-1.3431-3-3v-2h2Zm14 2v-2h2v2c0 1.6569-1.3431 3-3 3h-2v-2h2c.5523 0 1-.4477 1-1Zm-9 1h4v2h-4v-2Z'
29
+ d='M5.3333 4c-.6136 0-1.3333.7197-1.3333 1.3333v2.6667h-2v-2.6667c0-1.841 1.4924-3.3333 3.3333-3.3333h2.6667v2h-2.6667Zm8.6667 0h-4v-2h4v2Zm4.6667 0h-2.6667v-2h2.6667c1.8409 0 3.3333 1.4924 3.3333 3.3333v2.6667h-2v-2.6667c0-.6136-.7197-1.3333-1.3333-1.3333Zm-14.6667 6v4h-2v-4h2Zm16 4v-4h2v4h-2Zm-16 2v2.6667c0 .6136.8864 1.3333 1.5 1.3333h2.5v2h-2.6667c-1.841 0-3.3333-1.4924-3.3333-3.3333v-2.6667h2Zm16 2.6667v-2.6667h2v2.6667c0 1.8409-1.4924 3.3333-3.3333 3.3333h-2.6667v-2h2.6667c.6136 0 1.3333-.7197 1.3333-1.3333Zm-10 1.3333h4v2h-4v-2Z'
30
30
  clipRule='evenodd'
31
31
  />
32
32
  )
@@ -24,10 +24,10 @@ export const IconRectanglePortraitSquareTopLeftNew: IconComponentType =
24
24
  ref: forwardRef,
25
25
  },
26
26
  <rect
27
- width={16}
28
- height={16}
29
- x={4}
30
- y={4}
27
+ width={18}
28
+ height={18}
29
+ x={3}
30
+ y={3}
31
31
  stroke='currentColor'
32
32
  strokeWidth='var(--svg-stroke-width)'
33
33
  rx={2}
@@ -36,7 +36,7 @@ export const IconRectanglePortraitSquareTopLeftNew: IconComponentType =
36
36
  fill='currentColor'
37
37
  stroke='currentColor'
38
38
  strokeWidth='var(--svg-stroke-width)'
39
- d='M4 7c0-1.6569 1.3431-3 3-3h4v6h-7v-3Z'
39
+ d='M3 6c0-1.6569 1.3431-3 3-3h5v7h-8v-4Z'
40
40
  />
41
41
  )
42
42
  })
@@ -27,7 +27,7 @@ export const IconSentimentNew: IconComponentType = forwardRef(
27
27
  fill='currentColor'
28
28
  stroke='currentColor'
29
29
  strokeWidth='var(--svg-stroke-width)'
30
- d='M10.3333 6.8333h.8334v.8334h-.8334v-.8334ZM16.3333 12.8333h.8334v.8334h-.8334v-.8334Z'
30
+ d='M10.3333 6.3333h1.3334v1.3334h-1.3334v-1.3334ZM16.3333 12.3333h1.3334v1.3334h-1.3334v-1.3334Z'
31
31
  />,
32
32
  <path
33
33
  stroke='currentColor'
@@ -40,7 +40,7 @@ export const IconSentimentNew: IconComponentType = forwardRef(
40
40
  fill='currentColor'
41
41
  stroke='currentColor'
42
42
  strokeWidth='var(--svg-stroke-width)'
43
- d='M6.8333 6.8333h.8334v.8334h-.8334v-.8334Z'
43
+ d='M6.3333 6.3333h1.3334v1.3334h-1.3334v-1.3334Z'
44
44
  />,
45
45
  <path
46
46
  stroke='currentColor'
@@ -26,13 +26,13 @@ export const IconSquareLineSquareDashedNew: IconComponentType = forwardRef(
26
26
  <path
27
27
  fill='currentColor'
28
28
  fillRule='evenodd'
29
- d='M6 5c-.5523 0-1 .4477-1 1v2h-2v-2c0-1.6569 1.3431-3 3-3h2v2h-2Zm8 0h-4v-2h4v2Zm4 0h-2v-2h2c1.6569 0 3 1.3431 3 3v2h-2v-2c0-.5523-.4477-1-1-1Zm-13 5v4h-2v-4h2Zm14 4v-4h2v4h-2Zm-14 2v2c0 .5523.4477 1 1 1h2v2h-2c-1.6569 0-3-1.3431-3-3v-2h2Zm14 2v-2h2v2c0 1.6569-1.3431 3-3 3h-2v-2h2c.5523 0 1-.4477 1-1Zm-9 1h4v2h-4v-2Z'
29
+ d='M5.3333 4c-.6136 0-1.3333.7197-1.3333 1.3333v2.6667h-2v-2.6667c0-1.841 1.4924-3.3333 3.3333-3.3333h2.6667v2h-2.6667Zm8.6667 0h-4v-2h4v2Zm4.6667 0h-2.6667v-2h2.6667c1.8409 0 3.3333 1.4924 3.3333 3.3333v2.6667h-2v-2.6667c0-.6136-.7197-1.3333-1.3333-1.3333Zm-14.6667 6v4h-2v-4h2Zm16 4v-4h2v4h-2Zm-16 2v2.6667c0 .6136.8864 1.3333 1.5 1.3333h2.5v2h-2.6667c-1.841 0-3.3333-1.4924-3.3333-3.3333v-2.6667h2Zm16 2.6667v-2.6667h2v2.6667c0 1.8409-1.4924 3.3333-3.3333 3.3333h-2.6667v-2h2.6667c.6136 0 1.3333-.7197 1.3333-1.3333Zm-10 1.3333h4v2h-4v-2Z'
30
30
  clipRule='evenodd'
31
31
  />,
32
32
  <path
33
33
  stroke='currentColor'
34
34
  strokeWidth='var(--svg-stroke-width)'
35
- d='M4 6c0-1.1046.8954-2 2-2h7v9h-9v-7Z'
35
+ d='M3 5c0-1.1046.8954-2 2-2h8v10h-10v-8Z'
36
36
  />
37
37
  )
38
38
  }