@fibery/ui-kit 1.29.5 → 1.30.0

package/src/icons/react/RicheditorHistoryUndo.tsx

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

package/src/icons/react/RicheditorImageAlignCenter.tsx

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

package/src/icons/react/RicheditorImageAlignLeft.tsx

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

package/src/icons/react/RicheditorImageAlignRight.tsx

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

package/src/icons/react/RicheditorImageUpload.tsx

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

package/src/icons/react/RicheditorImageWrapCenter.tsx

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

package/src/icons/react/RicheditorImageWrapLeft.tsx

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

package/src/icons/react/RicheditorImageWrapRight.tsx

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

package/src/icons/react/RicheditorImageZoom.tsx

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

package/src/icons/react/RicheditorLinkCreate.tsx

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

package/src/icons/react/RicheditorLinkedhighlightCreate.tsx

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

package/src/icons/react/RicheditorListBullet.tsx

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

package/src/icons/react/RicheditorListIndent.tsx

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

package/src/icons/react/RicheditorListOrdered.tsx

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

package/src/icons/react/RicheditorListUnindent.tsx

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

package/src/icons/react/RicheditorMarkCode.tsx

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

package/src/icons/react/RicheditorMarkEm.tsx

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

package/src/icons/react/RicheditorMarkStrike.tsx

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

package/src/icons/react/RicheditorMarkStrong.tsx

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

package/src/icons/react/RicheditorMarkTextBackgroundColor.tsx

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

package/src/icons/react/RicheditorMarkUnderline.tsx

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

package/src/icons/react/RicheditorOpenLink.tsx

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

package/src/icons/react/RicheditorTableCreate.tsx

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

package/src/icons/react/RicheditorUnlink.tsx

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

package/src/icons/react/RicheditorVideoUpload.tsx

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

package/src/icons/react/RightPanel.tsx

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

package/src/icons/react/Rows.tsx

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

package/src/icons/react/Search.tsx

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

package/src/icons/react/SelfReferenceOff.tsx

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

package/src/icons/react/SelfReferenceOn.tsx

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

package/src/icons/react/SendArrow.tsx

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

package/src/icons/react/Settings.tsx

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

package/src/icons/react/Share.tsx

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

package/src/icons/react/Shared.tsx

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

package/src/icons/react/ShieldKeyhole.tsx

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