synced icons with hopper

.changeset/early-bikes-heal.md

@@ -0,0 +1,25 @@
+---
+"@hopper-ui/icons-react16": minor
+---
+
+Added Icons
+==========
+ConnectionsIcon
+GraduationHatIcon
+ImageIcon
+ScreenShareIcon
+
+Added RichIcons
+==========
+AnniversaryRichIcon
+BirthdayRichIcon
+BrokenImageRichIcon
+DeletedUserRichIcon
+DepartmentRichIcon
+DirectoryRichIcon
+DiscountRichIcon
+GroupRichIcon
+LocationRichIcon
+OpenRoleRichIcon
+StatusRichIcon
+WhosWhoRichIcon

packages/icons-react16/package.json

@@ -43,7 +43,7 @@
         "@workleap/tsup-configs": "3.0.1",
         "react": "^16",
         "react-dom": "^16",
-        "@hopper-ui/svg-icons": "2.9.0",
+        "@hopper-ui/svg-icons": "2.13.0",
         "@svgr/core": "^8.1.0",
         "@svgr/plugin-jsx": "^8.1.0",
         "@svgr/plugin-svgo": "^8.1.0",

packages/icons-react16/src/generated-icon-components/ConnectionsIcon.tsx

@@ -0,0 +1,12 @@
+/**
+ * This file is generated by the generate-components script. Do not edit directly.
+ */
+/* eslint-disable */
+import { createIcon } from "../createIcon.tsx";
+import React, { forwardRef, type Ref, type SVGProps } from "react";
+
+const ConnectionsIcon16 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={16} height={16} viewBox="0 0 16 16" ref={ref} {...props}><path fillRule="evenodd" d="M5.084 10.916A5.001 5.001 0 0 1 6 1a5 5 0 0 1 4.916 4.084A5.002 5.002 0 0 1 10 15a5 5 0 0 1-4.916-4.084m-.044-1.55A5 5 0 0 1 9.367 5.04 3.502 3.502 0 0 0 2.5 6c0 1.6 1.074 2.95 2.54 3.367m1.593 1.594A3.502 3.502 0 0 0 13.5 10c0-1.6-1.074-2.95-2.54-3.367a5 5 0 0 1-4.327 4.327m2.825-4.418a3.5 3.5 0 0 0-2.916 2.916 3.5 3.5 0 0 0 2.916-2.916" /></svg>);
+const ConnectionsIcon24 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={24} height={24} viewBox="0 0 24 24" ref={ref} {...props}><path fillRule="evenodd" d="M15.743 8.257a6 6 0 1 0-7.486 7.486 6 6 0 1 0 7.486-7.486M14.5 10a4.5 4.5 0 0 1-4.975 4.475 4.5 4.5 0 0 1 4.95-4.95q.025.235.025.475m-.468-2H14a6 6 0 0 0-6 6.032A4.5 4.5 0 1 1 14.032 8M16 9.968V10a6 6 0 0 1-6 6h-.032A4.5 4.5 0 1 0 16 9.968" /></svg>);
+const ConnectionsIcon32 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={32} height={32} viewBox="0 0 32 32" ref={ref} {...props}><path fillRule="evenodd" d="M20.797 11.203a8 8 0 1 0-9.595 9.595 8 8 0 1 0 9.595-9.595M13 19a6 6 0 0 0 6-6 6 6 0 0 0-6 6m5.661-7.993a8 8 0 0 0-7.654 7.654 6 6 0 1 1 7.654-7.654m2.332 2.332a8 8 0 0 1-7.654 7.654 6 6 0 1 0 7.654-7.654" /></svg>);
+
+export const ConnectionsIcon = createIcon(ConnectionsIcon16, ConnectionsIcon24, ConnectionsIcon32, "ConnectionsIcon");

packages/icons-react16/src/generated-icon-components/GraduationHatIcon.tsx

