From 5d7dc321f4d1211fd9f91e5fbb90a98139c169c0 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sat, 5 Dec 2020 14:56:04 -0800
Subject: [PATCH] fix(breadcrumb-item): type default slot

---
 COMPONENT_INDEX.md                   | 16 ++++++++--------
 docs/src/COMPONENT_API.json          |  9 +++++++--
 src/Breadcrumb/BreadcrumbItem.svelte |  6 +++++-
 types/Breadcrumb/BreadcrumbItem.d.ts |  2 +-
 types/Button/ButtonSkeleton.d.ts     |  1 -
 5 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
index 98a9d2f5..798a04f6 100644
--- a/COMPONENT_INDEX.md
+++ b/COMPONENT_INDEX.md
@@ -294,9 +294,9 @@ None.
 
 ### Slots
 
-| Slot name | Default | Props | Fallback |
-| :-------- | :------ | :---- | :------- |
-| --        | Yes     | --    | --       |
+| Slot name | Default | Props                                                                     | Fallback |
+| :-------- | :------ | :------------------------------------------------------------------------ | :------- |
+| --        | Yes     | <code>{props?: { ["aria-current"]?: string; class: "bx--link"; }} </code> | --       |
 
 ### Events
 
@@ -387,11 +387,11 @@ None.
 
 ### Props
 
-| Prop name | Kind             | Reactive | Type                                                 | Default value          | Description                            |
-| :-------- | :--------------- | :------- | :--------------------------------------------------- | ---------------------- | -------------------------------------- |
-| href      | <code>let</code> | No       | <code>string</code>                                  | --                     | Set the `href` to use an anchor link   |
-| size      | <code>let</code> | No       | <code>"default" &#124; "field" &#124; "small"</code> | <code>"default"</code> | Specify the size of button skeleton    |
-| small     | <code>let</code> | No       | <code>boolean</code>                                 | <code>false</code>     | Set to `true` to use the small variant |
+| Prop name | Kind             | Reactive | Type                                                 | Default value          | Description                          |
+| :-------- | :--------------- | :------- | :--------------------------------------------------- | ---------------------- | ------------------------------------ |
+| href      | <code>let</code> | No       | <code>string</code>                                  | --                     | Set the `href` to use an anchor link |
+| size      | <code>let</code> | No       | <code>"default" &#124; "field" &#124; "small"</code> | <code>"default"</code> | Specify the size of button skeleton  |
+| small     | <code>let</code> | No       | <code>boolean</code>                                 | <code>false</code>     | --                                   |
 
 ### Slots
 
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index 10988ed2..8da2e33d 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -456,7 +456,13 @@
           "reactive": false
         }
       ],
-      "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+      "slots": [
+        {
+          "name": "__default__",
+          "default": true,
+          "slot_props": "{props?: { [\"aria-current\"]?: string; class: \"bx--link\"; }}"
+        }
+      ],
       "events": [
         { "type": "forwarded", "name": "click", "element": "li" },
         { "type": "forwarded", "name": "mouseover", "element": "li" },
@@ -492,7 +498,6 @@
         {
           "name": "small",
           "kind": "let",
-          "description": "Set to `true` to use the small variant",
           "type": "boolean",
           "value": "false",
           "isFunction": false,
diff --git a/src/Breadcrumb/BreadcrumbItem.svelte b/src/Breadcrumb/BreadcrumbItem.svelte
index b5df750b..1f884af5 100644
--- a/src/Breadcrumb/BreadcrumbItem.svelte
+++ b/src/Breadcrumb/BreadcrumbItem.svelte
@@ -1,4 +1,8 @@
 <script>
+  /**
+   * @slot {{props?: { ["aria-current"]?: string; class: "bx--link"; }}}
+   */
+
   /**
    * Set the `href` to use an anchor link
    * @type {string}
@@ -8,7 +12,7 @@
   /** Set to `true` if the breadcrumb item represents the current page */
   export let isCurrentPage = false;
 
-  import { Link } from "../Link";
+  import Link from "../Link/Link.svelte";
 </script>
 
 <li
diff --git a/types/Breadcrumb/BreadcrumbItem.d.ts b/types/Breadcrumb/BreadcrumbItem.d.ts
index 6e0914e9..7574d6c8 100644
--- a/types/Breadcrumb/BreadcrumbItem.d.ts
+++ b/types/Breadcrumb/BreadcrumbItem.d.ts
@@ -16,7 +16,7 @@ export interface BreadcrumbItemProps extends svelte.JSX.HTMLAttributes<HTMLEleme
 export default class BreadcrumbItem {
   $$prop_def: BreadcrumbItemProps;
   $$slot_def: {
-    default: {};
+    default: { props?: { ["aria-current"]?: string; class: "bx--link" } };
   };
 
   $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
diff --git a/types/Button/ButtonSkeleton.d.ts b/types/Button/ButtonSkeleton.d.ts
index 57ca1bd3..450edfb5 100644
--- a/types/Button/ButtonSkeleton.d.ts
+++ b/types/Button/ButtonSkeleton.d.ts
@@ -13,7 +13,6 @@ export interface ButtonSkeletonProps extends svelte.JSX.HTMLAttributes<HTMLEleme
   size?: "default" | "field" | "small";
 
   /**
-   * Set to `true` to use the small variant
    * @default false
    */
   small?: boolean;