Make UI Shell HeaderAction panel transition configurable

[metonym]

#384

Features

• Configure the UI Shell HeaderAction panel slide transition using the transition prop; by default, the duration is 200ms

  Custom slide transition parameters:

  <script>
    import { quintOut } from "svelte/easing";
  </script>
  
  <HeaderAction transition="{{ duration: 1200, delay: 200, easing: quintOut }}">...</HeaderAction>

  Disabled:

  <HeaderAction transition="{false}">...</HeaderAction>

Fixes

• remove the fly transition from HamburgerMenu

Documentation

• demo different transitions in "Header with app switcher" example in UI Shell

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/carbon-svelte/carbon-components-svelte/p8zvbga5k
✅ Preview: https://carbon-components-svelte-git-configure-transitions.carbon-svelte.vercel.app