fix: icon: Add iconProps prop support to MdiIcon component (#1005)

* fix: icon: Add iconProps prop support to MdiIcon component

* fix: icon: removed  iconProps from icon component

* fix: icon: removed  logs

* fix: icon: resolved comment

* fix: icon: resolved comment

* fix: icon: resolved comment

* fix: icon: resolved comment

* fix: icon: resolved comment

---------

Co-authored-by: ypatadia-eightfold <ypatadia@eightfold.ai>

Author: vkatkade-c-eightfold

src/components/InfoBar/InfoBar.tsx

@@ -39,6 +39,7 @@ export const InfoBar: FC<InfoBarsProps> = React.forwardRef(
       gradient = false,
       icon,
       iconClassNames,
+      iconProps = {},
       locale = enUS,
       onClose,
       role = 'alert',
@@ -145,6 +146,7 @@ export const InfoBar: FC<InfoBarsProps> = React.forwardRef(
                 <Icon
                   path={getIconName()}
                   classNames={mergeClasses([styles.icon, iconClassNames])}
+                  {...iconProps}
                 />
                 <div
                   className={mergeClasses([

src/components/InfoBar/InfoBar.types.ts

@@ -3,6 +3,7 @@ import { IconName } from '../Icon';
 import { ButtonProps } from '../Button';
 import { OcBaseProps } from '../OcBase';
 import React from 'react';
+import { IconProps } from '../Icon/Icon.types';
 
 export type CloseButtonProps = Omit<ButtonProps, 'onClick' | 'icon'>;
 
@@ -92,6 +93,11 @@ export interface InfoBarsProps
    * Custom classes of the icon.
    */
   iconClassNames?: string;
+  /**
+   * Additional props to be passed to the Icon component.
+   * These props will be merged with the default icon props.
+   */
+  iconProps?: IconProps;
   /**
    * The InfoBar locale.
    * @default 'enUS'

src/components/Pills/Pills.types.ts

@@ -31,7 +31,6 @@ export type closeButtonProps = Omit<
   'icon' | 'onClick' | 'size' | 'classNames'
 >;
 
-
 /**
  * Props for the pill button shown on right of the label
  */