fix(fuselage): FramedIcon HTMLAttributes props (#1255)

RocketChat · Dec 27, 2023 · 84b486f · 84b486f
1 parent 1e6a5ac
commit 84b486f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/.changeset/many-cobras-whisper.md b/.changeset/many-cobras-whisper.md
@@ -0,0 +1,5 @@
+---
+"@rocket.chat/fuselage": patch
+---
+
+fix(fuselage): `FramedIcon` HTMLAttributes props
diff --git a/packages/fuselage/src/components/FramedIcon/FramedIcon.tsx b/packages/fuselage/src/components/FramedIcon/FramedIcon.tsx
@@ -1,4 +1,5 @@
 import type { Keys } from '@rocket.chat/icons';
+import type { AllHTMLAttributes } from 'react';
 import React from 'react';
 
 import { Icon } from '../Icon';
@@ -10,7 +11,7 @@ type FramedIconProps = {
   danger?: boolean;
   neutral?: boolean;
   icon: Keys;
-};
+} & Omit<AllHTMLAttributes<HTMLElement>, 'is'>;
 
 export const FramedIcon = ({
   info,
@@ -19,8 +20,10 @@ export const FramedIcon = ({
   danger,
   neutral,
   icon,
+  ...props
 }: FramedIconProps) => (
   <Icon
+    {...props}
     rcx-framed-icon
     rcx-framed-icon--info={info}
     rcx-framed-icon--success={success}