feat(ui-shell): make HeaderNavItem slottable (#1693)

COMPONENT_INDEX.md

@@ -1697,7 +1697,9 @@ None.
 
 ### Slots
 
-None.
+| Slot name | Default | Props | Fallback            |
+| :-------- | :------ | :---- | :------------------ |
+| --        | Yes     | --    | <code>{text}</code> |
 
 ### Events
 

docs/src/COMPONENT_API.json

@@ -5122,7 +5122,14 @@
         }
       ],
       "moduleExports": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "__default__",
+          "default": true,
+          "fallback": "{text}",
+          "slot_props": "{}"
+        }
+      ],
       "events": [
         { "type": "forwarded", "name": "click", "element": "a" },
         { "type": "forwarded", "name": "mouseover", "element": "a" },

src/UIShell/HeaderNavItem.svelte

@@ -61,6 +61,6 @@
       }
     }}"
   >
-    <span class:bx--text-truncate--end="{true}">{text}</span>
+    <span class:bx--text-truncate--end="{true}"><slot>{text}</slot></span>
   </a>
 </li>

types/UIShell/HeaderNavItem.svelte.d.ts

@@ -40,5 +40,5 @@ export default class HeaderNavItem extends SvelteComponentTyped<
     focus: WindowEventMap["focus"];
     blur: WindowEventMap["blur"];
   },
-  {}
+  { default: {} }
 > {}