@fibery/ui-kit 1.29.4 → 1.30.0

package/src/icons/react/Network.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import NetworkSvg from '../ast/Network';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const Network = (
+const Network = forwardRef<SVGSVGElement, IconBaseProps>(function Network(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={NetworkSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={NetworkSvg} />});
 
-Network.displayName = 'Network';
 export default Network;

package/src/icons/react/NetworkAdd.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import NetworkAddSvg from '../ast/NetworkAdd';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const NetworkAdd = (
+const NetworkAdd = forwardRef<SVGSVGElement, IconBaseProps>(function NetworkAdd(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={NetworkAddSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={NetworkAddSvg} />});
 
-NetworkAdd.displayName = 'NetworkAdd';
 export default NetworkAdd;

package/src/icons/react/Notifications.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import NotificationsSvg from '../ast/Notifications';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const Notifications = (
+const Notifications = forwardRef<SVGSVGElement, IconBaseProps>(function Notifications(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={NotificationsSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={NotificationsSvg} />});
 
-Notifications.displayName = 'Notifications';
 export default Notifications;

package/src/icons/react/ObjChild.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import ObjChildSvg from '../ast/ObjChild';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const ObjChild = (
+const ObjChild = forwardRef<SVGSVGElement, IconBaseProps>(function ObjChild(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={ObjChildSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={ObjChildSvg} />});
 
-ObjChild.displayName = 'ObjChild';
 export default ObjChild;

package/src/icons/react/ObjM2M.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import ObjM2MSvg from '../ast/ObjM2M';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const ObjM2M = (
+const ObjM2M = forwardRef<SVGSVGElement, IconBaseProps>(function ObjM2M(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={ObjM2MSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={ObjM2MSvg} />});
 
-ObjM2M.displayName = 'ObjM2M';
 export default ObjM2M;

package/src/icons/react/ObjO2O.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import ObjO2OSvg from '../ast/ObjO2O';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const ObjO2O = (
+const ObjO2O = forwardRef<SVGSVGElement, IconBaseProps>(function ObjO2O(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={ObjO2OSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={ObjO2OSvg} />});
 
-ObjO2O.displayName = 'ObjO2O';
 export default ObjO2O;

package/src/icons/react/ObjParent.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import ObjParentSvg from '../ast/ObjParent';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const ObjParent = (
+const ObjParent = forwardRef<SVGSVGElement, IconBaseProps>(function ObjParent(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={ObjParentSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={ObjParentSvg} />});
 
-ObjParent.displayName = 'ObjParent';
 export default ObjParent;

package/src/icons/react/ObjSelf.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import ObjSelfSvg from '../ast/ObjSelf';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const ObjSelf = (
+const ObjSelf = forwardRef<SVGSVGElement, IconBaseProps>(function ObjSelf(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={ObjSelfSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={ObjSelfSvg} />});
 
-ObjSelf.displayName = 'ObjSelf';
 export default ObjSelf;

package/src/icons/react/OnSchedule.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import OnScheduleSvg from '../ast/OnSchedule';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const OnSchedule = (
+const OnSchedule = forwardRef<SVGSVGElement, IconBaseProps>(function OnSchedule(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={OnScheduleSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={OnScheduleSvg} />});
 
-OnSchedule.displayName = 'OnSchedule';
 export default OnSchedule;

package/src/icons/react/OpenAsPage.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import OpenAsPageSvg from '../ast/OpenAsPage';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const OpenAsPage = (
+const OpenAsPage = forwardRef<SVGSVGElement, IconBaseProps>(function OpenAsPage(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={OpenAsPageSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={OpenAsPageSvg} />});
 
-OpenAsPage.displayName = 'OpenAsPage';
 export default OpenAsPage;

package/src/icons/react/PageRegularMode.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import PageRegularModeSvg from '../ast/PageRegularMode';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const PageRegularMode = (
+const PageRegularMode = forwardRef<SVGSVGElement, IconBaseProps>(function PageRegularMode(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={PageRegularModeSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={PageRegularModeSvg} />});
 
-PageRegularMode.displayName = 'PageRegularMode';
 export default PageRegularMode;

package/src/icons/react/PageWideMode.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import PageWideModeSvg from '../ast/PageWideMode';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const PageWideMode = (
+const PageWideMode = forwardRef<SVGSVGElement, IconBaseProps>(function PageWideMode(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={PageWideModeSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={PageWideModeSvg} />});
 
-PageWideMode.displayName = 'PageWideMode';
 export default PageWideMode;

package/src/icons/react/Pencil.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import PencilSvg from '../ast/Pencil';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const Pencil = (
+const Pencil = forwardRef<SVGSVGElement, IconBaseProps>(function Pencil(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={PencilSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={PencilSvg} />});
 
-Pencil.displayName = 'Pencil';
 export default Pencil;

package/src/icons/react/People.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import PeopleSvg from '../ast/People';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const People = (
+const People = forwardRef<SVGSVGElement, IconBaseProps>(function People(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={PeopleSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={PeopleSvg} />});
 
-People.displayName = 'People';
 export default People;

package/src/icons/react/Photo.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import PhotoSvg from '../ast/Photo';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const Photo = (
+const Photo = forwardRef<SVGSVGElement, IconBaseProps>(function Photo(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={PhotoSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={PhotoSvg} />});
 
-Photo.displayName = 'Photo';
 export default Photo;

package/src/icons/react/Pin.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import PinSvg from '../ast/Pin';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const Pin = (
+const Pin = forwardRef<SVGSVGElement, IconBaseProps>(function Pin(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={PinSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={PinSvg} />});
 
-Pin.displayName = 'Pin';
 export default Pin;

package/src/icons/react/PinFilled.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import PinFilledSvg from '../ast/PinFilled';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const PinFilled = forwardRef<SVGSVGElement, IconBaseProps>(function PinFilled(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={PinFilledSvg} />});
+
+export default PinFilled;

package/src/icons/react/Popup.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import PopupSvg from '../ast/Popup';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const Popup = (
+const Popup = forwardRef<SVGSVGElement, IconBaseProps>(function Popup(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={PopupSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={PopupSvg} />});
 
-Popup.displayName = 'Popup';
 export default Popup;

package/src/icons/react/Posts.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import PostsSvg from '../ast/Posts';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const Posts = (
+const Posts = forwardRef<SVGSVGElement, IconBaseProps>(function Posts(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={PostsSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={PostsSvg} />});
 
-Posts.displayName = 'Posts';
 export default Posts;

package/src/icons/react/Question.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import QuestionSvg from '../ast/Question';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const Question = (
+const Question = forwardRef<SVGSVGElement, IconBaseProps>(function Question(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={QuestionSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={QuestionSvg} />});
 
-Question.displayName = 'Question';
 export default Question;

package/src/icons/react/Refresh.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import RefreshSvg from '../ast/Refresh';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const Refresh = (
+const Refresh = forwardRef<SVGSVGElement, IconBaseProps>(function Refresh(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={RefreshSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={RefreshSvg} />});
 
-Refresh.displayName = 'Refresh';
 export default Refresh;

package/src/icons/react/Remove.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import RemoveSvg from '../ast/Remove';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const Remove = (
+const Remove = forwardRef<SVGSVGElement, IconBaseProps>(function Remove(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={RemoveSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={RemoveSvg} />});
 
-Remove.displayName = 'Remove';
 export default Remove;

package/src/icons/react/RemovePeople.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import RemovePeopleSvg from '../ast/RemovePeople';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const RemovePeople = (
+const RemovePeople = forwardRef<SVGSVGElement, IconBaseProps>(function RemovePeople(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={RemovePeopleSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={RemovePeopleSvg} />});
 
-RemovePeople.displayName = 'RemovePeople';
 export default RemovePeople;

package/src/icons/react/Reply.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import ReplySvg from '../ast/Reply';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const Reply = (
+const Reply = forwardRef<SVGSVGElement, IconBaseProps>(function Reply(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={ReplySvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={ReplySvg} />});
 
-Reply.displayName = 'Reply';
 export default Reply;

package/src/icons/react/Restore.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import RestoreSvg from '../ast/Restore';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const Restore = (
+const Restore = forwardRef<SVGSVGElement, IconBaseProps>(function Restore(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={RestoreSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={RestoreSvg} />});
 
-Restore.displayName = 'Restore';
 export default Restore;

package/src/icons/react/RicheditorActionsMore.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import RicheditorActionsMoreSvg from '../ast/RicheditorActionsMore';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const RicheditorActionsMore = (
+const RicheditorActionsMore = forwardRef<SVGSVGElement, IconBaseProps>(function RicheditorActionsMore(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={RicheditorActionsMoreSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={RicheditorActionsMoreSvg} />});
 
-RicheditorActionsMore.displayName = 'RicheditorActionsMore';
 export default RicheditorActionsMore;

package/src/icons/react/RicheditorBlockCallout.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import RicheditorBlockCalloutSvg from '../ast/RicheditorBlockCallout';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const RicheditorBlockCallout = (
+const RicheditorBlockCallout = forwardRef<SVGSVGElement, IconBaseProps>(function RicheditorBlockCallout(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={RicheditorBlockCalloutSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={RicheditorBlockCalloutSvg} />});
 
-RicheditorBlockCallout.displayName = 'RicheditorBlockCallout';
 export default RicheditorBlockCallout;

package/src/icons/react/RicheditorBlockCode.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import RicheditorBlockCodeSvg from '../ast/RicheditorBlockCode';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const RicheditorBlockCode = (
+const RicheditorBlockCode = forwardRef<SVGSVGElement, IconBaseProps>(function RicheditorBlockCode(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={RicheditorBlockCodeSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={RicheditorBlockCodeSvg} />});
 
-RicheditorBlockCode.displayName = 'RicheditorBlockCode';
 export default RicheditorBlockCode;

package/src/icons/react/RicheditorBlockEmbed.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import RicheditorBlockEmbedSvg from '../ast/RicheditorBlockEmbed';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const RicheditorBlockEmbed = (
+const RicheditorBlockEmbed = forwardRef<SVGSVGElement, IconBaseProps>(function RicheditorBlockEmbed(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={RicheditorBlockEmbedSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={RicheditorBlockEmbedSvg} />});
 
-RicheditorBlockEmbed.displayName = 'RicheditorBlockEmbed';
 export default RicheditorBlockEmbed;

package/src/icons/react/RicheditorBlockEntity.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import RicheditorBlockEntitySvg from '../ast/RicheditorBlockEntity';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const RicheditorBlockEntity = (
+const RicheditorBlockEntity = forwardRef<SVGSVGElement, IconBaseProps>(function RicheditorBlockEntity(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={RicheditorBlockEntitySvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={RicheditorBlockEntitySvg} />});
 
-RicheditorBlockEntity.displayName = 'RicheditorBlockEntity';
 export default RicheditorBlockEntity;

package/src/icons/react/RicheditorBlockFile.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import RicheditorBlockFileSvg from '../ast/RicheditorBlockFile';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const RicheditorBlockFile = (
+const RicheditorBlockFile = forwardRef<SVGSVGElement, IconBaseProps>(function RicheditorBlockFile(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={RicheditorBlockFileSvg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={RicheditorBlockFileSvg} />});
 
-RicheditorBlockFile.displayName = 'RicheditorBlockFile';
 export default RicheditorBlockFile;

package/src/icons/react/RicheditorBlockH1.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import RicheditorBlockH1Svg from '../ast/RicheditorBlockH1';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const RicheditorBlockH1 = (
+const RicheditorBlockH1 = forwardRef<SVGSVGElement, IconBaseProps>(function RicheditorBlockH1(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={RicheditorBlockH1Svg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={RicheditorBlockH1Svg} />});
 
-RicheditorBlockH1.displayName = 'RicheditorBlockH1';
 export default RicheditorBlockH1;

package/src/icons/react/RicheditorBlockH2.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import RicheditorBlockH2Svg from '../ast/RicheditorBlockH2';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const RicheditorBlockH2 = (
+const RicheditorBlockH2 = forwardRef<SVGSVGElement, IconBaseProps>(function RicheditorBlockH2(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={RicheditorBlockH2Svg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={RicheditorBlockH2Svg} />});
 
-RicheditorBlockH2.displayName = 'RicheditorBlockH2';
 export default RicheditorBlockH2;

package/src/icons/react/RicheditorBlockH3.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import RicheditorBlockH3Svg from '../ast/RicheditorBlockH3';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const RicheditorBlockH3 = (
+const RicheditorBlockH3 = forwardRef<SVGSVGElement, IconBaseProps>(function RicheditorBlockH3(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={RicheditorBlockH3Svg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={RicheditorBlockH3Svg} />});
 
-RicheditorBlockH3.displayName = 'RicheditorBlockH3';
 export default RicheditorBlockH3;

package/src/icons/react/RicheditorBlockH4.tsx

@@ -1,12 +1,13 @@
 // This icon file is generated automatically.
 
+import {forwardRef} from 'react';
 import RicheditorBlockH4Svg from '../ast/RicheditorBlockH4';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const RicheditorBlockH4 = (
+const RicheditorBlockH4 = forwardRef<SVGSVGElement, IconBaseProps>(function RicheditorBlockH4(
   props: IconBaseProps,
-): JSX.Element => <Icon {...props} icon={RicheditorBlockH4Svg} />;
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={RicheditorBlockH4Svg} />});
 
-RicheditorBlockH4.displayName = 'RicheditorBlockH4';
 export default RicheditorBlockH4;