Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(icons): add forwardRef for Tooltip compatibility #64

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

feat(icons): add forwardRef for Tooltip compatibility #64

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
7 changes: 5 additions & 2 deletions lib/AbbrApi.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,14 @@
import * as React from 'react';
import type {SVGProps} from 'react';
const AbbrApi = (props: SVGProps<SVGSVGElement>) => (
import {Ref, forwardRef} from 'react';
const AbbrApi = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width={16}
height={16}
fill="none"
viewBox="0 0 16 16"
ref={ref}
{...props}
>
<path
Expand All @@ -17,4 +19,5 @@ const AbbrApi = (props: SVGProps<SVGSVGElement>) => (
/>
</svg>
);
export default AbbrApi;
const ForwardRef = forwardRef(AbbrApi);
export default ForwardRef;
7 changes: 5 additions & 2 deletions lib/AbbrMl.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,14 @@
import * as React from 'react';
import type {SVGProps} from 'react';
const AbbrMl = (props: SVGProps<SVGSVGElement>) => (
import {Ref, forwardRef} from 'react';
const AbbrMl = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width={16}
height={16}
fill="none"
viewBox="0 0 16 16"
ref={ref}
{...props}
>
<path
Expand All @@ -17,4 +19,5 @@ const AbbrMl = (props: SVGProps<SVGSVGElement>) => (
/>
</svg>
);
export default AbbrMl;
const ForwardRef = forwardRef(AbbrMl);
export default ForwardRef;
7 changes: 5 additions & 2 deletions lib/AbbrQl.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,14 @@
import * as React from 'react';
import type {SVGProps} from 'react';
const AbbrQl = (props: SVGProps<SVGSVGElement>) => (
import {Ref, forwardRef} from 'react';
const AbbrQl = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width={16}
height={16}
fill="none"
viewBox="0 0 16 16"
ref={ref}
{...props}
>
<path
Expand All @@ -17,4 +19,5 @@ const AbbrQl = (props: SVGProps<SVGSVGElement>) => (
/>
</svg>
);
export default AbbrQl;
const ForwardRef = forwardRef(AbbrQl);
export default ForwardRef;
7 changes: 5 additions & 2 deletions lib/AbbrSql.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,14 @@
import * as React from 'react';
import type {SVGProps} from 'react';
const AbbrSql = (props: SVGProps<SVGSVGElement>) => (
import {Ref, forwardRef} from 'react';
const AbbrSql = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width={16}
height={16}
fill="none"
viewBox="0 0 16 16"
ref={ref}
{...props}
>
<g clipPath="url(#a)">
Expand All @@ -24,4 +26,5 @@ const AbbrSql = (props: SVGProps<SVGSVGElement>) => (
</defs>
</svg>
);
export default AbbrSql;
const ForwardRef = forwardRef(AbbrSql);
export default ForwardRef;
7 changes: 5 additions & 2 deletions lib/AbbrZip.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,14 @@
import * as React from 'react';
import type {SVGProps} from 'react';
const AbbrZip = (props: SVGProps<SVGSVGElement>) => (
import {Ref, forwardRef} from 'react';
const AbbrZip = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width={16}
height={16}
fill="none"
viewBox="0 0 16 16"
ref={ref}
{...props}
>
<path
Expand All @@ -17,4 +19,5 @@ const AbbrZip = (props: SVGProps<SVGSVGElement>) => (
/>
</svg>
);
export default AbbrZip;
const ForwardRef = forwardRef(AbbrZip);
export default ForwardRef;
7 changes: 5 additions & 2 deletions lib/AntennaSignal.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,14 @@
import * as React from 'react';
import type {SVGProps} from 'react';
const AntennaSignal = (props: SVGProps<SVGSVGElement>) => (
import {Ref, forwardRef} from 'react';
const AntennaSignal = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width={16}
height={16}
fill="none"
viewBox="0 0 16 16"
ref={ref}
{...props}
>
<path
Expand All @@ -17,4 +19,5 @@ const AntennaSignal = (props: SVGProps<SVGSVGElement>) => (
/>
</svg>
);
export default AntennaSignal;
const ForwardRef = forwardRef(AntennaSignal);
export default ForwardRef;
7 changes: 5 additions & 2 deletions lib/Aperture.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,14 @@
import * as React from 'react';
import type {SVGProps} from 'react';
const Aperture = (props: SVGProps<SVGSVGElement>) => (
import {Ref, forwardRef} from 'react';
const Aperture = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width={16}
height={16}
fill="none"
viewBox="0 0 16 16"
ref={ref}
{...props}
>
<path
Expand All @@ -17,4 +19,5 @@ const Aperture = (props: SVGProps<SVGSVGElement>) => (
/>
</svg>
);
export default Aperture;
const ForwardRef = forwardRef(Aperture);
export default ForwardRef;
7 changes: 5 additions & 2 deletions lib/Archive.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,14 @@
import * as React from 'react';
import type {SVGProps} from 'react';
const Archive = (props: SVGProps<SVGSVGElement>) => (
import {Ref, forwardRef} from 'react';
const Archive = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width={16}
height={16}
fill="none"
viewBox="0 0 16 16"
ref={ref}
{...props}
>
<path
Expand All @@ -17,4 +19,5 @@ const Archive = (props: SVGProps<SVGSVGElement>) => (
/>
</svg>
);
export default Archive;
const ForwardRef = forwardRef(Archive);
export default ForwardRef;
7 changes: 5 additions & 2 deletions lib/ArrowChevronDown.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,14 @@
import * as React from 'react';
import type {SVGProps} from 'react';
const ArrowChevronDown = (props: SVGProps<SVGSVGElement>) => (
import {Ref, forwardRef} from 'react';
const ArrowChevronDown = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width={16}
height={16}
fill="none"
viewBox="0 0 16 16"
ref={ref}
{...props}
>
<path
Expand All @@ -17,4 +19,5 @@ const ArrowChevronDown = (props: SVGProps<SVGSVGElement>) => (
/>
</svg>
);
export default ArrowChevronDown;
const ForwardRef = forwardRef(ArrowChevronDown);
export default ForwardRef;
7 changes: 5 additions & 2 deletions lib/ArrowChevronLeft.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,14 @@
import * as React from 'react';
import type {SVGProps} from 'react';
const ArrowChevronLeft = (props: SVGProps<SVGSVGElement>) => (
import {Ref, forwardRef} from 'react';
const ArrowChevronLeft = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width={16}
height={16}
fill="none"
viewBox="0 0 16 16"
ref={ref}
{...props}
>
<path
Expand All @@ -17,4 +19,5 @@ const ArrowChevronLeft = (props: SVGProps<SVGSVGElement>) => (
/>
</svg>
);
export default ArrowChevronLeft;
const ForwardRef = forwardRef(ArrowChevronLeft);
export default ForwardRef;
7 changes: 5 additions & 2 deletions lib/ArrowChevronRight.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,14 @@
import * as React from 'react';
import type {SVGProps} from 'react';
const ArrowChevronRight = (props: SVGProps<SVGSVGElement>) => (
import {Ref, forwardRef} from 'react';
const ArrowChevronRight = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width={16}
height={16}
fill="none"
viewBox="0 0 16 16"
ref={ref}
{...props}
>
<path
Expand All @@ -17,4 +19,5 @@ const ArrowChevronRight = (props: SVGProps<SVGSVGElement>) => (
/>
</svg>
);
export default ArrowChevronRight;
const ForwardRef = forwardRef(ArrowChevronRight);
export default ForwardRef;
7 changes: 5 additions & 2 deletions lib/ArrowChevronUp.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,14 @@
import * as React from 'react';
import type {SVGProps} from 'react';
const ArrowChevronUp = (props: SVGProps<SVGSVGElement>) => (
import {Ref, forwardRef} from 'react';
const ArrowChevronUp = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width={16}
height={16}
fill="none"
viewBox="0 0 16 16"
ref={ref}
{...props}
>
<path
Expand All @@ -17,4 +19,5 @@ const ArrowChevronUp = (props: SVGProps<SVGSVGElement>) => (
/>
</svg>
);
export default ArrowChevronUp;
const ForwardRef = forwardRef(ArrowChevronUp);
export default ForwardRef;
7 changes: 5 additions & 2 deletions lib/ArrowDown.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,14 @@
import * as React from 'react';
import type {SVGProps} from 'react';
const ArrowDown = (props: SVGProps<SVGSVGElement>) => (
import {Ref, forwardRef} from 'react';
const ArrowDown = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width={16}
height={16}
fill="none"
viewBox="0 0 16 16"
ref={ref}
{...props}
>
<path
Expand All @@ -17,4 +19,5 @@ const ArrowDown = (props: SVGProps<SVGSVGElement>) => (
/>
</svg>
);
export default ArrowDown;
const ForwardRef = forwardRef(ArrowDown);
export default ForwardRef;
7 changes: 5 additions & 2 deletions lib/ArrowDownFromLine.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,14 @@
import * as React from 'react';
import type {SVGProps} from 'react';
const ArrowDownFromLine = (props: SVGProps<SVGSVGElement>) => (
import {Ref, forwardRef} from 'react';
const ArrowDownFromLine = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width={16}
height={16}
fill="none"
viewBox="0 0 16 16"
ref={ref}
{...props}
>
<path
Expand All @@ -17,4 +19,5 @@ const ArrowDownFromLine = (props: SVGProps<SVGSVGElement>) => (
/>
</svg>
);
export default ArrowDownFromLine;
const ForwardRef = forwardRef(ArrowDownFromLine);
export default ForwardRef;
7 changes: 5 additions & 2 deletions lib/ArrowDownToLine.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,14 @@
import * as React from 'react';
import type {SVGProps} from 'react';
const ArrowDownToLine = (props: SVGProps<SVGSVGElement>) => (
import {Ref, forwardRef} from 'react';
const ArrowDownToLine = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width={16}
height={16}
fill="none"
viewBox="0 0 16 16"
ref={ref}
{...props}
>
<path
Expand All @@ -17,4 +19,5 @@ const ArrowDownToLine = (props: SVGProps<SVGSVGElement>) => (
/>
</svg>
);
export default ArrowDownToLine;
const ForwardRef = forwardRef(ArrowDownToLine);
export default ForwardRef;
7 changes: 5 additions & 2 deletions lib/ArrowDownToSquare.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,14 @@
import * as React from 'react';
import type {SVGProps} from 'react';
const ArrowDownToSquare = (props: SVGProps<SVGSVGElement>) => (
import {Ref, forwardRef} from 'react';
const ArrowDownToSquare = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width={16}
height={16}
fill="none"
viewBox="0 0 16 16"
ref={ref}
{...props}
>
<path
Expand All @@ -17,4 +19,5 @@ const ArrowDownToSquare = (props: SVGProps<SVGSVGElement>) => (
/>
</svg>
);
export default ArrowDownToSquare;
const ForwardRef = forwardRef(ArrowDownToSquare);
export default ForwardRef;
7 changes: 5 additions & 2 deletions lib/ArrowLeft.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,14 @@
import * as React from 'react';
import type {SVGProps} from 'react';
const ArrowLeft = (props: SVGProps<SVGSVGElement>) => (
import {Ref, forwardRef} from 'react';
const ArrowLeft = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width={16}
height={16}
fill="none"
viewBox="0 0 16 16"
ref={ref}
{...props}
>
<path
Expand All @@ -17,4 +19,5 @@ const ArrowLeft = (props: SVGProps<SVGSVGElement>) => (
/>
</svg>
);
export default ArrowLeft;
const ForwardRef = forwardRef(ArrowLeft);
export default ForwardRef;
Loading