@mirohq/design-system-icons 0.46.0 → 0.47.1-style-dictionary.3

package/dist/types.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirohq/design-system-icons",
-  "version": "0.46.0",
+  "version": "0.47.1-style-dictionary.3",
   "description": "",
   "author": "Miro",
   "source": "src/index.ts",
@@ -31,10 +31,11 @@
     "react": "^16.14 || ^17 || ^18"
   },
   "dependencies": {
-    "@mirohq/design-system-base-icon": "^0.1.33",
-    "@mirohq/design-system-stitches": "^2.6.12",
+    "@mirohq/design-system-base-icon": "^0.1.33-style-dictionary.0",
     "@mirohq/design-system-primitive": "^1.1.2",
-    "@mirohq/design-system-utils": "^0.15.4"
+    "@mirohq/design-system-utils": "^0.15.4",
+    "@mirohq/design-system-use-local-storage": "^0.3.11",
+    "@mirohq/design-system-stitches": "^2.6.13-style-dictionary.3"
   },
   "devDependencies": {
     "@svgr/cli": "^6.5.1",

package/react/activity.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconActivity: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -31,6 +34,7 @@ export const IconActivity: IconComponentType = forwardRef(
         clipRule='evenodd'
       />
     )
+  }
 )
 
 IconActivity[iconSymbol] = true

package/react/add-line-bottom.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconAddLineBottom: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -32,6 +35,7 @@ export const IconAddLineBottom: IconComponentType = forwardRef(
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconAddLineBottom[iconSymbol] = true

package/react/add-line-right.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconAddLineRight: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -32,6 +35,7 @@ export const IconAddLineRight: IconComponentType = forwardRef(
         d='M15 12v.0001'
       />
     )
+  }
 )
 
 IconAddLineRight[iconSymbol] = true

package/react/align-bottom.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconAlignBottom: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -38,6 +41,7 @@ export const IconAlignBottom: IconComponentType = forwardRef(
         d='M9 12v.0001'
       />
     )
+  }
 )
 
 IconAlignBottom[iconSymbol] = true

package/react/align-center-horizontal.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconAlignCenterHorizontal: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -38,6 +41,7 @@ export const IconAlignCenterHorizontal: IconComponentType = forwardRef(
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconAlignCenterHorizontal[iconSymbol] = true

package/react/align-center-vertical.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconAlignCenterVertical: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -38,6 +41,7 @@ export const IconAlignCenterVertical: IconComponentType = forwardRef(
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconAlignCenterVertical[iconSymbol] = true

package/react/align-left.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconAlignLeft: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -38,6 +41,7 @@ export const IconAlignLeft: IconComponentType = forwardRef(
         d='M12 9v.0001'
       />
     )
+  }
 )
 
 IconAlignLeft[iconSymbol] = true

package/react/align-right.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconAlignRight: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -38,6 +41,7 @@ export const IconAlignRight: IconComponentType = forwardRef(
         d='M12 9v.0001'
       />
     )
+  }
 )
 
 IconAlignRight[iconSymbol] = true

package/react/align-top.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconAlignTop: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -38,6 +41,7 @@ export const IconAlignTop: IconComponentType = forwardRef(
         d='M9 12v.0001'
       />
     )
+  }
 )
 
 IconAlignTop[iconSymbol] = true

package/react/arrow-arc-left.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconArrowArcLeft: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -33,6 +36,7 @@ export const IconArrowArcLeft: IconComponentType = forwardRef(
         d='M12 10v.0001'
       />
     )
+  }
 )
 
 IconArrowArcLeft[iconSymbol] = true

package/react/arrow-arc-right.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconArrowArcRight: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -33,6 +36,7 @@ export const IconArrowArcRight: IconComponentType = forwardRef(
         d='M12 10v.0001'
       />
     )
+  }
 )
 
 IconArrowArcRight[iconSymbol] = true

package/react/arrow-bend-up-left.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconArrowBendUpLeft: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -33,6 +36,7 @@ export const IconArrowBendUpLeft: IconComponentType = forwardRef(
         d='M12 10v.0001'
       />
     )
+  }
 )
 
 IconArrowBendUpLeft[iconSymbol] = true

package/react/arrow-bend-up-right.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconArrowBendUpRight: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -33,6 +36,7 @@ export const IconArrowBendUpRight: IconComponentType = forwardRef(
         d='M12 10v.0001'
       />
     )
+  }
 )
 
 IconArrowBendUpRight[iconSymbol] = true

package/react/arrow-box-out.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconArrowBoxOut: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -27,6 +30,7 @@ export const IconArrowBoxOut: IconComponentType = forwardRef(
         clipRule='evenodd'
       />
     )
+  }
 )
 
 IconArrowBoxOut[iconSymbol] = true

package/react/arrow-clockwise-down-right.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconArrowClockwiseDownRight: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -32,6 +35,7 @@ export const IconArrowClockwiseDownRight: IconComponentType = forwardRef(
         d='M20 14v.0001'
       />
     )
+  }
 )
 
 IconArrowClockwiseDownRight[iconSymbol] = true

package/react/arrow-clockwise-up-left.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconArrowClockwiseUpLeft: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -32,6 +35,7 @@ export const IconArrowClockwiseUpLeft: IconComponentType = forwardRef(
         d='M4 10v.0001'
       />
     )
+  }
 )
 
 IconArrowClockwiseUpLeft[iconSymbol] = true

package/react/arrow-counter-clockwise-down-left.tsx

@@ -4,17 +4,20 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconArrowCounterClockwiseDownLeft: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
         fill: 'none',
@@ -32,6 +35,7 @@ export const IconArrowCounterClockwiseDownLeft: IconComponentType = forwardRef(
         d='M4 14v.0001'
       />
     )
+  }
 )
 
 IconArrowCounterClockwiseDownLeft[iconSymbol] = true