feat(ui-shell): make company in Header slottable (#1764)

COMPONENT_INDEX.md

@@ -1584,11 +1584,12 @@ None.
 
 ### Slots
 
-| Slot name       | Default | Props | Fallback                    |
+| Slot name       | Default | Props | Fallback                     |
-| :-------------- | :------ | :---- | :-------------------------- |
+| :-------------- | :------ | :---- | :--------------------------- |
-| --              | Yes     | --    | --                          |
+| --              | Yes     | --    | --                           |
-| platform        | No      | --    | <code>{platformName}</code> |
+| company         | No      | --    | <code>{company}&nbsp;</code> |
-| skip-to-content | No      | --    | --                          |
+| platform        | No      | --    | <code>{platformName}</code>  |
+| skip-to-content | No      | --    | --                           |
 
 ### Events
 

docs/src/COMPONENT_API.json

@@ -4833,6 +4833,12 @@
       "moduleExports": [],
       "slots": [
         { "name": "__default__", "default": true, "slot_props": "{}" },
+        {
+          "name": "company",
+          "default": false,
+          "fallback": "{company} ",
+          "slot_props": "{}"
+        },
         {
           "name": "platform",
           "default": false,

src/UIShell/Header.svelte

@@ -94,8 +94,10 @@
     {...$$restProps}
     on:click
   >
-    {#if company}
+    {#if company || $$slots.company}
-      <span class:bx--header__name--prefix="{true}">{company}&nbsp;</span>
+      <span class:bx--header__name--prefix="{true}"
+        ><slot name="company">{company}&nbsp;</slot></span
+      >
     {/if}
     <slot name="platform">{platformName}</slot>
   </a>

types/UIShell/Header.svelte.d.ts

@@ -84,5 +84,5 @@ export interface HeaderProps
 export default class Header extends SvelteComponentTyped<
   HeaderProps,
   { click: WindowEventMap["click"] },
-  { default: {}; platform: {}; ["skip-to-content"]: {} }
+  { default: {}; company: {}; platform: {}; ["skip-to-content"]: {} }
 > {}