@mirohq/design-system-icons 0.69.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.
- package/dist/main.js +503 -24
- package/dist/main.js.map +1 -1
- package/dist/module.js +496 -25
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +17 -1
- package/package.json +3 -3
- package/react/alt-text.tsx +42 -0
- package/react/arrow-left-right-dotted.tsx +52 -0
- package/react/clustered.tsx +1 -1
- package/react/hand-filled.tsx +1 -1
- package/react/hand-raised-filled.tsx +37 -0
- package/react/highlighter-color-selection.tsx +96 -0
- package/react/highlighter-underline.tsx +2 -8
- package/react/index.ts +8 -0
- package/react/lightning.tsx +1 -1
- package/react/pen-color-selection.tsx +89 -0
- package/react/rectangle-portrait-dash-square-top-center.tsx +2 -2
- package/react/rectangle-portrait-dash-square-top-left.tsx +2 -2
- package/react/rectangle-portrait-dash.tsx +1 -1
- package/react/rectangle-portrait-square-top-left.tsx +5 -5
- package/react/sentiment.tsx +2 -2
- package/react/square-line-square-dashed.tsx +2 -2
- package/react/text-a-color-selection.tsx +84 -0
- package/react/text-a-horizontal.tsx +48 -0
- package/react/text-a-vertical.tsx +48 -0
- package/svg/24/alt-text.svg +2 -0
- package/svg/24/arrow-left-right-dotted.svg +2 -0
- package/svg/24/clustered-new.svg +1 -1
- package/svg/24/hand-filled-new.svg +1 -1
- package/svg/24/hand-raised-filled.svg +2 -0
- package/svg/24/highlighter-color-selection-new.svg +2 -0
- package/svg/24/highlighter-color-selection.svg +2 -0
- package/svg/24/highlighter-underline-new.svg +1 -1
- package/svg/24/lightning-new.svg +1 -1
- package/svg/24/pen-color-selection-new.svg +2 -0
- package/svg/24/pen-color-selection.svg +2 -0
- package/svg/24/rectangle-portrait-dash-new.svg +1 -1
- package/svg/24/rectangle-portrait-dash-square-top-center-new.svg +1 -1
- package/svg/24/rectangle-portrait-dash-square-top-left-new.svg +1 -1
- package/svg/24/rectangle-portrait-square-top-left-new.svg +1 -1
- package/svg/24/sentiment-new.svg +1 -1
- package/svg/24/square-line-square-dashed-new.svg +1 -1
- package/svg/24/text-a-color-selection-new.svg +2 -0
- package/svg/24/text-a-color-selection.svg +2 -0
- package/svg/24/text-a-horizontal.svg +2 -0
- package/svg/24/text-a-vertical.svg +2 -0
- package/svg/meta.json +32 -0
package/dist/types.d.ts
CHANGED
|
@@ -69,6 +69,8 @@ declare const IconAlignTop: IconComponentType;
|
|
|
69
69
|
|
|
70
70
|
declare const IconAlignmentScale: IconComponentType;
|
|
71
71
|
|
|
72
|
+
declare const IconAltText: IconComponentType;
|
|
73
|
+
|
|
72
74
|
declare const IconArrowArcLeft: IconComponentType;
|
|
73
75
|
|
|
74
76
|
declare const IconArrowArcRight: IconComponentType;
|
|
@@ -105,6 +107,8 @@ declare const IconArrowFatRight: IconComponentType;
|
|
|
105
107
|
|
|
106
108
|
declare const IconArrowFatUpRight: IconComponentType;
|
|
107
109
|
|
|
110
|
+
declare const IconArrowLeftRightDotted: IconComponentType;
|
|
111
|
+
|
|
108
112
|
declare const IconArrowLeft: IconComponentType;
|
|
109
113
|
|
|
110
114
|
declare const IconArrowRight: IconComponentType;
|
|
@@ -461,6 +465,8 @@ declare const IconHandFilled: IconComponentType;
|
|
|
461
465
|
|
|
462
466
|
declare const IconHandPointing: IconComponentType;
|
|
463
467
|
|
|
468
|
+
declare const IconHandRaisedFilled: IconComponentType;
|
|
469
|
+
|
|
464
470
|
declare const IconHand: IconComponentType;
|
|
465
471
|
|
|
466
472
|
declare const IconHeadphones: IconComponentType;
|
|
@@ -473,6 +479,8 @@ declare const IconHeart: IconComponentType;
|
|
|
473
479
|
|
|
474
480
|
declare const IconHexagon: IconComponentType;
|
|
475
481
|
|
|
482
|
+
declare const IconHighlighterColorSelection: IconComponentType;
|
|
483
|
+
|
|
476
484
|
declare const IconHighlighterUnderline: IconComponentType;
|
|
477
485
|
|
|
478
486
|
declare const IconHighlighter: IconComponentType;
|
|
@@ -643,6 +651,8 @@ declare const IconPause: IconComponentType;
|
|
|
643
651
|
|
|
644
652
|
declare const IconPdf: IconComponentType;
|
|
645
653
|
|
|
654
|
+
declare const IconPenColorSelection: IconComponentType;
|
|
655
|
+
|
|
646
656
|
declare const IconPenTip: IconComponentType;
|
|
647
657
|
|
|
648
658
|
declare const IconPenUnderline: IconComponentType;
|
|
@@ -965,8 +975,14 @@ declare const IconTag: IconComponentType;
|
|
|
965
975
|
|
|
966
976
|
declare const IconTasks: IconComponentType;
|
|
967
977
|
|
|
978
|
+
declare const IconTextAColorSelection: IconComponentType;
|
|
979
|
+
|
|
980
|
+
declare const IconTextAHorizontal: IconComponentType;
|
|
981
|
+
|
|
968
982
|
declare const IconTextAUnderline: IconComponentType;
|
|
969
983
|
|
|
984
|
+
declare const IconTextAVertical: IconComponentType;
|
|
985
|
+
|
|
970
986
|
declare const IconTextAa: IconComponentType;
|
|
971
987
|
|
|
972
988
|
declare const IconTextAlignCenter: IconComponentType;
|
|
@@ -1089,4 +1105,4 @@ declare const IconWifiExclamation: IconComponentType;
|
|
|
1089
1105
|
|
|
1090
1106
|
declare const IconWifi: IconComponentType;
|
|
1091
1107
|
|
|
1092
|
-
export { IconActivity, IconAddLineBottom, IconAddLineRight, IconAiText, IconAlignBottom, IconAlignBottomGroup, IconAlignCenterHorizontal, IconAlignCenterVertical, IconAlignLeft, IconAlignMiddle, IconAlignRight, IconAlignTop, IconAlignTopGroup, IconAlignmentScale, IconArrowArcLeft, IconArrowArcRight, IconArrowBendUpLeft, IconArrowBendUpRight, IconArrowBoxOut, IconArrowClockwiseDownRight, IconArrowClockwiseUpLeft, IconArrowCounterClockwiseDownLeft, IconArrowCounterClockwiseUpRight, IconArrowCurvesBottomRight, IconArrowDown, IconArrowDownLeft, IconArrowDownRight, IconArrowElbowDownRight, IconArrowFatLeft, IconArrowFatLeftRight, IconArrowFatRight, IconArrowFatUpRight, IconArrowLeft, 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.
|
|
3
|
+
"version": "0.71.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -34,9 +34,9 @@
|
|
|
34
34
|
"@mirohq/design-system-base-icon": "^0.1.33",
|
|
35
35
|
"@mirohq/design-system-experiments": "^0.4.0",
|
|
36
36
|
"@mirohq/design-system-primitive": "^1.1.2",
|
|
37
|
+
"@mirohq/design-system-use-local-storage": "^0.3.11",
|
|
37
38
|
"@mirohq/design-system-stitches": "^2.6.36",
|
|
38
|
-
"@mirohq/design-system-utils": "^0.15.6"
|
|
39
|
-
"@mirohq/design-system-use-local-storage": "^0.3.11"
|
|
39
|
+
"@mirohq/design-system-utils": "^0.15.6"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@figma/code-connect": "1.1.4",
|
|
@@ -0,0 +1,42 @@
|
|
|
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 IconAltText: 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
|
+
strokeWidth='var(--svg-stroke-width)'
|
|
30
|
+
d='M12 8v7h4M16 9h6M19 9v7'
|
|
31
|
+
/>,
|
|
32
|
+
<path
|
|
33
|
+
fill='currentColor'
|
|
34
|
+
fillRule='evenodd'
|
|
35
|
+
d='m4.077 16 .6-1.5h2.6459l.6 1.5h2.154l-3.1485-7.8714h-1.857l-3.1485 7.8714h2.154Zm2.4459-3.5h-1.046l.523-1.3074.523 1.3074Z'
|
|
36
|
+
clipRule='evenodd'
|
|
37
|
+
/>
|
|
38
|
+
)
|
|
39
|
+
}
|
|
40
|
+
)
|
|
41
|
+
|
|
42
|
+
IconAltText[iconSymbol] = true
|
|
@@ -0,0 +1,52 @@
|
|
|
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 IconArrowLeftRightDotted: 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
|
+
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
|
+
/>,
|
|
31
|
+
<path
|
|
32
|
+
stroke='currentColor'
|
|
33
|
+
strokeLinejoin='bevel'
|
|
34
|
+
strokeWidth='var(--svg-stroke-width)'
|
|
35
|
+
d='m9 15.5-3.25-3.5 3.25-3.5'
|
|
36
|
+
/>,
|
|
37
|
+
<path
|
|
38
|
+
stroke='currentColor'
|
|
39
|
+
strokeWidth='var(--svg-stroke-width)'
|
|
40
|
+
d='M11 12h-4.5'
|
|
41
|
+
/>,
|
|
42
|
+
<path
|
|
43
|
+
fill='currentColor'
|
|
44
|
+
fillRule='evenodd'
|
|
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
|
+
clipRule='evenodd'
|
|
47
|
+
/>
|
|
48
|
+
)
|
|
49
|
+
}
|
|
50
|
+
)
|
|
51
|
+
|
|
52
|
+
IconArrowLeftRightDotted[iconSymbol] = true
|
package/react/clustered.tsx
CHANGED
|
@@ -26,7 +26,7 @@ export const IconClusteredNew: IconComponentType = forwardRef(
|
|
|
26
26
|
<path
|
|
27
27
|
fill='currentColor'
|
|
28
28
|
fillRule='evenodd'
|
|
29
|
-
d='
|
|
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} />,
|
package/react/hand-filled.tsx
CHANGED
|
@@ -26,7 +26,7 @@ export const IconHandFilledNew: IconComponentType = forwardRef(
|
|
|
26
26
|
<path
|
|
27
27
|
fill='currentColor'
|
|
28
28
|
fillRule='evenodd'
|
|
29
|
-
d='
|
|
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='
|
|
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='
|
|
39
|
+
d='m13 6 5 5'
|
|
46
40
|
/>
|
|
47
41
|
)
|
|
48
42
|
}
|
package/react/index.ts
CHANGED
|
@@ -12,6 +12,7 @@ export { IconAlignRight } from './align-right'
|
|
|
12
12
|
export { IconAlignTopGroup } from './align-top-group'
|
|
13
13
|
export { IconAlignTop } from './align-top'
|
|
14
14
|
export { IconAlignmentScale } from './alignment-scale'
|
|
15
|
+
export { IconAltText } from './alt-text'
|
|
15
16
|
export { IconArrowArcLeft } from './arrow-arc-left'
|
|
16
17
|
export { IconArrowArcRight } from './arrow-arc-right'
|
|
17
18
|
export { IconArrowBendUpLeft } from './arrow-bend-up-left'
|
|
@@ -30,6 +31,7 @@ export { IconArrowFatLeftRight } from './arrow-fat-left-right'
|
|
|
30
31
|
export { IconArrowFatLeft } from './arrow-fat-left'
|
|
31
32
|
export { IconArrowFatRight } from './arrow-fat-right'
|
|
32
33
|
export { IconArrowFatUpRight } from './arrow-fat-up-right'
|
|
34
|
+
export { IconArrowLeftRightDotted } from './arrow-left-right-dotted'
|
|
33
35
|
export { IconArrowLeft } from './arrow-left'
|
|
34
36
|
export { IconArrowRight } from './arrow-right'
|
|
35
37
|
export { IconArrowUpCircle } from './arrow-up-circle'
|
|
@@ -208,12 +210,14 @@ export { IconGridSix } from './grid-six'
|
|
|
208
210
|
export { IconGrid } from './grid'
|
|
209
211
|
export { IconHandFilled } from './hand-filled'
|
|
210
212
|
export { IconHandPointing } from './hand-pointing'
|
|
213
|
+
export { IconHandRaisedFilled } from './hand-raised-filled'
|
|
211
214
|
export { IconHand } from './hand'
|
|
212
215
|
export { IconHeadphones } from './headphones'
|
|
213
216
|
export { IconHeadsetPerson } from './headset-person'
|
|
214
217
|
export { IconHeartFilled } from './heart-filled'
|
|
215
218
|
export { IconHeart } from './heart'
|
|
216
219
|
export { IconHexagon } from './hexagon'
|
|
220
|
+
export { IconHighlighterColorSelection } from './highlighter-color-selection'
|
|
217
221
|
export { IconHighlighterUnderline } from './highlighter-underline'
|
|
218
222
|
export { IconHighlighter } from './highlighter'
|
|
219
223
|
export { IconHouse } from './house'
|
|
@@ -299,6 +303,7 @@ export { IconParallelogram } from './parallelogram'
|
|
|
299
303
|
export { IconPauseCircle } from './pause-circle'
|
|
300
304
|
export { IconPause } from './pause'
|
|
301
305
|
export { IconPdf } from './pdf'
|
|
306
|
+
export { IconPenColorSelection } from './pen-color-selection'
|
|
302
307
|
export { IconPenTip } from './pen-tip'
|
|
303
308
|
export { IconPenUnderline } from './pen-underline'
|
|
304
309
|
export { IconPen } from './pen'
|
|
@@ -460,7 +465,10 @@ export { IconTable } from './table'
|
|
|
460
465
|
export { IconTablet } from './tablet'
|
|
461
466
|
export { IconTag } from './tag'
|
|
462
467
|
export { IconTasks } from './tasks'
|
|
468
|
+
export { IconTextAColorSelection } from './text-a-color-selection'
|
|
469
|
+
export { IconTextAHorizontal } from './text-a-horizontal'
|
|
463
470
|
export { IconTextAUnderline } from './text-a-underline'
|
|
471
|
+
export { IconTextAVertical } from './text-a-vertical'
|
|
464
472
|
export { IconTextAa } from './text-aa'
|
|
465
473
|
export { IconTextAlignCenter } from './text-align-center'
|
|
466
474
|
export { IconTextAlignLeft } from './text-align-left'
|
package/react/lightning.tsx
CHANGED
|
@@ -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
|
|
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='
|
|
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
|
|
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='
|
|
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='
|
|
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='
|
|
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={
|
|
28
|
-
height={
|
|
29
|
-
x={
|
|
30
|
-
y={
|
|
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='
|
|
39
|
+
d='M3 6c0-1.6569 1.3431-3 3-3h5v7h-8v-4Z'
|
|
40
40
|
/>
|
|
41
41
|
)
|
|
42
42
|
})
|