@mirohq/design-system-icons 0.56.0 → 0.58.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 +358 -25
- package/dist/main.js.map +1 -1
- package/dist/module.js +358 -26
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +3 -1
- package/package.json +4 -2
- package/react/arrow-down.tsx +52 -4
- package/react/arrow-fat-right.tsx +46 -4
- package/react/arrow-left.tsx +52 -4
- package/react/arrow-right.tsx +52 -4
- package/react/arrows-in-simple.tsx +53 -4
- package/react/clock-counter-clockwise.tsx +46 -4
- package/react/diagramming-format.tsx +1 -1
- package/react/index.ts +1 -0
- package/react/monitor-arrow-up.tsx +38 -0
- package/svg/24/arrow-down-new.svg +2 -0
- package/svg/24/arrow-down.svg +1 -1
- package/svg/24/arrow-fat-right-new.svg +2 -0
- package/svg/24/arrow-left-new.svg +2 -0
- package/svg/24/arrow-right-new.svg +2 -0
- package/svg/24/arrows-in-simple-new.svg +2 -0
- package/svg/24/clock-counter-clockwise-new.svg +2 -0
- package/svg/24/diagramming-format.svg +1 -1
- package/svg/24/monitor-arrow-up.svg +2 -0
- package/svg/meta.json +4172 -4163
package/dist/types.d.ts
CHANGED
|
@@ -537,6 +537,8 @@ declare const IconMinus: IconComponentType;
|
|
|
537
537
|
|
|
538
538
|
declare const IconMobile: IconComponentType;
|
|
539
539
|
|
|
540
|
+
declare const IconMonitorArrowUp: IconComponentType;
|
|
541
|
+
|
|
540
542
|
declare const IconMonitorArrow: IconComponentType;
|
|
541
543
|
|
|
542
544
|
declare const IconMonitorPause: IconComponentType;
|
|
@@ -1029,4 +1031,4 @@ declare const IconWifiExclamation: IconComponentType;
|
|
|
1029
1031
|
|
|
1030
1032
|
declare const IconWifi: IconComponentType;
|
|
1031
1033
|
|
|
1032
|
-
export { IconActivity, IconAddLineBottom, IconAddLineRight, IconAiText, IconAlignBottom, IconAlignCenterHorizontal, IconAlignCenterVertical, IconAlignLeft, IconAlignRight, IconAlignTop, 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, IconArrowsInSimple, IconArrowsOutCardinal, IconArrowsOutLinesHorizontal, IconArrowsOutSimple, IconArrowsSquareCounterClockwiseY, IconArrowsTimeBackward, IconArrowsTimeForward, IconArticle, IconAt, IconBadge, IconBarrel, IconBell, IconBellSlash, IconBellTilt, IconBoard, IconBookOpenInfo, IconBookmark, IconBoxCaptions, IconBracketCurlyLeft, IconBracketCurlyRight, IconBracketsAngleSlash, IconBracketsCurlyCirclesThree, IconBrush, IconCalendarBlank, IconCamera, IconCard, IconCardCircles, IconCardNumberThree, IconCardsPoker, IconChartBarY, IconChartBarYSimple, IconChat, IconChatCheck, IconChatDashesLinesTwo, IconChatLinesCross, IconChatLinesDot, IconChatLinesEyeOpen, IconChatLinesTwo, IconChatLinesTwoStack, IconChatPlus, IconChatTextArrow, IconChatTwo, IconCheckMark, IconCheckboardSquareCentered, IconChevronDown, IconChevronDownDouble, IconChevronLeft, IconChevronLeftDouble, IconChevronRight, IconChevronRightDouble, IconChevronRightSmall, IconChevronUp, IconChevronUpDouble, IconChevronUpDown, IconChevronUpDownLine, IconCircle, IconCircleCorners, IconCircleMotionX, IconCircleNotch, IconCircleSlash, IconCirclesConnected, IconClock, IconClockCounterClockwise, IconClockCounterClockwiseSimple, IconClockOvertime, IconCloud, IconCluster, IconClustered, IconCog, IconCoins, IconCoinsChecked, IconCoinsSlash, IconColumnsFormat, IconColumnsThree, IconCommentGroup, IconComponentType, IconConeSerpentine, IconConnectionLineElbows, IconConnectionLineStraight, IconCornersThreeEyeOpen, IconCounter, IconCreditCard, IconCrop, IconCross, IconCrossCircle, IconCrossFat, IconCrossSquare, IconCube, IconCursor, IconCursorFilled, IconCursorLines, IconCursorText, IconCursorTextLines, IconCurveSquareCircleArrow, IconDashLeftDownSquareDashRightUp, IconDashLeftUpSquareDashDownRight, IconDashSquareDashHorizontal, IconDashSquareDashVertical, IconDiagramCardLarge1, IconDiagramCardLarge2, IconDiagramCardLarge3, IconDiagramCardLarge4, IconDiagramCardMagnifyingGlass, IconDiagramCardSmall1, IconDiagramCardSmall2, IconDiagramCardSmall3, IconDiagramCardTeam, IconDiagramCardUser, 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, 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, IconMonitorPause, IconMonitorPlay, IconMonitorStop, IconMoon, IconMouse, IconMusicNote, IconNavigationArrowLines, IconNavigationUpLeftFilled, IconNavigationUpLeftSlash, IconNavigationUpRight, IconNext, IconNodeConnectedDot, IconNodeLinesCurved, IconNodeLinesHorizontal, IconNodeLinesVertical, IconNodePlus, IconNodesConnected, IconNodesConnectionsThree, IconNoteMagnifyingGlass, IconNotepad, IconOctagon, IconOffice, IconOrgChart, IconOrientationHorizontal, IconOrientationVertical, IconPaintBucket, IconPalette, IconPaperPlaneFilledRight, IconPaperPlaneTilt, IconParallelogram, IconPause, IconPauseCircle, IconPdf, IconPen, IconPenTip, IconPenUnderline, IconPentagon, IconPeopleList, IconPersonInCircle, 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, IconRectangleArrowUpCenter, IconRectangleDashLines, IconRectangleDotLarge, IconRectangleDotLinePen, IconRectangleDotMedium, IconRectangleDotSmall, IconRectangleFrame2Lines, IconRectangleLine, IconRectanglePlayStack, IconRectanglePortrait, IconRectanglePortraitDash, IconRectanglePortraitDashSquareTopCenter, IconRectanglePortraitDashSquareTopLeft, IconRectanglePortraitFilled, IconRectanglePortraitSquareTopLeft, IconRectangleTick, IconRectangleTriangleBottomCenter, IconRectanglesThreeAligned, IconRectanglesThreeFree, IconRectanglesThreeOverlap, IconRectanglesTwoLine, IconRectanglesTwoLinesFour, IconRectanglesTwoMinus, IconRectanglesTwoPlus, IconRectanglesTwoUser, IconRhombus, IconRocket, IconRss, IconRssRectangle, IconScissors, IconScrollbarXy, IconShadow, IconShapes, IconShapesLines, 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, IconTag, IconTasks, IconTextAUnderline, IconTextAa, IconTextAlignCenter, IconTextAlignLeft, IconTextAlignRight, IconTextBBold, IconTextBBoldItalicUnderlined, IconTextCursorEyeOpen, IconTextHOne, IconTextHThree, IconTextHTwo, IconTextIItalic, IconTextIndent, IconTextLineHeight, IconTextLinesThree, 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, IconWifi, IconWifiExclamation };
|
|
1034
|
+
export { IconActivity, IconAddLineBottom, IconAddLineRight, IconAiText, IconAlignBottom, IconAlignCenterHorizontal, IconAlignCenterVertical, IconAlignLeft, IconAlignRight, IconAlignTop, 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, IconArrowsInSimple, IconArrowsOutCardinal, IconArrowsOutLinesHorizontal, IconArrowsOutSimple, IconArrowsSquareCounterClockwiseY, IconArrowsTimeBackward, IconArrowsTimeForward, IconArticle, IconAt, IconBadge, IconBarrel, IconBell, IconBellSlash, IconBellTilt, IconBoard, IconBookOpenInfo, IconBookmark, IconBoxCaptions, IconBracketCurlyLeft, IconBracketCurlyRight, IconBracketsAngleSlash, IconBracketsCurlyCirclesThree, IconBrush, IconCalendarBlank, IconCamera, IconCard, IconCardCircles, IconCardNumberThree, IconCardsPoker, IconChartBarY, IconChartBarYSimple, IconChat, IconChatCheck, IconChatDashesLinesTwo, IconChatLinesCross, IconChatLinesDot, IconChatLinesEyeOpen, IconChatLinesTwo, IconChatLinesTwoStack, IconChatPlus, IconChatTextArrow, IconChatTwo, IconCheckMark, IconCheckboardSquareCentered, IconChevronDown, IconChevronDownDouble, IconChevronLeft, IconChevronLeftDouble, IconChevronRight, IconChevronRightDouble, IconChevronRightSmall, IconChevronUp, IconChevronUpDouble, IconChevronUpDown, IconChevronUpDownLine, IconCircle, IconCircleCorners, IconCircleMotionX, IconCircleNotch, IconCircleSlash, IconCirclesConnected, IconClock, IconClockCounterClockwise, IconClockCounterClockwiseSimple, IconClockOvertime, IconCloud, IconCluster, IconClustered, IconCog, IconCoins, IconCoinsChecked, IconCoinsSlash, IconColumnsFormat, IconColumnsThree, IconCommentGroup, IconComponentType, IconConeSerpentine, IconConnectionLineElbows, IconConnectionLineStraight, IconCornersThreeEyeOpen, IconCounter, IconCreditCard, IconCrop, IconCross, IconCrossCircle, IconCrossFat, IconCrossSquare, IconCube, IconCursor, IconCursorFilled, IconCursorLines, IconCursorText, IconCursorTextLines, IconCurveSquareCircleArrow, IconDashLeftDownSquareDashRightUp, IconDashLeftUpSquareDashDownRight, IconDashSquareDashHorizontal, IconDashSquareDashVertical, IconDiagramCardLarge1, IconDiagramCardLarge2, IconDiagramCardLarge3, IconDiagramCardLarge4, IconDiagramCardMagnifyingGlass, IconDiagramCardSmall1, IconDiagramCardSmall2, IconDiagramCardSmall3, IconDiagramCardTeam, IconDiagramCardUser, 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, 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, IconOctagon, IconOffice, IconOrgChart, IconOrientationHorizontal, IconOrientationVertical, IconPaintBucket, IconPalette, IconPaperPlaneFilledRight, IconPaperPlaneTilt, IconParallelogram, IconPause, IconPauseCircle, IconPdf, IconPen, IconPenTip, IconPenUnderline, IconPentagon, IconPeopleList, IconPersonInCircle, 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, IconRectangleArrowUpCenter, IconRectangleDashLines, IconRectangleDotLarge, IconRectangleDotLinePen, IconRectangleDotMedium, IconRectangleDotSmall, IconRectangleFrame2Lines, IconRectangleLine, IconRectanglePlayStack, IconRectanglePortrait, IconRectanglePortraitDash, IconRectanglePortraitDashSquareTopCenter, IconRectanglePortraitDashSquareTopLeft, IconRectanglePortraitFilled, IconRectanglePortraitSquareTopLeft, IconRectangleTick, IconRectangleTriangleBottomCenter, IconRectanglesThreeAligned, IconRectanglesThreeFree, IconRectanglesThreeOverlap, IconRectanglesTwoLine, IconRectanglesTwoLinesFour, IconRectanglesTwoMinus, IconRectanglesTwoPlus, IconRectanglesTwoUser, IconRhombus, IconRocket, IconRss, IconRssRectangle, IconScissors, IconScrollbarXy, IconShadow, IconShapes, IconShapesLines, 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, IconTag, IconTasks, IconTextAUnderline, IconTextAa, IconTextAlignCenter, IconTextAlignLeft, IconTextAlignRight, IconTextBBold, IconTextBBoldItalicUnderlined, IconTextCursorEyeOpen, IconTextHOne, IconTextHThree, IconTextHTwo, IconTextIItalic, IconTextIndent, IconTextLineHeight, IconTextLinesThree, 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, 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.58.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -32,9 +32,10 @@
|
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@mirohq/design-system-base-icon": "^0.1.33",
|
|
35
|
+
"@mirohq/design-system-experiments": "^0.2.0",
|
|
35
36
|
"@mirohq/design-system-primitive": "^1.1.2",
|
|
36
|
-
"@mirohq/design-system-use-local-storage": "^0.3.11",
|
|
37
37
|
"@mirohq/design-system-stitches": "^2.6.25",
|
|
38
|
+
"@mirohq/design-system-use-local-storage": "^0.3.11",
|
|
38
39
|
"@mirohq/design-system-utils": "^0.15.4"
|
|
39
40
|
},
|
|
40
41
|
"devDependencies": {
|
|
@@ -53,6 +54,7 @@
|
|
|
53
54
|
"scripts": {
|
|
54
55
|
"build": "rollup -c ../../rollup.config.js",
|
|
55
56
|
"clean": "rm -rf dist",
|
|
57
|
+
"design-language-merge-old-new-icons": "node scripts/design-language/cli.mjs",
|
|
56
58
|
"figma-sync": "node scripts/figma-sync/cli.mjs",
|
|
57
59
|
"prebuild": "pnpm clean",
|
|
58
60
|
"svg-to-react": "rm -rf react && svgr svg/24"
|
package/react/arrow-down.tsx
CHANGED
|
@@ -5,21 +5,20 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
+
import { useNewDesignLanguage } from '@mirohq/design-system-experiments'
|
|
8
9
|
|
|
9
10
|
import { StyledIcon } from '../src/icon'
|
|
10
11
|
import type { IconComponentType } from '../src/icon'
|
|
11
12
|
|
|
12
|
-
export const
|
|
13
|
-
(
|
|
13
|
+
export const IconArrowDownNew: IconComponentType = forwardRef(
|
|
14
|
+
(props, forwardRef) => {
|
|
14
15
|
const [debug] = useLocalStorage('DEBUG_ICON', false)
|
|
15
16
|
return createElement(
|
|
16
17
|
StyledIcon,
|
|
17
18
|
{
|
|
18
19
|
...props,
|
|
19
|
-
weight,
|
|
20
20
|
debug,
|
|
21
21
|
'aria-hidden': true,
|
|
22
|
-
size,
|
|
23
22
|
viewBox: '0 0 24 24',
|
|
24
23
|
fill: 'none',
|
|
25
24
|
ref: forwardRef,
|
|
@@ -39,4 +38,53 @@ export const IconArrowDown: IconComponentType = forwardRef(
|
|
|
39
38
|
}
|
|
40
39
|
)
|
|
41
40
|
|
|
41
|
+
export const IconArrowDownOld: IconComponentType = forwardRef(
|
|
42
|
+
(props, forwardRef) => {
|
|
43
|
+
const [debug] = useLocalStorage('DEBUG_ICON', false)
|
|
44
|
+
return createElement(
|
|
45
|
+
StyledIcon,
|
|
46
|
+
{
|
|
47
|
+
...props,
|
|
48
|
+
debug,
|
|
49
|
+
'aria-hidden': true,
|
|
50
|
+
viewBox: '0 0 24 24',
|
|
51
|
+
fill: 'none',
|
|
52
|
+
ref: forwardRef,
|
|
53
|
+
},
|
|
54
|
+
<path
|
|
55
|
+
stroke='currentColor'
|
|
56
|
+
strokeLinecap='round'
|
|
57
|
+
strokeWidth='var(--svg-stroke-width)'
|
|
58
|
+
d='M12 3v17.205m-6.9964-6.2033 6.9964 6.5983 7.0031-6.6044'
|
|
59
|
+
/>,
|
|
60
|
+
<path
|
|
61
|
+
stroke='currentColor'
|
|
62
|
+
strokeWidth='var(--svg-stroke-width)'
|
|
63
|
+
d='M12 12v.0001'
|
|
64
|
+
/>
|
|
65
|
+
)
|
|
66
|
+
}
|
|
67
|
+
)
|
|
68
|
+
|
|
69
|
+
export const IconArrowDown: IconComponentType = forwardRef(
|
|
70
|
+
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
71
|
+
const [v1] = useNewDesignLanguage()
|
|
72
|
+
return v1 ? (
|
|
73
|
+
<IconArrowDownNew
|
|
74
|
+
{...props}
|
|
75
|
+
size={size}
|
|
76
|
+
weight={weight}
|
|
77
|
+
ref={forwardRef}
|
|
78
|
+
/>
|
|
79
|
+
) : (
|
|
80
|
+
<IconArrowDownOld
|
|
81
|
+
{...props}
|
|
82
|
+
size={size}
|
|
83
|
+
weight={weight}
|
|
84
|
+
ref={forwardRef}
|
|
85
|
+
/>
|
|
86
|
+
)
|
|
87
|
+
}
|
|
88
|
+
)
|
|
89
|
+
|
|
42
90
|
IconArrowDown[iconSymbol] = true
|
|
@@ -5,21 +5,42 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
+
import { useNewDesignLanguage } from '@mirohq/design-system-experiments'
|
|
8
9
|
|
|
9
10
|
import { StyledIcon } from '../src/icon'
|
|
10
11
|
import type { IconComponentType } from '../src/icon'
|
|
11
12
|
|
|
12
|
-
export const
|
|
13
|
-
(
|
|
13
|
+
export const IconArrowFatRightNew: 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
|
+
stroke='currentColor'
|
|
28
|
+
strokeWidth='var(--svg-stroke-width)'
|
|
29
|
+
d='M11 7h-7.75a.25.25 0 0 0-.25.25v9.5a.25.25 0 0 0 .25.25h7.75v3.9367c0 .2167.257.3308.4177.1854l10.0823-9.1221-10.0823-9.122c-.1607-.1455-.4177-.0314-.4177.1853v3.9367ZM3 12v.0001'
|
|
30
|
+
/>
|
|
31
|
+
)
|
|
32
|
+
}
|
|
33
|
+
)
|
|
34
|
+
|
|
35
|
+
export const IconArrowFatRightOld: IconComponentType = forwardRef(
|
|
36
|
+
(props, forwardRef) => {
|
|
14
37
|
const [debug] = useLocalStorage('DEBUG_ICON', false)
|
|
15
38
|
return createElement(
|
|
16
39
|
StyledIcon,
|
|
17
40
|
{
|
|
18
41
|
...props,
|
|
19
|
-
weight,
|
|
20
42
|
debug,
|
|
21
43
|
'aria-hidden': true,
|
|
22
|
-
size,
|
|
23
44
|
viewBox: '0 0 24 24',
|
|
24
45
|
fill: 'none',
|
|
25
46
|
ref: forwardRef,
|
|
@@ -33,4 +54,25 @@ export const IconArrowFatRight: IconComponentType = forwardRef(
|
|
|
33
54
|
}
|
|
34
55
|
)
|
|
35
56
|
|
|
57
|
+
export const IconArrowFatRight: IconComponentType = forwardRef(
|
|
58
|
+
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
59
|
+
const [v1] = useNewDesignLanguage()
|
|
60
|
+
return v1 ? (
|
|
61
|
+
<IconArrowFatRightNew
|
|
62
|
+
{...props}
|
|
63
|
+
size={size}
|
|
64
|
+
weight={weight}
|
|
65
|
+
ref={forwardRef}
|
|
66
|
+
/>
|
|
67
|
+
) : (
|
|
68
|
+
<IconArrowFatRightOld
|
|
69
|
+
{...props}
|
|
70
|
+
size={size}
|
|
71
|
+
weight={weight}
|
|
72
|
+
ref={forwardRef}
|
|
73
|
+
/>
|
|
74
|
+
)
|
|
75
|
+
}
|
|
76
|
+
)
|
|
77
|
+
|
|
36
78
|
IconArrowFatRight[iconSymbol] = true
|
package/react/arrow-left.tsx
CHANGED
|
@@ -5,21 +5,48 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
+
import { useNewDesignLanguage } from '@mirohq/design-system-experiments'
|
|
8
9
|
|
|
9
10
|
import { StyledIcon } from '../src/icon'
|
|
10
11
|
import type { IconComponentType } from '../src/icon'
|
|
11
12
|
|
|
12
|
-
export const
|
|
13
|
-
(
|
|
13
|
+
export const IconArrowLeftNew: 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
|
+
stroke='currentColor'
|
|
28
|
+
strokeLinecap='round'
|
|
29
|
+
strokeWidth='var(--svg-stroke-width)'
|
|
30
|
+
d='M21 12h-17m6.41-7-7 7 7 7'
|
|
31
|
+
/>,
|
|
32
|
+
<path
|
|
33
|
+
stroke='currentColor'
|
|
34
|
+
strokeWidth='var(--svg-stroke-width)'
|
|
35
|
+
d='M12 12v.0001'
|
|
36
|
+
/>
|
|
37
|
+
)
|
|
38
|
+
}
|
|
39
|
+
)
|
|
40
|
+
|
|
41
|
+
export const IconArrowLeftOld: IconComponentType = forwardRef(
|
|
42
|
+
(props, forwardRef) => {
|
|
14
43
|
const [debug] = useLocalStorage('DEBUG_ICON', false)
|
|
15
44
|
return createElement(
|
|
16
45
|
StyledIcon,
|
|
17
46
|
{
|
|
18
47
|
...props,
|
|
19
|
-
weight,
|
|
20
48
|
debug,
|
|
21
49
|
'aria-hidden': true,
|
|
22
|
-
size,
|
|
23
50
|
viewBox: '0 0 24 24',
|
|
24
51
|
fill: 'none',
|
|
25
52
|
ref: forwardRef,
|
|
@@ -39,4 +66,25 @@ export const IconArrowLeft: IconComponentType = forwardRef(
|
|
|
39
66
|
}
|
|
40
67
|
)
|
|
41
68
|
|
|
69
|
+
export const IconArrowLeft: IconComponentType = forwardRef(
|
|
70
|
+
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
71
|
+
const [v1] = useNewDesignLanguage()
|
|
72
|
+
return v1 ? (
|
|
73
|
+
<IconArrowLeftNew
|
|
74
|
+
{...props}
|
|
75
|
+
size={size}
|
|
76
|
+
weight={weight}
|
|
77
|
+
ref={forwardRef}
|
|
78
|
+
/>
|
|
79
|
+
) : (
|
|
80
|
+
<IconArrowLeftOld
|
|
81
|
+
{...props}
|
|
82
|
+
size={size}
|
|
83
|
+
weight={weight}
|
|
84
|
+
ref={forwardRef}
|
|
85
|
+
/>
|
|
86
|
+
)
|
|
87
|
+
}
|
|
88
|
+
)
|
|
89
|
+
|
|
42
90
|
IconArrowLeft[iconSymbol] = true
|
package/react/arrow-right.tsx
CHANGED
|
@@ -5,21 +5,48 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
+
import { useNewDesignLanguage } from '@mirohq/design-system-experiments'
|
|
8
9
|
|
|
9
10
|
import { StyledIcon } from '../src/icon'
|
|
10
11
|
import type { IconComponentType } from '../src/icon'
|
|
11
12
|
|
|
12
|
-
export const
|
|
13
|
-
(
|
|
13
|
+
export const IconArrowRightNew: 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 25 24',
|
|
23
|
+
fill: 'none',
|
|
24
|
+
ref: forwardRef,
|
|
25
|
+
},
|
|
26
|
+
<path
|
|
27
|
+
stroke='currentColor'
|
|
28
|
+
strokeLinecap='round'
|
|
29
|
+
strokeWidth='var(--svg-stroke-width)'
|
|
30
|
+
d='M21 12h-17m10.59-7 7 7-7 7'
|
|
31
|
+
/>,
|
|
32
|
+
<path
|
|
33
|
+
stroke='currentColor'
|
|
34
|
+
strokeWidth='var(--svg-stroke-width)'
|
|
35
|
+
d='M1 0v.0001'
|
|
36
|
+
/>
|
|
37
|
+
)
|
|
38
|
+
}
|
|
39
|
+
)
|
|
40
|
+
|
|
41
|
+
export const IconArrowRightOld: IconComponentType = forwardRef(
|
|
42
|
+
(props, forwardRef) => {
|
|
14
43
|
const [debug] = useLocalStorage('DEBUG_ICON', false)
|
|
15
44
|
return createElement(
|
|
16
45
|
StyledIcon,
|
|
17
46
|
{
|
|
18
47
|
...props,
|
|
19
|
-
weight,
|
|
20
48
|
debug,
|
|
21
49
|
'aria-hidden': true,
|
|
22
|
-
size,
|
|
23
50
|
viewBox: '0 0 25 24',
|
|
24
51
|
fill: 'none',
|
|
25
52
|
ref: forwardRef,
|
|
@@ -39,4 +66,25 @@ export const IconArrowRight: IconComponentType = forwardRef(
|
|
|
39
66
|
}
|
|
40
67
|
)
|
|
41
68
|
|
|
69
|
+
export const IconArrowRight: IconComponentType = forwardRef(
|
|
70
|
+
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
71
|
+
const [v1] = useNewDesignLanguage()
|
|
72
|
+
return v1 ? (
|
|
73
|
+
<IconArrowRightNew
|
|
74
|
+
{...props}
|
|
75
|
+
size={size}
|
|
76
|
+
weight={weight}
|
|
77
|
+
ref={forwardRef}
|
|
78
|
+
/>
|
|
79
|
+
) : (
|
|
80
|
+
<IconArrowRightOld
|
|
81
|
+
{...props}
|
|
82
|
+
size={size}
|
|
83
|
+
weight={weight}
|
|
84
|
+
ref={forwardRef}
|
|
85
|
+
/>
|
|
86
|
+
)
|
|
87
|
+
}
|
|
88
|
+
)
|
|
89
|
+
|
|
42
90
|
IconArrowRight[iconSymbol] = true
|
|
@@ -5,21 +5,20 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
+
import { useNewDesignLanguage } from '@mirohq/design-system-experiments'
|
|
8
9
|
|
|
9
10
|
import { StyledIcon } from '../src/icon'
|
|
10
11
|
import type { IconComponentType } from '../src/icon'
|
|
11
12
|
|
|
12
|
-
export const
|
|
13
|
-
(
|
|
13
|
+
export const IconArrowsInSimpleNew: IconComponentType = forwardRef(
|
|
14
|
+
(props, forwardRef) => {
|
|
14
15
|
const [debug] = useLocalStorage('DEBUG_ICON', false)
|
|
15
16
|
return createElement(
|
|
16
17
|
StyledIcon,
|
|
17
18
|
{
|
|
18
19
|
...props,
|
|
19
|
-
weight,
|
|
20
20
|
debug,
|
|
21
21
|
'aria-hidden': true,
|
|
22
|
-
size,
|
|
23
22
|
viewBox: '0 0 24 24',
|
|
24
23
|
fill: 'none',
|
|
25
24
|
ref: forwardRef,
|
|
@@ -40,4 +39,54 @@ export const IconArrowsInSimple: IconComponentType = forwardRef(
|
|
|
40
39
|
}
|
|
41
40
|
)
|
|
42
41
|
|
|
42
|
+
export const IconArrowsInSimpleOld: IconComponentType = forwardRef(
|
|
43
|
+
(props, forwardRef) => {
|
|
44
|
+
const [debug] = useLocalStorage('DEBUG_ICON', false)
|
|
45
|
+
return createElement(
|
|
46
|
+
StyledIcon,
|
|
47
|
+
{
|
|
48
|
+
...props,
|
|
49
|
+
debug,
|
|
50
|
+
'aria-hidden': true,
|
|
51
|
+
viewBox: '0 0 24 24',
|
|
52
|
+
fill: 'none',
|
|
53
|
+
ref: forwardRef,
|
|
54
|
+
},
|
|
55
|
+
<path
|
|
56
|
+
stroke='currentColor'
|
|
57
|
+
strokeLinecap='round'
|
|
58
|
+
strokeLinejoin='round'
|
|
59
|
+
strokeWidth='var(--svg-stroke-width)'
|
|
60
|
+
d='m21 3-7 7m0 0v-5m0 5h5m-16 11 7-7m0 0v5m0-5h-5'
|
|
61
|
+
/>,
|
|
62
|
+
<path
|
|
63
|
+
stroke='currentColor'
|
|
64
|
+
strokeWidth='var(--svg-stroke-width)'
|
|
65
|
+
d='M16 8v.0001'
|
|
66
|
+
/>
|
|
67
|
+
)
|
|
68
|
+
}
|
|
69
|
+
)
|
|
70
|
+
|
|
71
|
+
export const IconArrowsInSimple: IconComponentType = forwardRef(
|
|
72
|
+
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
73
|
+
const [v1] = useNewDesignLanguage()
|
|
74
|
+
return v1 ? (
|
|
75
|
+
<IconArrowsInSimpleNew
|
|
76
|
+
{...props}
|
|
77
|
+
size={size}
|
|
78
|
+
weight={weight}
|
|
79
|
+
ref={forwardRef}
|
|
80
|
+
/>
|
|
81
|
+
) : (
|
|
82
|
+
<IconArrowsInSimpleOld
|
|
83
|
+
{...props}
|
|
84
|
+
size={size}
|
|
85
|
+
weight={weight}
|
|
86
|
+
ref={forwardRef}
|
|
87
|
+
/>
|
|
88
|
+
)
|
|
89
|
+
}
|
|
90
|
+
)
|
|
91
|
+
|
|
43
92
|
IconArrowsInSimple[iconSymbol] = true
|
|
@@ -5,21 +5,42 @@
|
|
|
5
5
|
import React, { forwardRef, createElement } from 'react'
|
|
6
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
7
|
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
+
import { useNewDesignLanguage } from '@mirohq/design-system-experiments'
|
|
8
9
|
|
|
9
10
|
import { StyledIcon } from '../src/icon'
|
|
10
11
|
import type { IconComponentType } from '../src/icon'
|
|
11
12
|
|
|
12
|
-
export const
|
|
13
|
-
(
|
|
13
|
+
export const IconClockCounterClockwiseNew: 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='m4.0696 13.1237.1237.9924 1.9847-.2475-.1238-.9923-1.9846.2474Zm.9304 1.8763-.7071.7071h1.4142l-.7071-.7071Zm8 6c4.9706 0 9-4.0294 9-9h-2c0 3.866-3.134 7-7 7v2Zm9-9c0-4.9706-4.0294-9-9-9v2c3.866 0 7 3.134 7 7h2Zm-9-9c-4.9706 0-9 4.0294-9 9h2c0-3.866 3.134-7 7-7v-2Zm-9 9c0 .3801.0236.7552.0696 1.1237l1.9846-.2474a7.079 7.079 0 0 1-.0542-.8763h-2Zm1.7071 3.7071 3-3-1.4142-1.4142-3 3 1.4142 1.4142Zm0-1.4142-3-3-1.4142 1.4142 3 3 1.4142-1.4142Z'
|
|
29
|
+
/>,
|
|
30
|
+
<circle cx={13} cy={12} r={2} fill='currentColor' />
|
|
31
|
+
)
|
|
32
|
+
}
|
|
33
|
+
)
|
|
34
|
+
|
|
35
|
+
export const IconClockCounterClockwiseOld: IconComponentType = forwardRef(
|
|
36
|
+
(props, forwardRef) => {
|
|
14
37
|
const [debug] = useLocalStorage('DEBUG_ICON', false)
|
|
15
38
|
return createElement(
|
|
16
39
|
StyledIcon,
|
|
17
40
|
{
|
|
18
41
|
...props,
|
|
19
|
-
weight,
|
|
20
42
|
debug,
|
|
21
43
|
'aria-hidden': true,
|
|
22
|
-
size,
|
|
23
44
|
viewBox: '0 0 24 24',
|
|
24
45
|
fill: 'none',
|
|
25
46
|
ref: forwardRef,
|
|
@@ -40,4 +61,25 @@ export const IconClockCounterClockwise: IconComponentType = forwardRef(
|
|
|
40
61
|
}
|
|
41
62
|
)
|
|
42
63
|
|
|
64
|
+
export const IconClockCounterClockwise: IconComponentType = forwardRef(
|
|
65
|
+
({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
|
|
66
|
+
const [v1] = useNewDesignLanguage()
|
|
67
|
+
return v1 ? (
|
|
68
|
+
<IconClockCounterClockwiseNew
|
|
69
|
+
{...props}
|
|
70
|
+
size={size}
|
|
71
|
+
weight={weight}
|
|
72
|
+
ref={forwardRef}
|
|
73
|
+
/>
|
|
74
|
+
) : (
|
|
75
|
+
<IconClockCounterClockwiseOld
|
|
76
|
+
{...props}
|
|
77
|
+
size={size}
|
|
78
|
+
weight={weight}
|
|
79
|
+
ref={forwardRef}
|
|
80
|
+
/>
|
|
81
|
+
)
|
|
82
|
+
}
|
|
83
|
+
)
|
|
84
|
+
|
|
43
85
|
IconClockCounterClockwise[iconSymbol] = true
|
|
@@ -27,7 +27,7 @@ export const IconDiagrammingFormat: IconComponentType = forwardRef(
|
|
|
27
27
|
<path
|
|
28
28
|
fill='currentColor'
|
|
29
29
|
fillRule='evenodd'
|
|
30
|
-
d='M13 4.5c0-1.3807 1.1193-2.5 2.5-2.5h4c1.3807 0 2.5 1.1193 2.5 2.5v4c0 1.3807-1.1193 2.5-2.5 2.5h-4c-1.3807 0-2.5-1.1193-2.5-2.5v-1h-2c-2.2091 0-4 1.7909-4 4v.5c2.419 0 4.4367 1.7178 4.9 4h6.
|
|
30
|
+
d='M13 4.5c0-1.3807 1.1193-2.5 2.5-2.5h4c1.3807 0 2.5 1.1193 2.5 2.5v4c0 1.3807-1.1193 2.5-2.5 2.5h-4c-1.3807 0-2.5-1.1193-2.5-2.5v-1h-2c-2.2091 0-4 1.7909-4 4v.5c2.419 0 4.4367 1.7178 4.9 4h6.6265l-2.1437-1.7117 1.2341-1.5768 4.3833 3.5001c.2387.1906.378.481.378.7884 0 .3073-.1393.5978-.378.7884l-4.3833 3.4999-1.2341-1.5768 2.1435-1.7115h-6.6263c-.4633 2.2822-2.481 4-4.9 4-2.7614 0-5-2.2386-5-5 0-2.0503 1.2341-3.8124 3-4.584v-.916c0-3.3137 2.6863-6 6-6h2v-1Zm2.5-.5a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5h-4Zm-8.5 10c-1.6569 0-3 1.3431-3 3s1.3431 3 3 3 3-1.3431 3-3-1.3431-3-3-3Z'
|
|
31
31
|
clipRule='evenodd'
|
|
32
32
|
/>
|
|
33
33
|
)
|
package/react/index.ts
CHANGED
|
@@ -246,6 +246,7 @@ export { IconMicrophoneSlash } from './microphone-slash'
|
|
|
246
246
|
export { IconMicrophone } from './microphone'
|
|
247
247
|
export { IconMinus } from './minus'
|
|
248
248
|
export { IconMobile } from './mobile'
|
|
249
|
+
export { IconMonitorArrowUp } from './monitor-arrow-up'
|
|
249
250
|
export { IconMonitorArrow } from './monitor-arrow'
|
|
250
251
|
export { IconMonitorPause } from './monitor-pause'
|
|
251
252
|
export { IconMonitorPlay } from './monitor-play'
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* DO NOT MODIFY THIS FILE.
|
|
3
|
+
* This file was generated by sync icons utility.
|
|
4
|
+
*/
|
|
5
|
+
import React, { forwardRef, createElement } from 'react'
|
|
6
|
+
import { iconSymbol } from '@mirohq/design-system-base-icon'
|
|
7
|
+
import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
|
|
8
|
+
|
|
9
|
+
import { StyledIcon } from '../src/icon'
|
|
10
|
+
import type { IconComponentType } from '../src/icon'
|
|
11
|
+
|
|
12
|
+
export const IconMonitorArrowUp: 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
|
+
strokeLinecap='round'
|
|
30
|
+
strokeLinejoin='round'
|
|
31
|
+
strokeWidth='var(--svg-stroke-width)'
|
|
32
|
+
d='M9 21h6m-11-3h16c.5523 0 1-.4477 1-1v-12c0-.5523-.4477-1-1-1h-16c-.5523 0-1 .4477-1 1v12c0 .5523.4477 1 1 1ZM12.002 14.4634l-.002-6.999m0 0 3.5355 3.5356m-3.5355-3.5355-3.5355 3.5355'
|
|
33
|
+
/>
|
|
34
|
+
)
|
|
35
|
+
}
|
|
36
|
+
)
|
|
37
|
+
|
|
38
|
+
IconMonitorArrowUp[iconSymbol] = true
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
<!-- DO NOT MODIFY THIS FILE: This file was generated by sync icons utility -->
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M12.0001 3v17.205m-6.9964-6.2033 6.9964 6.5983 7.003-6.6044" style="vector-effect:non-scaling-stroke"/><path stroke="currentColor" stroke-width="2" d="M12 12v.0001" style="vector-effect:non-scaling-stroke"/></svg>
|
package/svg/24/arrow-down.svg
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
<!-- DO NOT MODIFY THIS FILE: This file was generated by sync icons utility -->
|
|
2
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M12
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M12 3v17.205m-6.9964-6.2033 6.9964 6.5983 7.0031-6.6044" style="vector-effect:non-scaling-stroke"/><path stroke="currentColor" stroke-width="2" d="M12 12v.0001" style="vector-effect:non-scaling-stroke"/></svg>
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
<!-- DO NOT MODIFY THIS FILE: This file was generated by sync icons utility -->
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-width="2" d="M11 7h-7.75a.25.25 0 0 0-.25.25v9.5a.25.25 0 0 0 .25.25h7.75v3.9367c0 .2167.257.3308.4177.1854l10.0823-9.1221-10.0823-9.122c-.1607-.1455-.4177-.0314-.4177.1853v3.9367ZM3 12v.0001" style="vector-effect:non-scaling-stroke"/></svg>
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
<!-- DO NOT MODIFY THIS FILE: This file was generated by sync icons utility -->
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M21 12h-17m6.41-7-7 7 7 7" style="vector-effect:non-scaling-stroke"/><path stroke="currentColor" stroke-width="2" d="M12 12v.0001" style="vector-effect:non-scaling-stroke"/></svg>
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
<!-- DO NOT MODIFY THIS FILE: This file was generated by sync icons utility -->
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" fill="none" viewBox="0 0 25 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M21 12h-17m10.59-7 7 7-7 7" style="vector-effect:non-scaling-stroke"/><path stroke="currentColor" stroke-width="2" d="M1 0v.0001" style="vector-effect:non-scaling-stroke"/></svg>
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
<!-- DO NOT MODIFY THIS FILE: This file was generated by sync icons utility -->
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m21 3-7 7m0 0v-5m0 5h5m-16 11 7-7m0 0v5m0-5h-5" style="vector-effect:non-scaling-stroke"/><path stroke="currentColor" stroke-width="2" d="M16 8v.0001" style="vector-effect:non-scaling-stroke"/></svg>
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
<!-- DO NOT MODIFY THIS FILE: This file was generated by sync icons utility -->
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m4.0696 13.1237.1237.9924 1.9847-.2475-.1238-.9923-1.9846.2474Zm.9304 1.8763-.7071.7071h1.4142l-.7071-.7071Zm8 6c4.9706 0 9-4.0294 9-9h-2c0 3.866-3.134 7-7 7v2Zm9-9c0-4.9706-4.0294-9-9-9v2c3.866 0 7 3.134 7 7h2Zm-9-9c-4.9706 0-9 4.0294-9 9h2c0-3.866 3.134-7 7-7v-2Zm-9 9c0 .3801.0236.7552.0696 1.1237l1.9846-.2474a7.079 7.079 0 0 1-.0542-.8763h-2Zm1.7071 3.7071 3-3-1.4142-1.4142-3 3 1.4142 1.4142Zm0-1.4142-3-3-1.4142 1.4142 3 3 1.4142-1.4142Z" style="vector-effect:non-scaling-stroke"/><circle cx="13" cy="12" r="2" fill="currentColor" style="vector-effect:non-scaling-stroke"/></svg>
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
<!-- DO NOT MODIFY THIS FILE: This file was generated by sync icons utility -->
|
|
2
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M13 4.5c0-1.3807 1.1193-2.5 2.5-2.5h4c1.3807 0 2.5 1.1193 2.5 2.5v4c0 1.3807-1.1193 2.5-2.5 2.5h-4c-1.3807 0-2.5-1.1193-2.5-2.5v-1h-2c-2.2091 0-4 1.7909-4 4v.5c2.419 0 4.4367 1.7178 4.9 4h6.
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M13 4.5c0-1.3807 1.1193-2.5 2.5-2.5h4c1.3807 0 2.5 1.1193 2.5 2.5v4c0 1.3807-1.1193 2.5-2.5 2.5h-4c-1.3807 0-2.5-1.1193-2.5-2.5v-1h-2c-2.2091 0-4 1.7909-4 4v.5c2.419 0 4.4367 1.7178 4.9 4h6.6265l-2.1437-1.7117 1.2341-1.5768 4.3833 3.5001c.2387.1906.378.481.378.7884 0 .3073-.1393.5978-.378.7884l-4.3833 3.4999-1.2341-1.5768 2.1435-1.7115h-6.6263c-.4633 2.2822-2.481 4-4.9 4-2.7614 0-5-2.2386-5-5 0-2.0503 1.2341-3.8124 3-4.584v-.916c0-3.3137 2.6863-6 6-6h2v-1Zm2.5-.5a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5h-4Zm-8.5 10c-1.6569 0-3 1.3431-3 3s1.3431 3 3 3 3-1.3431 3-3-1.3431-3-3-3Z" clip-rule="evenodd" style="vector-effect:non-scaling-stroke"/></svg>
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
<!-- DO NOT MODIFY THIS FILE: This file was generated by sync icons utility -->
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 21h6m-11-3h16c.5523 0 1-.4477 1-1v-12c0-.5523-.4477-1-1-1h-16c-.5523 0-1 .4477-1 1v12c0 .5523.4477 1 1 1ZM12.002 14.4634l-.002-6.999m0 0 3.5355 3.5356m-3.5355-3.5355-3.5355 3.5355" style="vector-effect:non-scaling-stroke"/></svg>
|