chore: v11 UIShell

Author: gregorw

src/UIShell/HeaderAction.svelte

@@ -70,6 +70,7 @@
   type="button"
   class:bx--header__action="{true}"
   class:bx--header__action--active="{isOpen}"
+  class:bx--btn--icon-only="{!text}"
   class:action-text="{text}"
   {...$$restProps}
   on:click

src/UIShell/HeaderActionLink.svelte

@@ -22,6 +22,7 @@
   bind:this="{ref}"
   class:bx--header__action="{true}"
   class:bx--header__action--active="{linkIsActive}"
+  class:bx--btn--icon-only="{true}"
   href="{href}"
   rel="{$$restProps.target === '_blank' ? 'noopener noreferrer' : undefined}"
   {...$$restProps}
@@ -34,10 +35,6 @@
 
 <style>
   .bx--header__action {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    /** Hot fix to align icon with `HeaderAction` */
-    padding-bottom: 2px;
+    color: var(--bx-text-primary);
   }
 </style>

src/UIShell/HeaderGlobalAction.svelte

@@ -17,6 +17,7 @@
   bind:this="{ref}"
   class:bx--header__action="{true}"
   class:bx--header__action--active="{isActive}"
+  class:bx--btn--icon-only="{true}"
   {...$$restProps}
   on:click
 >