added pingboard icons - ds-241 (#26)

gsoft-inc · Jul 17, 2024 · e20acee · e20acee
2 parents ec441b5 + 31dd1b5
commit e20acee
Show file tree

Hide file tree

Showing 9 changed files with 77 additions and 8 deletions.
diff --git a/.changeset/soft-ties-kneel.md b/.changeset/soft-ties-kneel.md
@@ -0,0 +1,17 @@
+---
+"@hopper-ui/icons-react16": minor
+---
+
+Added Pingboard new icons
+
+### Minor Changes
+
+# Added Icons
+
+BirthdayIcon
+BuildIcon
+
+# Added RichIcons
+
+ApplauseRichIcon
+ProfileRichIcon
diff --git a/packages/icons-react16/package.json b/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.13.0",
+        "@hopper-ui/svg-icons": "2.15.0",
         "@svgr/core": "^8.1.0",
         "@svgr/plugin-jsx": "^8.1.0",
         "@svgr/plugin-svgo": "^8.1.0",

diff --git a/packages/icons-react16/src/generated-icon-components/BirthdayIcon.tsx b/packages/icons-react16/src/generated-icon-components/BirthdayIcon.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 BirthdayIcon16 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={16} height={16} viewBox="0 0 16 16" ref={ref} {...props}><path fillRule="evenodd" d="M12 3a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M4.75 5a.75.75 0 0 0-1.5 0v1H2a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1h-1.25V5a.75.75 0 0 0-1.5 0v1h-2.5V5a.75.75 0 0 0-1.5 0v1h-2.5zM2.5 12.5v-.857c.175.068.364.107.566.107.731 0 1.282-.51 1.677-1.066.147-.206.268-.323.353-.383a.4.4 0 0 1 .098-.05l.004-.001H5.2l.014.004a.4.4 0 0 1 .084.047c.086.06.206.177.353.383.396.557.947 1.066 1.678 1.066.73 0 1.282-.51 1.677-1.066.147-.206.267-.323.353-.383a.4.4 0 0 1 .098-.05h.002l.002-.001h.003l.014.004a.4.4 0 0 1 .084.047c.086.06.206.177.353.383.396.557.946 1.066 1.677 1.066s1.282-.51 1.678-1.066q.131-.181.229-.277V12.5zm.111-2.684A1 1 0 0 0 2.5 9.69V7.5h11v1.267a1.7 1.7 0 0 0-.518.172c-.369.192-.675.512-.934.877a1.6 1.6 0 0 1-.353.383.4.4 0 0 1-.098.05l-.004.001h-.003l-.014-.004a.4.4 0 0 1-.084-.047 1.6 1.6 0 0 1-.353-.383c-.396-.557-.946-1.066-1.677-1.066s-1.282.51-1.678 1.066a1.6 1.6 0 0 1-.353.383.4.4 0 0 1-.098.05h-.002l-.001.001h-.004l-.014-.004a.4.4 0 0 1-.084-.047 1.6 1.6 0 0 1-.353-.383C6.48 9.259 5.93 8.75 5.198 8.75s-1.282.51-1.677 1.066a1.6 1.6 0 0 1-.354.383.4.4 0 0 1-.098.05l-.003.001h-.003l-.015-.004a.4.4 0 0 1-.083-.047 1.6 1.6 0 0 1-.354-.383M8.75 2.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0M4 3a.75.75 0 1 0 0-1.5A.75.75 0 0 0 4 3" /></svg>);
+const BirthdayIcon24 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={24} height={24} viewBox="0 0 24 24" ref={ref} {...props}><path fillRule="evenodd" d="M17 6.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2m-9.25 2a.75.75 0 0 0-1.5 0V11H5a1 1 0 0 0-1 1v3.833l-.124.083q.06.09.124.179V19a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-7a1 1 0 0 0-1-1h-1.25V8.5a.75.75 0 0 0-1.5 0V11h-3.5V8.5a.75.75 0 0 0-1.5 0V11h-3.5zm-2.25 10v-1.283q.16.032.332.033c.843 0 1.483-.622 1.957-1.334.414-.622.662-.666.708-.666s.294.044.708.666c.475.712 1.114 1.334 1.957 1.334s1.482-.622 1.957-1.334c.414-.622.662-.666.708-.666s.294.044.708.666c.474.712 1.114 1.334 1.957 1.334.842 0 1.482-.622 1.956-1.334l.052-.076v2.66zm12.797-4.517a2 2 0 0 1 .203-.099V12.5h-13v3.05c.189.181.303.2.332.2.046 0 .295-.044.709-.666.474-.712 1.114-1.334 1.956-1.334.843 0 1.483.622 1.957 1.334.414.622.662.666.708.666s.294-.044.708-.666c.475-.712 1.114-1.334 1.957-1.334.842 0 1.482.622 1.957 1.334.414.622.662.666.708.666s.294-.044.708-.666c.311-.467.67-.864 1.097-1.101M13 5.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-6 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2" /></svg>);
+const BirthdayIcon32 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={32} height={32} viewBox="0 0 32 32" ref={ref} {...props}><path fillRule="evenodd" d="M23 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2M10 9a1 1 0 0 0-2 0v3H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1V13a1 1 0 0 0-1-1h-3V9a1 1 0 1 0-2 0v3h-5V9a1 1 0 1 0-2 0v3h-5zm13 5H6v4.191c.523.726.855.809.954.809.11 0 .5-.1 1.117-1.046C8.757 16.9 9.669 16 10.863 16s2.105.9 2.792 1.954C14.27 18.9 14.662 19 14.77 19s.5-.1 1.116-1.046C16.574 16.9 17.487 16 18.68 16s2.105.9 2.792 1.954C22.088 18.9 22.478 19 22.588 19s.5-.1 1.116-1.046c.45-.691.966-1.27 1.572-1.616q.35-.2.724-.283V14zM6 24v-3.203c.296.13.614.203.954.203 1.193 0 2.106-.9 2.792-1.954C10.362 18.1 10.753 18 10.863 18s.5.1 1.116 1.046C12.666 20.1 13.578 21 14.771 21s2.105-.9 2.792-1.954C18.18 18.1 18.57 18 18.68 18s.5.1 1.116 1.046C20.483 20.1 21.395 21 22.588 21s2.105-.9 2.792-1.954c.235-.361.444-.607.62-.77V24zM17 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0M9 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2" /></svg>);
+
+export const BirthdayIcon = createIcon(BirthdayIcon16, BirthdayIcon24, BirthdayIcon32, "BirthdayIcon");
diff --git a/packages/icons-react16/src/generated-icon-components/BuildIcon.tsx b/packages/icons-react16/src/generated-icon-components/BuildIcon.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 BuildIcon16 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={16} height={16} viewBox="0 0 16 16" ref={ref} {...props}><path fillRule="evenodd" d="M7.697 3.111c1.226-1.226 3.073-1.422 4.547-.664a.75.75 0 0 1 .187 1.197l-1.856 1.857.399.399 1.856-1.857a.75.75 0 0 1 1.198.188c.758 1.474.562 3.321-.664 4.547-.994.994-2.399 1.311-3.679.991L5.2 14.255a.75.75 0 0 1-1.061 0l-1.92-1.92a.75.75 0 0 1 0-1.06l4.486-4.486c-.32-1.28-.002-2.684.992-3.678m2.758.389a2.32 2.32 0 0 0-1.698.672c-.667.667-.845 1.667-.5 2.555a.75.75 0 0 1-.17.801l-4.276 4.277.858.859 4.277-4.277a.75.75 0 0 1 .802-.169c.888.345 1.888.166 2.555-.5a2.32 2.32 0 0 0 .672-1.698l-1.47 1.471a.75.75 0 0 1-1.062 0l-1.46-1.46a.75.75 0 0 1 0-1.06z" /></svg>);
+const BuildIcon24 = 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.51 5.43a4.44 4.44 0 0 1 5.052-.868.75.75 0 0 1 .207 1.207l-2.266 2.266.678.678 2.266-2.266a.75.75 0 0 1 1.207.207 4.44 4.44 0 0 1-5.078 6.22l-6.872 6.872a.75.75 0 0 1-1.06 0L4.47 17.573a.75.75 0 0 1 0-1.061l6.872-6.872a4.44 4.44 0 0 1 1.168-4.21m3.274.202a2.938 2.938 0 0 0-2.89 3.959.75.75 0 0 1-.173.791l-6.66 6.66 1.112 1.113 6.66-6.66a.75.75 0 0 1 .791-.173 2.94 2.94 0 0 0 3.96-2.89l-1.873 1.872a.75.75 0 0 1-1.06 0l-1.74-1.739a.75.75 0 0 1 0-1.06z" /></svg>);
+const BuildIcon32 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={32} height={32} viewBox="0 0 32 32" ref={ref} {...props}><path fillRule="evenodd" d="M17.025 7.56a5.9 5.9 0 0 1 6.716-1.152 1 1 0 0 1 .276 1.61l-3.008 3.008.895.896 3.009-3.01a1 1 0 0 1 1.61.277 5.902 5.902 0 0 1-6.75 8.27l-9.13 9.13a1 1 0 0 1-1.414 0L6.34 23.7a1 1 0 0 1 0-1.414l9.13-9.13a5.9 5.9 0 0 1 1.554-5.596m4.345.276a3.9 3.9 0 0 0-3.83 5.256 1 1 0 0 1-.23 1.055l-8.847 8.847 1.473 1.473 8.847-8.847a1 1 0 0 1 1.055-.23 3.9 3.9 0 0 0 5.256-3.83l-2.483 2.483a1 1 0 0 1-1.414 0l-2.31-2.31a1 1 0 0 1 0-1.414z" /></svg>);
+
+export const BuildIcon = createIcon(BuildIcon16, BuildIcon24, BuildIcon32, "BuildIcon");
diff --git a/packages/icons-react16/src/generated-icon-components/index.ts b/packages/icons-react16/src/generated-icon-components/index.ts
@@ -26,12 +26,14 @@ export * from "./AttachmentIcon.tsx";
 export * from "./BarsIcon.tsx";
 export * from "./BasketballIcon.tsx";
 export * from "./BentoIcon.tsx";