@@ -0,0 +1,12 @@
+/**
+ * This file is generated by the generate-components script. Do not edit directly.
+ */
+/* eslint-disable */
+import { createIcon } from "../createIcon.tsx";
+import React, { forwardRef, type Ref, type SVGProps } from "react";
+
+const GraduationHatIcon16 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={16} height={16} viewBox="0 0 16 16" ref={ref} {...props}><path fillRule="evenodd" d="M8.403 2.478a1 1 0 0 0-.796 0L1.95 4.941c-.802.349-.801 1.487.002 1.834l5.646 2.447a1 1 0 0 0 .796 0l2.106-.917v2.888h-5v-2.88L4 7.663v4.03a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V7.652l1.16-.505v1.41a.75.75 0 1 0 1.5 0V5.85a.8.8 0 0 0-.025-.192.98.98 0 0 0-.586-.734zM8.006 3.94 3.604 5.857l4.39 1.902 4.403-1.916z" /></svg>);
+const GraduationHatIcon24 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={24} height={24} viewBox="0 0 24 24" ref={ref} {...props}><path fillRule="evenodd" d="M12.605 3.717a1.5 1.5 0 0 0-1.195 0L2.925 7.412c-1.203.524-1.201 2.23.002 2.752l8.47 3.67a1.5 1.5 0 0 0 1.194-.001L16.5 12.13v5.41h-9v-5.395l-1.5-.65v6.044a1.5 1.5 0 0 0 1.5 1.5h9a1.5 1.5 0 0 0 1.5-1.5v-6.062l2.478-1.078v2.185a.75.75 0 0 0 1.5 0V8.751l-.002-.061a1.48 1.48 0 0 0-.902-1.303zm7.873 5.046-8.47-3.67-8.484 3.694 8.469 3.67z" /></svg>);
+const GraduationHatIcon32 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={32} height={32} viewBox="0 0 32 32" ref={ref} {...props}><path fillRule="evenodd" d="M16.944 5.394a2 2 0 0 0-1.594.002L4.037 10.32c-1.603.698-1.602 2.974.003 3.67l11.293 4.892a2 2 0 0 0 1.593-.001l5.211-2.269v7.212h-12v-7.193l-2-.867v8.06a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8.082l3.316-1.444v3.441a1 1 0 1 0 2 0v-5.6q0-.107-.02-.206a1.97 1.97 0 0 0-1.197-1.646zm10.497 6.728L16.149 7.23 4.836 12.154l11.292 4.893z" /></svg>);
+
+export const GraduationHatIcon = createIcon(GraduationHatIcon16, GraduationHatIcon24, GraduationHatIcon32, "GraduationHatIcon");

packages/icons-react16/src/generated-icon-components/ImageIcon.tsx

@@ -0,0 +1,12 @@
+/**
+ * This file is generated by the generate-components script. Do not edit directly.
+ */
+/* eslint-disable */
+import { createIcon } from "../createIcon.tsx";
+import React, { forwardRef, type Ref, type SVGProps } from "react";
+
+const ImageIcon16 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={16} height={16} viewBox="0 0 16 16" ref={ref} {...props}><path fillRule="evenodd" d="M2 3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10a1 1 0 0 1-.12.477A1 1 0 0 1 13 14H3a1 1 0 0 1-1-1zm1.5 5.012V3.5h9v4.793l-.773-.773a1 1 0 0 0-1.414 0L9.158 8.675 6.704 6.222a1 1 0 0 0-1.414 0zm7.361 4.488H3.5v-2.367l2.497-2.497zm1.639-.482v-1.604l-1.48-1.48-.802.802z" /></svg>);
+const ImageIcon24 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={24} height={24} viewBox="0 0 24 24" ref={ref} {...props}><path fillRule="evenodd" d="M3 4.5A1.5 1.5 0 0 1 4.5 3h15A1.5 1.5 0 0 1 21 4.5v15a1.5 1.5 0 0 1-.181.715A1.5 1.5 0 0 1 19.5 21h-15A1.5 1.5 0 0 1 3 19.5zm1.5 0h15v8.689l-1.909-1.91a1.5 1.5 0 0 0-2.121 0l-1.733 1.734-3.68-3.68a1.5 1.5 0 0 0-2.122 0L4.5 12.768zm13.602 15H4.5v-4.61l4.496-4.497zm1.398-.724V15.31l-2.97-2.97-1.733 1.734z" /></svg>);
+const ImageIcon32 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={32} height={32} viewBox="0 0 32 32" ref={ref} {...props}><path fillRule="evenodd" d="M26 6H6v20h20zM6 4a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z" /><path fillRule="evenodd" d="m28 19.585-4.545-4.545a2 2 0 0 0-2.829 0l-2.31 2.31-4.907-4.906a2 2 0 0 0-2.829 0L4 19.024v2.828l7.994-7.994 14.138 14.138a2 2 0 0 0 1.663-1.114 2 2 0 0 0-.244-.296l-7.821-7.821 2.31-2.31L28 22.413z" /></svg>);
+
+export const ImageIcon = createIcon(ImageIcon16, ImageIcon24, ImageIcon32, "ImageIcon");

