From 45c272642f020b6cfe1adc1a103f7a4bdfa69bf8 Mon Sep 17 00:00:00 2001
From: metonym <ericyl.us@gmail.com>
Date: Sat, 9 Apr 2022 11:24:25 -0700
Subject: [PATCH] fix(link): `$$restProps` should extend `p`, `a` HTML
 attributes (#1233)

* fix(link): restProps should extend `p` or `a` tag attributes

* Run "yarn build:docs"

* test(link): assert anchor link rest attributes
---
 docs/src/COMPONENT_API.json |  2 +-
 src/Link/Link.svelte        |  2 ++
 tests/Link.test.svelte      | 26 +++-----------------------
 types/Link/Link.svelte.d.ts |  3 ++-
 4 files changed, 8 insertions(+), 25 deletions(-)

diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index 57d3a1e4..5f21649b 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -5347,7 +5347,7 @@
         { "type": "forwarded", "name": "mouseleave", "element": "p" }
       ],
       "typedefs": [],
-      "rest_props": { "type": "Element", "name": "p" }
+      "rest_props": { "type": "Element", "name": "p | a" }
     },
     {
       "moduleName": "ListBox",
diff --git a/src/Link/Link.svelte b/src/Link/Link.svelte
index 65732cc4..7073d97b 100644
--- a/src/Link/Link.svelte
+++ b/src/Link/Link.svelte
@@ -1,4 +1,6 @@
 <script>
+  /** @restProps {p | a} */
+
   /**
    * Specify the size of the link
    * @type {"sm" | "lg"}
diff --git a/tests/Link.test.svelte b/tests/Link.test.svelte
index 1ebfe6d7..2f048c4d 100644
--- a/tests/Link.test.svelte
+++ b/tests/Link.test.svelte
@@ -1,29 +1,9 @@
 <script lang="ts">
-  import { Link } from "../types";
+  import { Link, OutboundLink } from "../types";
 </script>
 
-<Link href="https://www.carbondesignsystem.com/">Carbon Design System</Link>
-
-<Link href="https://www.carbondesignsystem.com/" target="_blank">
+<Link size="sm" inline disabled download visited href="/" target="_blank">
   Carbon Design System
 </Link>
 
-<Link inline href="https://www.carbondesignsystem.com/">
-  Carbon Design System
-</Link>
-
-<Link size="lg" href="https://www.carbondesignsystem.com/">
-  Carbon Design System
-</Link>
-
-<Link size="sm" href="https://www.carbondesignsystem.com/">
-  Carbon Design System
-</Link>
-
-<Link disabled href="https://www.carbondesignsystem.com/">
-  Carbon Design System
-</Link>
-
-<Link visited href="https://www.carbondesignsystem.com/">
-  Carbon Design System
-</Link>
+<OutboundLink inline href="https://www.carbondesignsystem.com/" />
diff --git a/types/Link/Link.svelte.d.ts b/types/Link/Link.svelte.d.ts
index c933c46c..c1054041 100644
--- a/types/Link/Link.svelte.d.ts
+++ b/types/Link/Link.svelte.d.ts
@@ -2,7 +2,8 @@
 import { SvelteComponentTyped } from "svelte";
 
 export interface LinkProps
-  extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["p"]> {
+  extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["p"]>,
+    svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["a"]> {
   /**
    * Specify the size of the link
    * @default undefined