+export * from "./BirthdayIcon.tsx";
 export * from "./BoldIcon.tsx";
 export * from "./BoltIcon.tsx";
 export * from "./BookIcon.tsx";
 export * from "./BookmarkIcon.tsx";
 export * from "./BranchesIcon.tsx";
 export * from "./BriefcaseIcon.tsx";
+export * from "./BuildIcon.tsx";
 export * from "./BulletIcon.tsx";
 export * from "./BullseyeIcon.tsx";
 export * from "./CalendarIcon.tsx";
@@ -218,4 +220,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","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;
+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","BirthdayIcon","BoldIcon","BoltIcon","BookIcon","BookmarkIcon","BranchesIcon","BriefcaseIcon","BuildIcon","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;
diff --git a/packages/icons-react16/src/generated-rich-icon-components/ApplauseRichIcon.tsx b/packages/icons-react16/src/generated-rich-icon-components/ApplauseRichIcon.tsx
@@ -0,0 +1,12 @@
+/**
+ * This file is generated by the generate-components script. Do not edit directly.
+ */
+/* eslint-disable */
+import { createRichIcon } from "../createRichIcon.tsx";
+import React, { forwardRef, type Ref, type SVGProps } from "react";
+
+const ApplauseRichIcon24 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={24} height={24} viewBox="0 0 24 24" ref={ref} {...props}><path fill="var(--hop-RichIcon-placeholder-background, #E5DED6)" d="M0 12C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12" /><path fill="var(--hop-RichIcon-placeholder-shadow, #2A2620)" d="m6.46 7.309.046-.048a1.296 1.296 0 0 1 1.832 0l.043.043a1.296 1.296 0 0 1 2.136-.479l.203.202q.153.082.283.207l.018.017c.062-.153.156-.297.284-.421a1.29 1.29 0 0 1 1.785 0l.994.963a1.296 1.296 0 0 1 1.515.549q.059.045.11.098c.101-.25.287-.471.546-.616a1.284 1.284 0 0 1 1.724.448l1.85 3.084.005.01c.522.94.701 1.885.508 2.825-.193.933-.746 1.821-1.616 2.665a4.5 4.5 0 0 1-.486.41 7.4 7.4 0 0 1-.702.778c-.74.718-1.738 1.205-2.896 1.223a4.23 4.23 0 0 1-2.704.818c-1.315-.06-2.76-.715-4.222-2.178l-3.051-3.05a1.296 1.296 0 0 1 .097-1.92l.299-.3-.178-.178a1.296 1.296 0 0 1 .06-1.888l.334-.334a1.296 1.296 0 0 1 .09-1.835z" /><path fill="var(--hop-RichIcon-placeholder-fill, #fff)" d="M7.198 10.144a.3.3 0 0 0-.423.424l3.165 3.165-.883.884-2.075-2.075-.002-.001a.3.3 0 1 0-.423.423l3.05 3.051c1.339 1.339 2.561 1.842 3.564 1.888 1 .045 1.87-.36 2.526-1.016.812-.813 1.258-1.597 1.408-2.35.148-.74.024-1.517-.423-2.35l-1.925-3.314-.001-.001a.3.3 0 0 0-.519.3l.025.047.917 1.962a.625.625 0 0 1-1.008.706L9.813 7.53a.3.3 0 1 0-.413.434l2.937 2.938-.883.884-3.82-3.82a.3.3 0 1 0-.423.424l3.819 3.819-.884.884-2.944-2.944z" /><path fill="var(--hop-RichIcon-placeholder-shadow, #2A2620)" fillRule="evenodd" d="m15.35 6.55 1.287-2.228 1.082.625-1.286 2.228zm-2.32-.385.768-2.868 1.207.324-.768 2.867zm-1.907.003-.5-1.864 1.208-.323.499 1.864z" /></svg>);
+const ApplauseRichIcon32 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={32} height={32} viewBox="0 0 32 32" ref={ref} {...props}><path fill="var(--hop-RichIcon-placeholder-background, #E5DED6)" d="M0 16C0 7.163 7.163 0 16 0s16 7.163 16 16-7.163 16-16 16S0 24.837 0 16" /><path fill="var(--hop-RichIcon-placeholder-shadow, #2A2620)" d="m9.051 9.58.063-.065a1.773 1.773 0 0 1 2.507 0l.059.058a1.773 1.773 0 0 1 2.923-.655l.277.277q.21.113.388.283l.024.024c.084-.21.214-.408.389-.577a1.766 1.766 0 0 1 2.443 0l1.36 1.318a1.774 1.774 0 0 1 2.073.75q.08.064.151.136c.138-.343.392-.645.747-.843.826-.463 1.882-.188 2.359.612l2.53 4.22.008.015c.714 1.285.96 2.58.695 3.865-.264 1.278-1.021 2.493-2.212 3.647q-.311.303-.665.56-.42.541-.96 1.065c-1.014.983-2.379 1.65-3.963 1.674a5.8 5.8 0 0 1-3.7 1.12c-1.8-.081-3.777-.98-5.778-2.98l-4.175-4.175a1.773 1.773 0 0 1 .133-2.628l.409-.409-.244-.243a1.773 1.773 0 0 1 .082-2.584l.458-.458a1.773 1.773 0 0 1 .122-2.51z" /><path fill="var(--hop-RichIcon-placeholder-fill, #fff)" d="M10.224 13.298a.64.64 0 1 0-.906.905l4.17 4.169-.884.884-2.67-2.67-.009-.008a.64.64 0 0 0-.905.905l4.175 4.174c1.86 1.86 3.584 2.585 5.028 2.65 1.441.066 2.693-.52 3.63-1.457 1.134-1.134 1.773-2.246 1.99-3.333.216-1.075.032-2.192-.603-3.375l-2.638-4.538a.64.64 0 1 0-1.109.64l.025.048 1.256 2.684a.625.625 0 0 1-1.009.707l-5.963-5.964a.64.64 0 1 0-.9.911l3.866 3.866-.884.884-5.064-5.064a.64.64 0 0 0-.905.905l5.064 5.064-.884.883-3.863-3.862z" /><path fill="var(--hop-RichIcon-placeholder-shadow, #2A2620)" fillRule="evenodd" d="m21.615 8.772 1.76-3.049 1.083.625-1.76 3.05zm-3.13-.638 1.052-3.924 1.207.323-1.051 3.924zM15.876 7.9l-.684-2.55 1.208-.323.683 2.55z" /></svg>);
+const ApplauseRichIcon40 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={40} height={40} viewBox="0 0 40 40" ref={ref} {...props}><path fill="var(--hop-RichIcon-placeholder-background, #E5DED6)" d="M0 20C0 8.954 8.954 0 20 0s20 8.954 20 20-8.954 20-20 20S0 31.046 0 20" /><path fill="var(--hop-RichIcon-placeholder-shadow, #2A2620)" d="M11.063 11.905c.897-.897 2.292-.794 3.158.072.522-1.46 2.48-1.924 3.598-.806.267.267.578.457.848.719a2.05 2.05 0 0 1 .479-.711 2.174 2.174 0 0 1 3.006 0l1.674 1.623c1.21-.408 2.078.193 2.738 1.09.169-.422.482-.794.918-1.038 1.017-.569 2.317-.231 2.904.754l3.114 5.194.01.018c.88 1.581 1.181 3.175.855 4.757-.794 3.85-5.51 8.486-9.6 8.549-1.26.912-2.811 1.458-4.554 1.379-5.162-.235-8.89-5.448-12.249-8.807-1.313-1.313-.358-2.712.667-3.737-1.362-1.362-.932-2.748.364-4.044a2.18 2.18 0 0 1 .07-3.012z" /><path fill="var(--hop-RichIcon-placeholder-fill, #fff)" d="M12.531 16.459a.932.932 0 0 0-1.318 1.318l5.03 5.03-.885.883-3.184-3.184-.01-.01a.932.932 0 1 0-1.318 1.318l5.138 5.138c2.307 2.308 4.462 3.221 6.284 3.304 1.82.083 3.398-.658 4.576-1.836 1.409-1.41 2.215-2.802 2.49-4.176.272-1.362.036-2.772-.759-4.252l-3.247-5.587a.932.932 0 0 0-1.615.932l.025.047 1.545 3.304a.625.625 0 0 1-1.008.707l-7.34-7.34a.932.932 0 1 0-1.318 1.318l.008.008 4.654 4.655-.884.883-6.13-6.13a.932.932 0 1 0-1.318 1.318l6.13 6.13-.884.884-4.654-4.654z" /><path fill="var(--hop-RichIcon-placeholder-shadow, #2A2620)" fillRule="evenodd" d="m26.7 11.136 2.166-3.753 1.083.625-2.167 3.753zm-3.824-.856 1.294-4.829 1.207.324-1.294 4.83zm-3.212-.436-.841-3.139 1.207-.323.841 3.139z" /></svg>);
+
+export const ApplauseRichIcon = createRichIcon(ApplauseRichIcon24, ApplauseRichIcon32, ApplauseRichIcon40, "ApplauseRichIcon");