fix: add anchor element attribute types to Button (#18598)

* fix: add anchor element attribute types to Button

* fix: update public api

Author: adamalston

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

@@ -439,6 +439,9 @@ Map {
       "onMouseLeave": Object {
         "type": "func",
       },
+      "rel": Object {
+        "type": "string",
+      },
       "renderIcon": Object {
         "args": Array [
           Array [
@@ -470,6 +473,9 @@ Map {
       "tabIndex": Object {
         "type": "number",
       },
+      "target": Object {
+        "type": "string",
+      },
       "tooltipAlignment": Object {
         "args": Array [
           Array [

packages/react/src/components/Button/Button.tsx

@@ -57,7 +57,7 @@ export interface ButtonBaseProps
   /**
    * Optionally specify an href for your Button to become an `<a>` element
    */
-  href?: string;
+  href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];
 
   /**
    * If specifying the `renderIcon` prop, provide a description for that icon that can
@@ -82,6 +82,11 @@ export interface ButtonBaseProps
     ? IconButtonKind
     : ButtonKind;
 
+  /**
+   * Optionally specify a `rel` when using an `<a>` element.
+   */
+  rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>['rel'];
+
   /**
    * Optional prop to allow overriding the icon rendering.
    * Can be a React component class
@@ -93,6 +98,11 @@ export interface ButtonBaseProps
    */
   size?: ButtonSize;
 
+  /**
+   * Optionally specify a `target` when using an `<a>` element.
+   */
+  target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];
+
   /**
    * Specify the alignment of the tooltip to the icon-only button.
    * Can be one of: start, center, or end.
@@ -328,6 +338,11 @@ const Button: ButtonComponent = React.forwardRef(
    */
   onMouseLeave: PropTypes.func,
 
+  /**
+   * Optionally specify a `rel` when using an `<a>` element.
+   */
+  rel: PropTypes.string,
+
   /**
    * Optional prop to allow overriding the icon rendering.
    * Can be a React component class
@@ -349,6 +364,11 @@ const Button: ButtonComponent = React.forwardRef(
    */
   tabIndex: PropTypes.number,
 
+  /**
+   * Optionally specify a `target` when using an `<a>` element.
+   */
+  target: PropTypes.string,
+
   /**
    * Specify the alignment of the tooltip to the icon-only button.
    * Can be one of: start, center, or end.