fix: add anchor element attribute types to IconButton (#18597)

* fix: add anchor element attribute types to IconButton

* fix: update public api

---------

Co-authored-by: Heloise Lui <71858203+heloiselui@users.noreply.github.com>

Author: adamalston

packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap

@@ -4264,6 +4264,9 @@ Map {
       "leaveDelayMs": Object {
         "type": "number",
       },
+      "rel": Object {
+        "type": "string",
+      },
       "size": Object {
         "args": Array [
           Array [
@@ -4274,6 +4277,9 @@ Map {
         ],
         "type": "oneOf",
       },
+      "target": Object {
+        "type": "string",
+      },
       "wrapperClasses": Object {
         "type": "string",
       },

packages/react/src/components/IconButton/index.tsx

@@ -80,7 +80,7 @@ export interface IconButtonProps
   /**
    * Optionally specify an href for your IconButton to become an `<a>` element
    */
-  href?: string;
+  href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];
 
   /**
    * Provide an icon or asset to be rendered inside of the IconButton
@@ -146,11 +146,21 @@ export interface IconButtonProps
    */
   leaveDelayMs?: number;
 
+  /**
+   * Optionally specify a `rel` when using an `<a>` element.
+   */
+  rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>['rel'];
+
   /**
    * Specify the size of the Button. Defaults to `md`.
    */
   size?: ButtonSize;
 
+  /**
+   * Optionally specify a `target` when using an `<a>` element.
+   */
+  target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];
+
   /**
    * Specify an optional className to be added to your Tooltip wrapper
    */
@@ -340,11 +350,21 @@ IconButton.propTypes = {
    */
   leaveDelayMs: PropTypes.number,
 
+  /**
+   * Optionally specify a `rel` when using an `<a>` element.
+   */
+  rel: PropTypes.string,
+
   /**
    * Specify the size of the Button. Defaults to `md`.
    */
   size: PropTypes.oneOf(['sm', 'md', 'lg']),
 
+  /**
+   * Optionally specify a `target` when using an `<a>` element.
+   */
+  target: PropTypes.string,
+
   /**
    * Specify an optional className to be added to your Tooltip wrapper
    */