packages/icons-react16/src/generated-icon-components/ScreenShareIcon.tsx

@@ -0,0 +1,12 @@
+/**
+ * This file is generated by the generate-components script. Do not edit directly.
+ */
+/* eslint-disable */
+import { createIcon } from "../createIcon.tsx";
+import React, { forwardRef, type Ref, type SVGProps } from "react";
+
+const ScreenShareIcon16 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={16} height={16} viewBox="0 0 16 16" ref={ref} {...props}><path d="M8.884 4.928a1.25 1.25 0 0 0-1.768 0L4.988 7.056a.75.75 0 0 0 1.06 1.06L8 6.167l1.951 1.95a.75.75 0 0 0 1.061-1.06z" /><path fillRule="evenodd" d="M1 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zm1.5 9.5v-9h11v9z" /><path fillRule="evenodd" d="M8.75 10.874V5.582a.75.75 0 1 0-1.5 0v5.292a.75.75 0 0 0 1.5 0" /></svg>);
+const ScreenShareIcon24 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={24} height={24} viewBox="0 0 24 24" ref={ref} {...props}><path fillRule="evenodd" d="M4 6.643a1.5 1.5 0 0 1 1.5-1.5h13a1.5 1.5 0 0 1 1.5 1.5v10.714a1.5 1.5 0 0 1-1.5 1.5h-13a1.5 1.5 0 0 1-1.5-1.5zm1.5 0h13v10.714h-13z" /><path d="M12.874 8.738a1.25 1.25 0 0 0-1.768 0l-2.482 2.483a.75.75 0 0 0 1.06 1.06l2.306-2.306 2.306 2.306a.75.75 0 0 0 1.06-1.06z" /><path fillRule="evenodd" d="M11.24 14.874V9.126a.75.75 0 0 1 1.5 0v5.748a.75.75 0 0 1-1.5 0" /></svg>);
+const ScreenShareIcon32 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={32} height={32} viewBox="0 0 32 32" ref={ref} {...props}><path d="M15.116 11.967a1.25 1.25 0 0 1 1.768 0l3.192 3.191a.75.75 0 0 1-1.061 1.061l-2.265-2.265v5.724a.75.75 0 1 1-1.5 0v-5.723l-2.265 2.264a.75.75 0 1 1-1.06-1.06z" /><path fillRule="evenodd" d="M6 9.429a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2V22.57a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2zm2 0h16V22.57H8z" /></svg>);
+
+export const ScreenShareIcon = createIcon(ScreenShareIcon16, ScreenShareIcon24, ScreenShareIcon32, "ScreenShareIcon");

packages/icons-react16/src/generated-icon-components/index.ts

@@ -54,6 +54,7 @@ export * from "./CollapseLeftIcon.tsx";
 export * from "./CollapseRightIcon.tsx";
 export * from "./CommentIcon.tsx";
 export * from "./CommentCheckIcon.tsx";
+export * from "./ConnectionsIcon.tsx";
 export * from "./CopyIcon.tsx";
 export * from "./CountIcon.tsx";
 export * from "./CsvIcon.tsx";
@@ -83,6 +84,7 @@ export * from "./FootballIcon.tsx";
 export * from "./FourIcon.tsx";
 export * from "./GaugeIcon.tsx";
 export * from "./GiftIcon.tsx";
+export * from "./GraduationHatIcon.tsx";
 export * from "./GraphIcon.tsx";
 export * from "./GridIcon.tsx";
 export * from "./GripIcon.tsx";
@@ -92,6 +94,7 @@ export * from "./HappinessIcon.tsx";
 export * from "./HierarchyIcon.tsx";
 export * from "./HomeIcon.tsx";
 export * from "./HourglassIcon.tsx";
+export * from "./ImageIcon.tsx";
 export * from "./InfoIcon.tsx";
 export * from "./InvoiceIcon.tsx";
 export * from "./ItalicIcon.tsx";
@@ -168,6 +171,7 @@ export * from "./ReviewIcon.tsx";
 export * from "./RewindIcon.tsx";
 export * from "./RocketIcon.tsx";
 export * from "./SatisfactionIcon.tsx";
+export * from "./ScreenShareIcon.tsx";
 export * from "./SearchIcon.tsx";
 export * from "./SectionIcon.tsx";
 export * from "./SegmentIcon.tsx";
@@ -214,4 +218,4 @@ export * from "./WellnessIcon.tsx";
 export * from "./WhosWhoFaceIcon.tsx";
 export * from "./WhosWhoGameIcon.tsx";
 
