@mirohq/design-system-icons 0.8.0 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (98) hide show
  1. package/dist/main.js +1226 -37
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +1183 -38
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +92 -1
  6. package/package.json +3 -3
  7. package/react/arrow-arc-left.tsx +34 -0
  8. package/react/arrow-arc-right.tsx +34 -0
  9. package/react/arrow-bend-up-right.tsx +34 -0
  10. package/react/arrow-fat-up-right.tsx +31 -0
  11. package/react/arrow-up-circle.tsx +31 -0
  12. package/react/arrows-in-simple.tsx +34 -0
  13. package/react/arrows-out-cardinal.tsx +34 -0
  14. package/react/arrows-out-lines-horizontal.tsx +34 -0
  15. package/react/arrows-out-simple.tsx +34 -0
  16. package/react/chevron-down-double.tsx +34 -0
  17. package/react/chevron-left-double.tsx +34 -0
  18. package/react/chevron-right-double.tsx +34 -0
  19. package/react/chevron-up-double.tsx +34 -0
  20. package/react/chevron-up-down-line.tsx +34 -0
  21. package/react/chevron-up-down.tsx +34 -0
  22. package/react/circle-slash.tsx +33 -0
  23. package/react/cross-square.tsx +34 -0
  24. package/react/cursor-lines.tsx +31 -0
  25. package/react/dots-nine.tsx +25 -0
  26. package/react/dots-three.tsx +25 -0
  27. package/react/dots-two.tsx +25 -0
  28. package/react/download.tsx +34 -0
  29. package/react/export.tsx +34 -0
  30. package/react/grid.tsx +34 -0
  31. package/react/hand-pointing.tsx +31 -0
  32. package/react/index.ts +44 -0
  33. package/react/login.tsx +34 -0
  34. package/react/logout.tsx +34 -0
  35. package/react/navigation-arrow-lines.tsx +31 -0
  36. package/react/navigation-up-left-filled.tsx +31 -0
  37. package/react/navigation-up-left-slash.tsx +34 -0
  38. package/react/navigation-up-right.tsx +34 -0
  39. package/react/paper-plane-filled-right.tsx +27 -0
  40. package/react/paper-plane-tilt.tsx +34 -0
  41. package/react/rectangle-arrow-up-center.tsx +34 -0
  42. package/react/shuffle.tsx +34 -0
  43. package/react/star-filled.tsx +31 -0
  44. package/react/star.tsx +34 -0
  45. package/react/sticky-corners.tsx +1 -1
  46. package/react/stroke-1.tsx +34 -0
  47. package/react/stroke-2.tsx +34 -0
  48. package/react/stroke-3.tsx +34 -0
  49. package/react/stroke-4.tsx +34 -0
  50. package/react/stroke-5.tsx +34 -0
  51. package/react/stroke-6.tsx +34 -0
  52. package/react/tick-circle.tsx +31 -0
  53. package/svg/24/arrow-arc-left.svg +1 -0
  54. package/svg/24/arrow-arc-right.svg +1 -0
  55. package/svg/24/arrow-bend-up-right.svg +1 -0
  56. package/svg/24/arrow-fat-up-right.svg +1 -0
  57. package/svg/24/arrow-up-circle.svg +1 -0
  58. package/svg/24/arrows-in-simple.svg +1 -0
  59. package/svg/24/arrows-out-cardinal.svg +1 -0
  60. package/svg/24/arrows-out-lines-horizontal.svg +1 -0
  61. package/svg/24/arrows-out-simple.svg +1 -0
  62. package/svg/24/chevron-down-double.svg +1 -0
  63. package/svg/24/chevron-left-double.svg +1 -0
  64. package/svg/24/chevron-right-double.svg +1 -0
  65. package/svg/24/chevron-up-double.svg +1 -0
  66. package/svg/24/chevron-up-down-line.svg +1 -0
  67. package/svg/24/chevron-up-down.svg +1 -0
  68. package/svg/24/circle-slash.svg +1 -0
  69. package/svg/24/cross-square.svg +1 -0
  70. package/svg/24/cursor-lines.svg +1 -0
  71. package/svg/24/dots-nine.svg +1 -0
  72. package/svg/24/dots-three.svg +1 -0
  73. package/svg/24/dots-two.svg +1 -0
  74. package/svg/24/download.svg +1 -0
  75. package/svg/24/export.svg +1 -0
  76. package/svg/24/grid.svg +1 -0
  77. package/svg/24/hand-pointing.svg +1 -0
  78. package/svg/24/login.svg +1 -0
  79. package/svg/24/logout.svg +1 -0
  80. package/svg/24/navigation-arrow-lines.svg +1 -0
  81. package/svg/24/navigation-up-left-filled.svg +1 -0
  82. package/svg/24/navigation-up-left-slash.svg +1 -0
  83. package/svg/24/navigation-up-right.svg +1 -0
  84. package/svg/24/paper-plane-filled-right.svg +1 -0
  85. package/svg/24/paper-plane-tilt.svg +1 -0
  86. package/svg/24/rectangle-arrow-up-center.svg +1 -0
  87. package/svg/24/shuffle.svg +1 -0
  88. package/svg/24/star-filled.svg +1 -0
  89. package/svg/24/star.svg +1 -0
  90. package/svg/24/sticky-corners.svg +1 -1
  91. package/svg/24/stroke-1.svg +1 -0
  92. package/svg/24/stroke-2.svg +1 -0
  93. package/svg/24/stroke-3.svg +1 -0
  94. package/svg/24/stroke-4.svg +1 -0
  95. package/svg/24/stroke-5.svg +1 -0
  96. package/svg/24/stroke-6.svg +1 -0
  97. package/svg/24/tick-circle.svg +1 -0
  98. package/svg/meta.json +380 -7
