From d4c3c475bce611b33af18f9154350d716d76ae90 Mon Sep 17 00:00:00 2001
From: Adam Kudrna <adam.kudrna@lmc.eu>
Date: Tue, 26 Sep 2023 12:54:54 +0200
Subject: [PATCH] fixup! Docs(web-twig): Demonstrate composition of `Header`
 with `Dropdown`

---
 .../Header/stories/HeaderInvertedWithActions.twig |  6 +++---
 .../HeaderInvertedWithActionsAndDialog.twig       |  6 +++---
 .../HeaderInvertedWithActionsAndDropdown.twig     | 15 +++++++++------
 3 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/packages/web-twig/src/Resources/components/Header/stories/HeaderInvertedWithActions.twig b/packages/web-twig/src/Resources/components/Header/stories/HeaderInvertedWithActions.twig
index 985889b941..c71aee24b4 100644
--- a/packages/web-twig/src/Resources/components/Header/stories/HeaderInvertedWithActions.twig
+++ b/packages/web-twig/src/Resources/components/Header/stories/HeaderInvertedWithActions.twig
@@ -1,7 +1,7 @@
 <Header color="inverted">
     {% include '@components/Header/stories/_partials/SpiritLogo.twig' %}
 
-    <HeaderMobileActions dialogId="header_dialog_example_1" />
+    <HeaderMobileActions dialogId="header_inverted_with_actions__dialog" />
 
     <HeaderDesktopActions aria-label="Main navigation">
         <HeaderNav>
@@ -29,8 +29,8 @@
     </HeaderDesktopActions>
 </Header>
 
-<HeaderDialog id="header_dialog_example_1">
-    <HeaderDialogCloseButton dialogId="header_dialog_example_1" />
+<HeaderDialog id="header_inverted_with_actions__dialog">
+    <HeaderDialogCloseButton dialogId="header_inverted_with_actions__dialog" />
 
     <HeaderDialogActions aria-label="Main navigation">
         <HeaderDialogNav>
diff --git a/packages/web-twig/src/Resources/components/Header/stories/HeaderInvertedWithActionsAndDialog.twig b/packages/web-twig/src/Resources/components/Header/stories/HeaderInvertedWithActionsAndDialog.twig
index d2a0df3cf9..802d2fd273 100644
--- a/packages/web-twig/src/Resources/components/Header/stories/HeaderInvertedWithActionsAndDialog.twig
+++ b/packages/web-twig/src/Resources/components/Header/stories/HeaderInvertedWithActionsAndDialog.twig
@@ -2,7 +2,7 @@
 
     {% include '@components/Header/stories/_partials/SpiritLogo.twig' %}
 
-    <HeaderMobileActions dialogId="header_dialog_example_2_main_navigation" />
+    <HeaderMobileActions dialogId="header_inverted_with_actions_and_dialog__dialog" />
 
     <HeaderDesktopActions aria-label="Main navigation">
         <HeaderNav>
@@ -41,8 +41,8 @@
 
 </Header>
 
-<HeaderDialog id="header_dialog_example_2_main_navigation" aria-label="Menu">
-    <HeaderDialogCloseButton dialogId="header_dialog_example_2_main_navigation" />
+<HeaderDialog id="header_inverted_with_actions_and_dialog__dialog" aria-label="Menu">
+    <HeaderDialogCloseButton dialogId="header_inverted_with_actions_and_dialog__dialog" />
 
     <HeaderDialogActions aria-label="Main navigation">
         <HeaderDialogNav>
diff --git a/packages/web-twig/src/Resources/components/Header/stories/HeaderInvertedWithActionsAndDropdown.twig b/packages/web-twig/src/Resources/components/Header/stories/HeaderInvertedWithActionsAndDropdown.twig
index 162fd16c30..e53be78fbd 100644
--- a/packages/web-twig/src/Resources/components/Header/stories/HeaderInvertedWithActionsAndDropdown.twig
+++ b/packages/web-twig/src/Resources/components/Header/stories/HeaderInvertedWithActionsAndDropdown.twig
@@ -1,12 +1,14 @@
 <Header color="inverted">
     {% include '@components/Header/stories/_partials/SpiritLogo.twig' %}
 
-    <HeaderMobileActions dialogId="header_dialog_example_3_main_navigation">
+    <HeaderMobileActions dialogId="header_inverted_with_actions_and_dropdown__dialog">
         <DropdownWrapper>
             <Button
                 color="inverted"
                 data-spirit-toggle="dropdown"
                 data-spirit-target="#dropdownUserMobile"
+                aria-controls="dropdownUserMobile"
+                aria-expanded="false"
                 isSquare
             >
                 <Icon name="profile" />
@@ -47,13 +49,14 @@
     <HeaderDesktopActions color="secondary">
         <HeaderNav>
             <HeaderNavItem UNSAFE_style="position: relative;">
-                <HeaderLink
-                    href="#"
+                <HeaderButton
                     data-spirit-toggle="dropdown"
                     data-spirit-target="#dropdownUserDesktop"
+                    aria-controls="dropdownUserDesktop"
+                    aria-expanded="false"
                 >
                     Marian
-                </HeaderLink>
+                </HeaderButton>
                 <Dropdown id="dropdownUserDesktop" placement="bottom-right">
                     <Stack hasSpacing>
                         <a href="#">Dashboard</a>
@@ -68,8 +71,8 @@
     </HeaderDesktopActions>
 </Header>
 
-<HeaderDialog id="header_dialog_example_3_main_navigation">
-    <HeaderDialogCloseButton dialogId="header_dialog_example_3_main_navigation" />
+<HeaderDialog id="header_inverted_with_actions_and_dropdown__dialog">
+    <HeaderDialogCloseButton dialogId="header_inverted_with_actions_and_dropdown__dialog" />
     <HeaderDialogActions aria-label="Main navigation">
         <HeaderDialogNav>
             <HeaderDialogNavItem>