-export const iconNames = ["AddIcon","AddCalendarIcon","AddUserIcon","AlignmentIcon","AmbassadorshipIcon","AngleDownIcon","AngleLeftIcon","AngleRightIcon","AngleUpIcon","ApplauseIcon","ArchiveIcon","ArrowDownIcon","ArrowLeftIcon","ArrowRightIcon","ArrowUpIcon","ArrowsOutVerticalIcon","AssistantIcon","AssistantToIcon","AttachmentIcon","BarsIcon","BasketballIcon","BentoIcon","BoldIcon","BoltIcon","BookIcon","BookmarkIcon","BranchesIcon","BriefcaseIcon","BulletIcon","BullseyeIcon","CalendarIcon","CameraIcon","CarIcon","CaretDownIcon","CaretDownSolidIcon","CaretUpIcon","CaretUpSolidIcon","CatIcon","ChartBarIcon","ChartLineIcon","ChartPieIcon","CheckmarkIcon","CherriesIcon","CircleAngleLeftIcon","CircleAngleRightIcon","ClockIcon","CollapseLeftIcon","CollapseRightIcon","CommentIcon","CommentCheckIcon","CopyIcon","CountIcon","CsvIcon","DeleteIcon","DepartmentIcon","DirectReportsIcon","DismissIcon","DollarIcon","DottedLinesIcon","DownloadIcon","DuplicateIcon","EditIcon","EnterIcon","EventIcon","EverythingReportIcon","ExitIcon","EyeHiddenIcon","EyeVisibleIcon","FeedbackIcon","FileCheckIcon","FilterIcon","FiveIcon","FlagIcon","FocusIcon","FolderIcon","FootballIcon","FourIcon","GaugeIcon","GiftIcon","GraphIcon","GridIcon","GripIcon","GroupsIcon","GrowthIcon","HappinessIcon","HierarchyIcon","HomeIcon","HourglassIcon","InfoIcon","InvoiceIcon","ItalicIcon","KebabIcon","KeyIcon","KeyResultIcon","LanguageIcon","LearningPathIcon","LearningPathStepIcon","LightbulbIcon","LinkIcon","LocationIcon","LockIcon","LockedCalendarIcon","LockedNoteIcon","MailIcon","MaximizeIcon","MediaIcon","MicrophoneIcon","MicrophoneDisabledIcon","MinusIcon","MobileIcon","MoveIcon","NewCommentIcon","NewFilterIcon","NewGiftIcon","NewNoteIcon","NewNotificationIcon","NewStickyIcon","NewTabIcon","NewTemplateIcon","NewTipIcon","NextCalendarIcon","NoteIcon","NotebookIcon","NotificationIcon","OneIcon","OneOnOneIcon","OpenRoleIcon","OpenSmileIcon","OrderedListIcon","OrgChartIcon","OrganizationIcon","PauseIcon","PdfIcon","PeaceIcon","PercentIcon","PhoneIcon","PinIcon","PinSolidIcon","PlayIcon","PlaySolidIcon","PlusIcon","PrintIcon","ProfileIcon","ProgressIcon","PronunciationIcon","QuestionIcon","QuizLessonIcon","ReactionIcon","RecurringIcon","RefreshIcon","RelationWithManagerIcon","RelationshipWithPeersIcon","ReminderIcon","RemoveIcon","RemoveCalendarIcon","RemoveUserIcon","ReplyIcon","ReportIcon","ReportsToIcon","RequalificationIcon","ReviewIcon","RewindIcon","RocketIcon","SatisfactionIcon","SearchIcon","SectionIcon","SegmentIcon","SendIcon","SettingsIcon","SettingsNotificationIcon","SettingsWarningIcon","ShareIcon","SharedIcon","ShieldIcon","SliderIcon","SortIcon","SparklesIcon","SproutIcon","StarIcon","StarSolidIcon","StartOverIcon","StickyIcon","StrikethroughIcon","SubstractIcon","SuccessIcon","SyncIcon","TagIcon","TeamIcon","TemplateIcon","TextLessonIcon","ThreeIcon","ThumbsDownIcon","ThumbsUpIcon","TipIcon","TwoIcon","UnarchiveIcon","UnderlineIcon","UnorderedListIcon","UploadIcon","UpsellIcon","UserIcon","VideoIcon","VideoCameraIcon","VideoCameraDisabledIcon","WarningIcon","WebinarLessonIcon","WellnessIcon","WhosWhoFaceIcon","WhosWhoGameIcon"] as const;
+export const iconNames = ["AddIcon","AddCalendarIcon","AddUserIcon","AlignmentIcon","AmbassadorshipIcon","AngleDownIcon","AngleLeftIcon","AngleRightIcon","AngleUpIcon","ApplauseIcon","ArchiveIcon","ArrowDownIcon","ArrowLeftIcon","ArrowRightIcon","ArrowUpIcon","ArrowsOutVerticalIcon","AssistantIcon","AssistantToIcon","AttachmentIcon","BarsIcon","BasketballIcon","BentoIcon","BoldIcon","BoltIcon","BookIcon","BookmarkIcon","BranchesIcon","BriefcaseIcon","BulletIcon","BullseyeIcon","CalendarIcon","CameraIcon","CarIcon","CaretDownIcon","CaretDownSolidIcon","CaretUpIcon","CaretUpSolidIcon","CatIcon","ChartBarIcon","ChartLineIcon","ChartPieIcon","CheckmarkIcon","CherriesIcon","CircleAngleLeftIcon","CircleAngleRightIcon","ClockIcon","CollapseLeftIcon","CollapseRightIcon","CommentIcon","CommentCheckIcon","ConnectionsIcon","CopyIcon","CountIcon","CsvIcon","DeleteIcon","DepartmentIcon","DirectReportsIcon","DismissIcon","DollarIcon","DottedLinesIcon","DownloadIcon","DuplicateIcon","EditIcon","EnterIcon","EventIcon","EverythingReportIcon","ExitIcon","EyeHiddenIcon","EyeVisibleIcon","FeedbackIcon","FileCheckIcon","FilterIcon","FiveIcon","FlagIcon","FocusIcon","FolderIcon","FootballIcon","FourIcon","GaugeIcon","GiftIcon","GraduationHatIcon","GraphIcon","GridIcon","GripIcon","GroupsIcon","GrowthIcon","HappinessIcon","HierarchyIcon","HomeIcon","HourglassIcon","ImageIcon","InfoIcon","InvoiceIcon","ItalicIcon","KebabIcon","KeyIcon","KeyResultIcon","LanguageIcon","LearningPathIcon","LearningPathStepIcon","LightbulbIcon","LinkIcon","LocationIcon","LockIcon","LockedCalendarIcon","LockedNoteIcon","MailIcon","MaximizeIcon","MediaIcon","MicrophoneIcon","MicrophoneDisabledIcon","MinusIcon","MobileIcon","MoveIcon","NewCommentIcon","NewFilterIcon","NewGiftIcon","NewNoteIcon","NewNotificationIcon","NewStickyIcon","NewTabIcon","NewTemplateIcon","NewTipIcon","NextCalendarIcon","NoteIcon","NotebookIcon","NotificationIcon","OneIcon","OneOnOneIcon","OpenRoleIcon","OpenSmileIcon","OrderedListIcon","OrgChartIcon","OrganizationIcon","PauseIcon","PdfIcon","PeaceIcon","PercentIcon","PhoneIcon","PinIcon","PinSolidIcon","PlayIcon","PlaySolidIcon","PlusIcon","PrintIcon","ProfileIcon","ProgressIcon","PronunciationIcon","QuestionIcon","QuizLessonIcon","ReactionIcon","RecurringIcon","RefreshIcon","RelationWithManagerIcon","RelationshipWithPeersIcon","ReminderIcon","RemoveIcon","RemoveCalendarIcon","RemoveUserIcon","ReplyIcon","ReportIcon","ReportsToIcon","RequalificationIcon","ReviewIcon","RewindIcon","RocketIcon","SatisfactionIcon","ScreenShareIcon","SearchIcon","SectionIcon","SegmentIcon","SendIcon","SettingsIcon","SettingsNotificationIcon","SettingsWarningIcon","ShareIcon","SharedIcon","ShieldIcon","SliderIcon","SortIcon","SparklesIcon","SproutIcon","StarIcon","StarSolidIcon","StartOverIcon","StickyIcon","StrikethroughIcon","SubstractIcon","SuccessIcon","SyncIcon","TagIcon","TeamIcon","TemplateIcon","TextLessonIcon","ThreeIcon","ThumbsDownIcon","ThumbsUpIcon","TipIcon","TwoIcon","UnarchiveIcon","UnderlineIcon","UnorderedListIcon","UploadIcon","UpsellIcon","UserIcon","VideoIcon","VideoCameraIcon","VideoCameraDisabledIcon","WarningIcon","WebinarLessonIcon","WellnessIcon","WhosWhoFaceIcon","WhosWhoGameIcon"] as const;