package/dist/types.d.ts CHANGED
@@ -185,6 +185,9 @@ declare const StyledIcon: react.ForwardRefExoticComponent<Pick<Omit<{
185
185
  shadows: {
186
186
  readonly 50: "0 4px 16px #05003812";
187
187
  readonly 100: "0 8px 32px #05003808";
188
+ readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
189
+ readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
190
+ readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
188
191
  };
189
192
  sizes: {
190
193
  readonly number: string;
@@ -454,6 +457,12 @@ declare const IconAlignRight: ForwardRefExoticComponent<IconProps & RefAttribute
454
457
 
455
458
  declare const IconAlignTop: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
456
459
 
460
+ declare const IconArrowArcLeft: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
461
+
462
+ declare const IconArrowArcRight: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
463
+
464
+ declare const IconArrowBendUpRight: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
465
+
457
466
  declare const IconArrowBoxOut: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
458
467
 
459
468
  declare const IconArrowClockwiseDownRight: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
@@ -472,10 +481,14 @@ declare const IconArrowDown: ForwardRefExoticComponent<IconProps & RefAttributes
472
481
 
473
482
  declare const IconArrowFatRight: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
474
483
 
484
+ declare const IconArrowFatUpRight: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
485
+
475
486
  declare const IconArrowLeft: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
476
487
 
477
488
  declare const IconArrowRight: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
478
489
 
490
+ declare const IconArrowUpCircle: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
491
+
479
492
  declare const IconArrowUpLeft: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
480
493
 
481
494
  declare const IconArrowUpRight: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
@@ -486,6 +499,14 @@ declare const IconArrowsClockwiseX: ForwardRefExoticComponent<IconProps & RefAtt
486
499
 
487
500
  declare const IconArrowsClockwiseY: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
488
501
 
502
+ declare const IconArrowsInSimple: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
503
+
504
+ declare const IconArrowsOutCardinal: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
505
+
506
+ declare const IconArrowsOutLinesHorizontal: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
507
+
508
+ declare const IconArrowsOutSimple: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
509
+
489
510
  declare const IconArticle: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
490
511
 
491
512
  declare const IconAt: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
@@ -542,12 +563,24 @@ declare const IconCheckMark: ForwardRefExoticComponent<IconProps & RefAttributes
542
563
 
543
564
  declare const IconCheckboardSquareCentered: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
544
565
 
566
+ declare const IconChevronDownDouble: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
567
+
545
568
  declare const IconChevronDown: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
546
569
 
570
+ declare const IconChevronLeftDouble: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
571
+
547
572
  declare const IconChevronLeft: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
548
573
 
574
+ declare const IconChevronRightDouble: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
575
+
549
576
  declare const IconChevronRight: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
550
577
 
578
+ declare const IconChevronUpDouble: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
579
+
580
+ declare const IconChevronUpDownLine: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
581
+
582
+ declare const IconChevronUpDown: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
583
+
551
584
  declare const IconChevronUp: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
552
585
 
553
586
  declare const IconCircleCorners: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
@@ -556,6 +589,8 @@ declare const IconCircleMotionX: ForwardRefExoticComponent<IconProps & RefAttrib
556
589
 
557
590
  declare const IconCircleNotch: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
558
591
 
592
+ declare const IconCircleSlash: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
593
+
559
594
  declare const IconCircle: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
560
595
 
561
596
  declare const IconCirclesConnected: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
@@ -584,12 +619,16 @@ declare const IconCrop: ForwardRefExoticComponent<IconProps & RefAttributes<SVGS
584
619
 
585
620
  declare const IconCrossCircle: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
586
621
 
622
+ declare const IconCrossSquare: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
623
+
587
624
  declare const IconCross: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
588
625
 
589
626
  declare const IconCube: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
590
627
 
591
628
  declare const IconCursorFilled: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
592
629
 
630
+ declare const IconCursorLines: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
631
+
593
632
  declare const IconCursorText: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
594
633
 
595
634
  declare const IconCursor: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
@@ -608,12 +647,22 @@ declare const IconDistributeHorizontal: ForwardRefExoticComponent<IconProps & Re
608
647
 
609
648
  declare const IconDistributeVertical: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
610
649
 
650
+ declare const IconDotsNine: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
651
+
652
+ declare const IconDotsThree: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
653
+
654
+ declare const IconDotsTwo: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
655
+
656
+ declare const IconDownload: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
657
+
611
658
  declare const IconEnvelope: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
612
659
 
613
660
  declare const IconEraser: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
614
661
 
615
662
  declare const IconExclamationPointCircle: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
616
663
 
664
+ declare const IconExport: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
665
+
617
666
  declare const IconEyeClosedDotsFourFrameBroken: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
618
667
 
619
668
  declare const IconEyeClosed: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
@@ -652,8 +701,12 @@ declare const IconGridFour: ForwardRefExoticComponent<IconProps & RefAttributes<
652
701
 
653
702
  declare const IconGridSix: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
654
703
 
704
+ declare const IconGrid: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
705
+
655
706
  declare const IconHandFilled: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
656
707
 
708
+ declare const IconHandPointing: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
709
+
657
710
  declare const IconHand: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
658
711
 
659
712
  declare const IconHighlighterUnderline: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
@@ -712,6 +765,10 @@ declare const IconLockClosed: ForwardRefExoticComponent<IconProps & RefAttribute
712
765
 
713
766
  declare const IconLockOpen: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
714
767
 
768
+ declare const IconLogin: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
769
+
770
+ declare const IconLogout: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
771
+
715
772
  declare const IconMagnet: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
716
773
 
717
774
  declare const IconMagnifyingGlass: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
@@ -734,6 +791,14 @@ declare const IconMonitorStop: ForwardRefExoticComponent<IconProps & RefAttribut
734
791
 
735
792
  declare const IconMouse: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
736
793
 
794
+ declare const IconNavigationArrowLines: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
795
+
796
+ declare const IconNavigationUpLeftFilled: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
797
+
798
+ declare const IconNavigationUpLeftSlash: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
799
+
800
+ declare const IconNavigationUpRight: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
801
+
737
802
  declare const IconNext: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
738
803
 
739
804
  declare const IconNodeLinesCurved: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
@@ -750,6 +815,10 @@ declare const IconNodesConnectionsThree: ForwardRefExoticComponent<IconProps & R
750
815
 
751
816
  declare const IconNoteMagnifyingGlass: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
752
817
 
818
+ declare const IconPaperPlaneFilledRight: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
819
+
820
+ declare const IconPaperPlaneTilt: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
821
+
753
822
  declare const IconParallelogram: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
754
823
 
755
824
  declare const IconPauseCircle: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
@@ -802,6 +871,8 @@ declare const IconQuestionMarkCircle: ForwardRefExoticComponent<IconProps & RefA
802
871
 
803
872
  declare const IconQuestionMark: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
804
873
 
874
+ declare const IconRectangleArrowUpCenter: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
875
+
805
876
  declare const IconRectangleDashLines: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
806
877
 
807
878
  declare const IconRectangleDotLinePen: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
@@ -838,6 +909,8 @@ declare const IconShieldCheck: ForwardRefExoticComponent<IconProps & RefAttribut
838
909
 
839
910
  declare const IconShieldLock: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
840
911
 
912
+ declare const IconShuffle: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
913
+
841
914
  declare const IconSidebarClosed: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
842
915
 
843
916
  declare const IconSidebarOpen: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
@@ -898,6 +971,10 @@ declare const IconSquaresUnmerge: ForwardRefExoticComponent<IconProps & RefAttri
898
971
 
899
972
  declare const IconStack: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
900
973
 
974
+ declare const IconStarFilled: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
975
+
976
+ declare const IconStar: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
977
+
901
978
  declare const IconStickyCorners: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
902
979
 
903
980
  declare const IconStickyNoteStack: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
@@ -910,6 +987,18 @@ declare const IconStickyNotesTwo: ForwardRefExoticComponent<IconProps & RefAttri
910
987
 
911
988
  declare const IconStopCircle: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
912
989
 
990
+ declare const IconStroke1: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
991
+
992
+ declare const IconStroke2: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
993
+
994
+ declare const IconStroke3: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
995
+
996
+ declare const IconStroke4: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
997
+
998
+ declare const IconStroke5: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
999
+
1000
+ declare const IconStroke6: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
1001
+
913
1002
  declare const IconTag: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
914
1003
 
915
1004
  declare const IconTextAUnderline: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
@@ -946,6 +1035,8 @@ declare const IconTextUUnderlined: ForwardRefExoticComponent<IconProps & RefAttr
946
1035
 
947
1036
  declare const IconThumbsUp: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
948
1037
 
1038
+ declare const IconTickCircle: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
1039
+
949
1040
  declare const IconTicket: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
950
1041
 
951
1042
  declare const IconTimer: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
@@ -996,4 +1087,4 @@ declare const IconViewSideLeft: ForwardRefExoticComponent<IconProps & RefAttribu
996
1087
 
997
1088
  declare const IconWallet: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
998
1089
 
999
- export { IconAddLineBottom, IconAddLineRight, IconAlignBottom, IconAlignCenterHorizontal, IconAlignCenterVertical, IconAlignLeft, IconAlignRight, IconAlignTop, IconArrowBoxOut, IconArrowClockwiseDownRight, IconArrowClockwiseUpLeft, IconArrowCounterClockwiseDownLeft, IconArrowCounterClockwiseUpRight, IconArrowDown, IconArrowDownLeft, IconArrowDownRight, IconArrowFatRight, IconArrowLeft, IconArrowRight, IconArrowUp, IconArrowUpLeft, IconArrowUpRight, IconArrowsClockwiseX, IconArrowsClockwiseY, IconArticle, IconAt, IconBarThree, IconBell, IconBellSlash, IconBellTilt, IconBoard, IconBookmark, IconBracketsAngleSlash, IconBracketsCurlyCirclesThree, IconCalendarBlank, IconCamera, IconCard, IconCardNumberThree, IconCardsPoker, IconChartBarY, IconChartBarYSimple, IconChat, IconChatDashesLinesTwo, IconChatLinesCross, IconChatLinesEyeOpen, IconChatLinesTwo, IconChatLinesTwoStack, IconChatPlus, IconChatTextArrow, IconChatTwo, IconCheckMark, IconCheckboardSquareCentered, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCircle, IconCircleCorners, IconCircleMotionX, IconCircleNotch, IconCirclesConnected, IconClock, IconClockCounterClockwise, IconClockCounterClockwiseSimple, IconClockOvertime, IconCluster, IconClustered, IconCog, IconConeSerpentine, IconCornersThreeEyeOpen, IconCreditCard, IconCrop, IconCross, IconCrossCircle, IconCube, IconCursor, IconCursorFilled, IconCursorText, IconCurveSquareCircleArrow, IconDashLeftDownSquareDashRightUp, IconDashLeftUpSquareDashDownRight, IconDashSquareDashHorizontal, IconDashSquareDashVertical, IconDistributeHorizontal, IconDistributeVertical, IconEnvelope, IconEraser, IconExclamationPointCircle, IconEyeClosed, IconEyeClosedDotsFourFrameBroken, IconEyeOpen, IconEyeOpenLineFrameBroken, IconEyeOpenSlash, IconEyedropper, IconFactory, IconFactoryHouse, IconFolder, IconFrame, IconFrameLinesTwo, IconFramePlay, IconFramePlus, IconFunnel, IconGauge, IconGlobe, IconGraduationCap, IconGridFour, IconGridSix, IconHand, IconHandFilled, IconHighlighter, IconHighlighterUnderline, IconHouse, IconImage, IconInformationMarkCircle, IconKanban, IconKey, IconKeycap, IconLaptop, IconLasso, IconLayout, IconLifesaver, IconLightning, IconLineCurved, IconLineDashed, IconLineDiagonal, IconLineDotted, IconLineHorizontal, IconLineOrthogonal, IconLineStraight, IconLinesThreeHorizontal, IconLinesThreeHorizontalLineVerticalCenter, IconLinesThreeVertical, IconLink, IconListBullets, IconListNumbers, IconLockClosed, IconLockOpen, IconMagnet, IconMagnifyingGlass, IconMap, IconMicrophone, IconMicrophoneSlash, IconMinus, IconMonitorArrow, IconMonitorPause, IconMonitorPlay, IconMonitorStop, IconMouse, IconNext, IconNodeLinesCurved, IconNodeLinesHorizontal, IconNodeLinesVertical, IconNodePlus, IconNodesConnected, IconNodesConnectionsThree, IconNoteMagnifyingGlass, IconParallelogram, IconPause, IconPauseCircle, IconPdf, IconPen, IconPenTip, IconPlaceholder, IconPlay, IconPlayCircle, IconPlaybackSpeedCircle, IconPlug, IconPlus, IconPlusText, IconPresentationArrow, IconPresentationEyeOpen, IconPresentationLine, IconPresentationLinesTwo, IconPresentationLink, IconPresentationNumberOne, IconPresentationPlay, IconPresentationPlus, IconPrevious, IconProhibit, IconProps, IconPushPin, IconQuestionMark, IconQuestionMarkCircle, IconRectangleDashLines, IconRectangleDotLinePen, IconRectanglePlayStack, IconRectangleTick, IconRectanglesThreeAligned, IconRectanglesThreeFree, IconRectanglesThreeOverlap, IconRectanglesTwoLine, IconRectanglesTwoLinesFour, IconRectanglesTwoMinus, IconRectanglesTwoPlus, IconRectanglesTwoUser, IconRhombus, IconScissors, IconScrollbarXy, IconShapes, IconShieldCheck, IconShieldLock, IconSidebarClosed, IconSidebarOpen, IconSlidersX, IconSlidersY, IconSmiley, IconSmileyChat, IconSmileySticker, IconSocialFacebook, IconSocialInstagram, IconSocialLinkedin, IconSocialTwitter, IconSocialYoutube, IconSpeakerCross, IconSpeakerHigh, IconSplitVertical, IconSquare, IconSquareBracketsAngleSlash, IconSquareCirclesTwo, IconSquareLineSquareDashed, IconSquareRounded, IconSquareStarScribble, IconSquareTriangleCirclePlus, IconSquaresFour, IconSquaresGroup, IconSquaresMerge, IconSquaresThree, IconSquaresTwoOverlap, IconSquaresUngroup, IconSquaresUnmerge, IconStack, IconStickyCorners, IconStickyNote, IconStickyNoteStack, IconStickyNoteWide, IconStickyNotesTwo, IconStopCircle, IconTag, IconTextAUnderline, IconTextAlignCenter, IconTextAlignLeft, IconTextBBold, IconTextBBoldItalicUnderlined, IconTextCursorEyeOpen, IconTextHOne, IconTextHThree, IconTextHTwo, IconTextIItalic, IconTextIndent, IconTextLinesThree, IconTextSStrikethrough, IconTextStyles, IconTextT, IconTextUUnderlined, IconThumbsUp, IconTicket, IconTimer, IconTrackpad, IconTrash, IconTrashSimple, IconTriangle, IconTrident, IconTrophy, IconUser, IconUserAdd, IconUserArrowRightUp, IconUserEyeOpen, IconUserLoad, IconUserNumberThree, IconUserPenDashesBottom, IconUserPenLineBottom, IconUserTickDown, IconUsers, IconUsersThree, IconVideoCamera, IconVideoCameraSimple, IconVideoCameraSimpleSlash, IconViewCenter, IconViewSideLeft, IconWallet };
1090
+ export { IconAddLineBottom, IconAddLineRight, IconAlignBottom, IconAlignCenterHorizontal, IconAlignCenterVertical, IconAlignLeft, IconAlignRight, IconAlignTop, IconArrowArcLeft, IconArrowArcRight, IconArrowBendUpRight, IconArrowBoxOut, IconArrowClockwiseDownRight, IconArrowClockwiseUpLeft, IconArrowCounterClockwiseDownLeft, IconArrowCounterClockwiseUpRight, IconArrowDown, IconArrowDownLeft, IconArrowDownRight, IconArrowFatRight, IconArrowFatUpRight, IconArrowLeft, IconArrowRight, IconArrowUp, IconArrowUpCircle, IconArrowUpLeft, IconArrowUpRight, IconArrowsClockwiseX, IconArrowsClockwiseY, IconArrowsInSimple, IconArrowsOutCardinal, IconArrowsOutLinesHorizontal, IconArrowsOutSimple, IconArticle, IconAt, IconBarThree, IconBell, IconBellSlash, IconBellTilt, IconBoard, IconBookmark, IconBracketsAngleSlash, IconBracketsCurlyCirclesThree, IconCalendarBlank, IconCamera, IconCard, IconCardNumberThree, IconCardsPoker, IconChartBarY, IconChartBarYSimple, IconChat, IconChatDashesLinesTwo, IconChatLinesCross, IconChatLinesEyeOpen, IconChatLinesTwo, IconChatLinesTwoStack, IconChatPlus, IconChatTextArrow, IconChatTwo, IconCheckMark, IconCheckboardSquareCentered, IconChevronDown, IconChevronDownDouble, IconChevronLeft, IconChevronLeftDouble, IconChevronRight, IconChevronRightDouble, IconChevronUp, IconChevronUpDouble, IconChevronUpDown, IconChevronUpDownLine, IconCircle, IconCircleCorners, IconCircleMotionX, IconCircleNotch, IconCircleSlash, IconCirclesConnected, IconClock, IconClockCounterClockwise, IconClockCounterClockwiseSimple, IconClockOvertime, IconCluster, IconClustered, IconCog, IconConeSerpentine, IconCornersThreeEyeOpen, IconCreditCard, IconCrop, IconCross, IconCrossCircle, IconCrossSquare, IconCube, IconCursor, IconCursorFilled, IconCursorLines, IconCursorText, IconCurveSquareCircleArrow, IconDashLeftDownSquareDashRightUp, IconDashLeftUpSquareDashDownRight, IconDashSquareDashHorizontal, IconDashSquareDashVertical, IconDistributeHorizontal, IconDistributeVertical, IconDotsNine, IconDotsThree, IconDotsTwo, IconDownload, IconEnvelope, IconEraser, IconExclamationPointCircle, IconExport, IconEyeClosed, IconEyeClosedDotsFourFrameBroken, IconEyeOpen, IconEyeOpenLineFrameBroken, IconEyeOpenSlash, IconEyedropper, IconFactory, IconFactoryHouse, IconFolder, IconFrame, IconFrameLinesTwo, IconFramePlay, IconFramePlus, IconFunnel, IconGauge, IconGlobe, IconGraduationCap, IconGrid, IconGridFour, IconGridSix, IconHand, IconHandFilled, IconHandPointing, IconHighlighter, IconHighlighterUnderline, IconHouse, IconImage, IconInformationMarkCircle, IconKanban, IconKey, IconKeycap, IconLaptop, IconLasso, IconLayout, IconLifesaver, IconLightning, IconLineCurved, IconLineDashed, IconLineDiagonal, IconLineDotted, IconLineHorizontal, IconLineOrthogonal, IconLineStraight, IconLinesThreeHorizontal, IconLinesThreeHorizontalLineVerticalCenter, IconLinesThreeVertical, IconLink, IconListBullets, IconListNumbers, IconLockClosed, IconLockOpen, IconLogin, IconLogout, IconMagnet, IconMagnifyingGlass, IconMap, IconMicrophone, IconMicrophoneSlash, IconMinus, IconMonitorArrow, IconMonitorPause, IconMonitorPlay, IconMonitorStop, IconMouse, IconNavigationArrowLines, IconNavigationUpLeftFilled, IconNavigationUpLeftSlash, IconNavigationUpRight, IconNext, IconNodeLinesCurved, IconNodeLinesHorizontal, IconNodeLinesVertical, IconNodePlus, IconNodesConnected, IconNodesConnectionsThree, IconNoteMagnifyingGlass, IconPaperPlaneFilledRight, IconPaperPlaneTilt, IconParallelogram, IconPause, IconPauseCircle, IconPdf, IconPen, IconPenTip, IconPlaceholder, IconPlay, IconPlayCircle, IconPlaybackSpeedCircle, IconPlug, IconPlus, IconPlusText, IconPresentationArrow, IconPresentationEyeOpen, IconPresentationLine, IconPresentationLinesTwo, IconPresentationLink, IconPresentationNumberOne, IconPresentationPlay, IconPresentationPlus, IconPrevious, IconProhibit, IconProps, IconPushPin, IconQuestionMark, IconQuestionMarkCircle, IconRectangleArrowUpCenter, IconRectangleDashLines, IconRectangleDotLinePen, IconRectanglePlayStack, IconRectangleTick, IconRectanglesThreeAligned, IconRectanglesThreeFree, IconRectanglesThreeOverlap, IconRectanglesTwoLine, IconRectanglesTwoLinesFour, IconRectanglesTwoMinus, IconRectanglesTwoPlus, IconRectanglesTwoUser, IconRhombus, IconScissors, IconScrollbarXy, IconShapes, IconShieldCheck, IconShieldLock, IconShuffle, IconSidebarClosed, IconSidebarOpen, IconSlidersX, IconSlidersY, IconSmiley, IconSmileyChat, IconSmileySticker, IconSocialFacebook, IconSocialInstagram, IconSocialLinkedin, IconSocialTwitter, IconSocialYoutube, IconSpeakerCross, IconSpeakerHigh, IconSplitVertical, IconSquare, IconSquareBracketsAngleSlash, IconSquareCirclesTwo, IconSquareLineSquareDashed, IconSquareRounded, IconSquareStarScribble, IconSquareTriangleCirclePlus, IconSquaresFour, IconSquaresGroup, IconSquaresMerge, IconSquaresThree, IconSquaresTwoOverlap, IconSquaresUngroup, IconSquaresUnmerge, IconStack, IconStar, IconStarFilled, IconStickyCorners, IconStickyNote, IconStickyNoteStack, IconStickyNoteWide, IconStickyNotesTwo, IconStopCircle, IconStroke1, IconStroke2, IconStroke3, IconStroke4, IconStroke5, IconStroke6, IconTag, IconTextAUnderline, IconTextAlignCenter, IconTextAlignLeft, IconTextBBold, IconTextBBoldItalicUnderlined, IconTextCursorEyeOpen, IconTextHOne, IconTextHThree, IconTextHTwo, IconTextIItalic, IconTextIndent, IconTextLinesThree, IconTextSStrikethrough, IconTextStyles, IconTextT, IconTextUUnderlined, IconThumbsUp, IconTickCircle, IconTicket, IconTimer, IconTrackpad, IconTrash, IconTrashSimple, IconTriangle, IconTrident, IconTrophy, IconUser, IconUserAdd, IconUserArrowRightUp, IconUserEyeOpen, IconUserLoad, IconUserNumberThree, IconUserPenDashesBottom, IconUserPenLineBottom, IconUserTickDown, IconUsers, IconUsersThree, IconVideoCamera, IconVideoCameraSimple, IconVideoCameraSimpleSlash, IconViewCenter, IconViewSideLeft, IconWallet };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-icons",
3
- "version": "0.8.0",
3
+ "version": "0.9.0",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -30,9 +30,9 @@
30
30
  "react": "^16.14 || ^17"
31
31
  },
32
32
  "dependencies": {
33
- "@mirohq/design-system-link": "^1.1.4",
33
+ "@mirohq/design-system-link": "^1.1.5",
34
34
  "@mirohq/design-system-primitive": "^1.0.4",
35
- "@mirohq/design-system-stitches": "^2.0.11",
35
+ "@mirohq/design-system-stitches": "^2.0.12",
36
36
  "@mirohq/design-system-utils": "^0.11.0"
37
37
  },
38
38
  "devDependencies": {
@@ -0,0 +1,34 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconArrowArcLeft: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <g clipPath='url(#a)'>
20
+ <path
21
+ stroke='currentColor'
22
+ strokeLinecap='round'
23
+ strokeLinejoin='round'
24
+ strokeWidth={2}
25
+ d='M20 15C18 9 9.5 7 4 15m0 0v-5m0 5h5'
26
+ />
27
+ </g>,
28
+ <defs>
29
+ <clipPath id='a'>
30
+ <path d='M0 0h24v24H0z' />
31
+ </clipPath>
32
+ </defs>
33
+ )
34
+ )
@@ -0,0 +1,34 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconArrowArcRight: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <g clipPath='url(#a)'>
20
+ <path
21
+ stroke='currentColor'
22
+ strokeLinecap='round'
23
+ strokeLinejoin='round'
24
+ strokeWidth={2}
25
+ d='M4 15c2-6 10.5-8 16 0m0 0v-5m0 5h-5'
26
+ />
27
+ </g>,
28
+ <defs>
29
+ <clipPath id='a'>
30
+ <path d='M0 0h24v24H0z' />
31
+ </clipPath>
32
+ </defs>
33
+ )
34
+ )
@@ -0,0 +1,34 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconArrowBendUpRight: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <g clipPath='url(#a)'>
20
+ <path
21
+ stroke='currentColor'
22
+ strokeLinecap='round'
23
+ strokeLinejoin='round'
24
+ strokeWidth={2}
25
+ d='M4 19c0-7 3-9 7-9h9m0 0-5-5m5 5-5 5'
26
+ />
27
+ </g>,
28
+ <defs>
29
+ <clipPath id='a'>
30
+ <path d='M0 0h24v24H0z' />
31
+ </clipPath>
32
+ </defs>
33
+ )
34
+ )
@@ -0,0 +1,31 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconArrowFatUpRight: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <g clipPath='url(#a)'>
20
+ <path
21
+ fill='currentColor'
22
+ d='m21 3 .97.243a1 1 0 0 0-1.212-1.213L21 3Zm-3 12-.707.707a1 1 0 0 0 1.677-.465L18 15Zm-3-3 .707-.707-.604-.604-.691.502L15 12ZM4 20l-.809-.588a1 1 0 0 0 1.397 1.397L4 20Zm8-11 .809.588.502-.69-.604-.605L12 9ZM9 6l-.243-.97a1 1 0 0 0-.464 1.677L9 6Zm11.03-3.243-3 12 1.94.486 3-12-1.94-.486Zm-1.323 11.536-3-3-1.414 1.414 3 3 1.414-1.414Zm-4.295-3.102-11 8 1.176 1.618 11-8-1.176-1.618Zm-9.603 9.397 8-11-1.618-1.176-8 11 1.618 1.176Zm7.898-12.295-3-3-1.414 1.414 3 3 1.414-1.414ZM9.243 6.97l12-3-.485-1.94-12 3 .485 1.94Z'
23
+ />
24
+ </g>,
25
+ <defs>
26
+ <clipPath id='a'>
27
+ <path d='M0 0h24v24H0z' />
28
+ </clipPath>
29
+ </defs>
30
+ )
31
+ )
@@ -0,0 +1,31 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconArrowUpCircle: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <g clipPath='url(#a)'>
20
+ <path
21
+ fill='currentColor'
22
+ d='M11 17a1 1 0 1 0 2 0h-2Zm1-10 .707-.707a1 1 0 0 0-1.414 0L12 7Zm3.293 4.707a1 1 0 0 0 1.414-1.414l-1.414 1.414Zm-8-1.414a1 1 0 1 0 1.414 1.414l-1.414-1.414ZM13 17V7h-2v10h2Zm-1.707-9.293 4 4 1.414-1.414-4-4-1.414 1.414Zm0-1.414-4 4 1.414 1.414 4-4-1.414-1.414ZM21 12a9 9 0 0 1-9 9v2c6.075 0 11-4.925 11-11h-2Zm-9 9a9 9 0 0 1-9-9H1c0 6.075 4.925 11 11 11v-2Zm-9-9a9 9 0 0 1 9-9V1C5.925 1 1 5.925 1 12h2Zm9-9a9 9 0 0 1 9 9h2c0-6.075-4.925-11-11-11v2Z'
23
+ />
24
+ </g>,
25
+ <defs>
26
+ <clipPath id='a'>
27
+ <path d='M0 0h24v24H0z' />
28
+ </clipPath>
29
+ </defs>
30
+ )
31
+ )
@@ -0,0 +1,34 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconArrowsInSimple: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <g clipPath='url(#a)'>
20
+ <path
21
+ stroke='currentColor'
22
+ strokeLinecap='round'
23
+ strokeLinejoin='round'
24
+ strokeWidth={2}
25
+ d='m21 3-5 5m0 0V3m0 5h5M3 21l5-5m0 0v5m0-5H3'
26
+ />
27
+ </g>,
28
+ <defs>
29
+ <clipPath id='a'>
30
+ <path d='M0 0h24v24H0z' />
31
+ </clipPath>
32
+ </defs>
33
+ )
34
+ )
@@ -0,0 +1,34 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconArrowsOutCardinal: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <g clipPath='url(#a)'>
20
+ <path
21
+ stroke='currentColor'
22
+ strokeLinecap='round'
23
+ strokeLinejoin='round'
24
+ strokeWidth={2}
25
+ d='M12 3v18m0-18 3 3m-3-3L9 6m3 15 3-3m-3 3-3-3m-6-6h18M3 12l3-3m-3 3 3 3m15-3-3-3m3 3-3 3'
26
+ />
27
+ </g>,
28
+ <defs>
29
+ <clipPath id='a'>
30
+ <path d='M0 0h24v24H0z' />
31
+ </clipPath>
32
+ </defs>
33
+ )
34
+ )
@@ -0,0 +1,34 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconArrowsOutLinesHorizontal: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <g clipPath='url(#a)'>
20
+ <path
21
+ stroke='currentColor'
22
+ strokeLinecap='round'
23
+ strokeLinejoin='round'
24
+ strokeWidth={2}
25
+ d='M2 6v12M22 6v12m-3-6H5m14 0-3-3m3 3-3 3M5 12l3-3m-3 3 3 3'
26
+ />
27
+ </g>,
28
+ <defs>
29
+ <clipPath id='a'>
30
+ <path d='M0 0h24v24H0z' />
31
+ </clipPath>
32
+ </defs>
33
+ )
34
+ )
@@ -0,0 +1,34 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconArrowsOutSimple: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <g clipPath='url(#a)'>
20
+ <path
21
+ stroke='currentColor'
22
+ strokeLinecap='round'
23
+ strokeLinejoin='round'
24
+ strokeWidth={2}
25
+ d='m16 8 5-5m0 0v5m0-5h-5M8 16l-5 5m0 0v-5m0 5h5'
26
+ />
27
+ </g>,
28
+ <defs>
29
+ <clipPath id='a'>
30
+ <path d='M0 0h24v24H0z' />
31
+ </clipPath>
32
+ </defs>
33
+ )
34
+ )
@@ -0,0 +1,34 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconChevronDownDouble: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <g clipPath='url(#a)'>
20
+ <path
21
+ stroke='currentColor'
22
+ strokeLinecap='round'
23
+ strokeLinejoin='round'
24
+ strokeWidth={2}
25
+ d='m15 14-3 3-3-3m6-7-3 3-3-3'
26
+ />
27
+ </g>,
28
+ <defs>
29
+ <clipPath id='a'>
30
+ <path d='M0 0h24v24H0z' />
31
+ </clipPath>
32
+ </defs>
33
+ )
34
+ )
@@ -0,0 +1,34 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconChevronLeftDouble: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <g clipPath='url(#a)'>
20
+ <path
21
+ stroke='currentColor'
22
+ strokeLinecap='round'
23
+ strokeLinejoin='round'
24
+ strokeWidth={2}
25
+ d='m10 15-3-3 3-3m7 6-3-3 3-3'
26
+ />
27
+ </g>,
28
+ <defs>
29
+ <clipPath id='a'>
30
+ <path d='M0 0h24v24H0z' />
31
+ </clipPath>
32
+ </defs>
33
+ )
34
+ )