From ee9bb227689ce2f969be39d1ac598e62d9800641 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Tue, 28 Sep 2021 08:55:16 -0700
Subject: [PATCH] fix(clickable-tile): explicitly type restProps (#831)

---
 docs/src/COMPONENT_API.json     | 2 +-
 src/Tile/ClickableTile.svelte   | 2 ++
 tests/ClickableTile.test.svelte | 7 ++++++-
 types/Tile/ClickableTile.d.ts   | 4 +++-
 4 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index 6ad73762..ea62c0b5 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -932,7 +932,7 @@
         { "type": "forwarded", "name": "mouseleave", "element": "Link" }
       ],
       "typedefs": [],
-      "rest_props": { "type": "InlineComponent", "name": "Link" }
+      "rest_props": { "type": "Element", "name": "a | p" }
     },
     {
       "moduleName": "CodeSnippet",
diff --git a/src/Tile/ClickableTile.svelte b/src/Tile/ClickableTile.svelte
index 8832c323..3121a317 100644
--- a/src/Tile/ClickableTile.svelte
+++ b/src/Tile/ClickableTile.svelte
@@ -1,4 +1,6 @@
 <script>
+  /** @restProps {a | p} */
+
   /** Set to `true` to click the tile */
   export let clicked = false;
 
diff --git a/tests/ClickableTile.test.svelte b/tests/ClickableTile.test.svelte
index c9c61cc1..b13f31ab 100644
--- a/tests/ClickableTile.test.svelte
+++ b/tests/ClickableTile.test.svelte
@@ -6,6 +6,11 @@
   Carbon Design System
 </ClickableTile>
 
-<ClickableTile light href="https://www.carbondesignsystem.com/">
+<ClickableTile
+  light
+  href="https://www.carbondesignsystem.com/"
+  title=""
+  target="_blank"
+>
   Carbon Design System
 </ClickableTile>
diff --git a/types/Tile/ClickableTile.d.ts b/types/Tile/ClickableTile.d.ts
index af78c71a..0cae6f9f 100644
--- a/types/Tile/ClickableTile.d.ts
+++ b/types/Tile/ClickableTile.d.ts
@@ -1,7 +1,9 @@
 /// <reference types="svelte" />
 import { SvelteComponentTyped } from "svelte";
 
-export interface ClickableTileProps {
+export interface ClickableTileProps
+  extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["a"]>,
+    svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["p"]> {
   /**
    * Set to `true` to click the tile
    * @default false