From 1462b2ee9cbb13a0d4c972b8c41c892a6fb60985 Mon Sep 17 00:00:00 2001
From: metonym <ericyl.us@gmail.com>
Date: Sat, 19 Mar 2022 11:58:47 -0700
Subject: [PATCH] feat(ui-shell): make `SideNavLink` text slottable (#1187)

---
 COMPONENT_INDEX.md                            | 1 +
 docs/src/COMPONENT_API.json                   | 6 ++++++
 src/UIShell/SideNav/SideNavLink.svelte        | 6 +++++-
 types/UIShell/SideNav/SideNavLink.svelte.d.ts | 2 +-
 4 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
index 427030f6..e17b3bff 100644
--- a/COMPONENT_INDEX.md
+++ b/COMPONENT_INDEX.md
@@ -3444,6 +3444,7 @@ None.
 
 | Slot name | Default | Props | Fallback                                              |
 | :-------- | :------ | :---- | :---------------------------------------------------- |
+| --        | Yes     | --    | <code>{text}</code>                                   |
 | icon      | No      | --    | <code>&lt;svelte:component this="{icon}" /&gt;</code> |
 
 ### Events
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index eb5eda97..4384ac97 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -10151,6 +10151,12 @@
       ],
       "moduleExports": [],
       "slots": [
+        {
+          "name": "__default__",
+          "default": true,
+          "fallback": "{text}",
+          "slot_props": "{}"
+        },
         {
           "name": "icon",
           "default": false,
diff --git a/src/UIShell/SideNav/SideNavLink.svelte b/src/UIShell/SideNav/SideNavLink.svelte
index 1132ad00..6642d2b7 100644
--- a/src/UIShell/SideNav/SideNavLink.svelte
+++ b/src/UIShell/SideNav/SideNavLink.svelte
@@ -45,6 +45,10 @@
         </slot>
       </div>
     {/if}
-    <span class:bx--side-nav__link-text="{true}">{text}</span>
+    <span class:bx--side-nav__link-text="{true}">
+      <slot>
+        {text}
+      </slot>
+    </span>
   </a>
 </li>
diff --git a/types/UIShell/SideNav/SideNavLink.svelte.d.ts b/types/UIShell/SideNav/SideNavLink.svelte.d.ts
index 6da00387..665abda2 100644
--- a/types/UIShell/SideNav/SideNavLink.svelte.d.ts
+++ b/types/UIShell/SideNav/SideNavLink.svelte.d.ts
@@ -37,5 +37,5 @@ export interface SideNavLinkProps
 export default class SideNavLink extends SvelteComponentTyped<
   SideNavLinkProps,
   { click: WindowEventMap["click"] },
-  { icon: {} }
+  { default: {}; icon: {} }
 > {}