docs: update dynamic button examples to use AriaAlert (#5548)

* docs: update example to use AriaAlert

* docs: make announcement examples more discoverable

* Revert "docs: make announcement examples more discoverable"

This reverts commit 996f1ab.

* Don't explicitly specify stories so that all stories get pulled in

* Set to empty array

* Just individually specify

Author: khiga8

packages/react/src/Banner/Banner.docs.json

@@ -46,6 +46,9 @@
     },
     {
       "id": "experimental-components-banner-features--custom-icon"
+    },
+    {
+      "id": "experimental-components-banner-examples--with-announcement"
     }
   ],
   "props": [

packages/react/src/Banner/Banner.examples.stories.tsx

@@ -46,7 +46,7 @@ export const WithUserAction = () => {
   )
 }
 
-export const WithDynamicContent = () => {
+export const WithAnnouncement = () => {
   type Choice = 'one' | 'two' | 'three'
   const messages: Map<Choice, string> = new Map([
     ['one', 'This is a message for choice one'],

packages/react/src/Button/Button.examples.stories.tsx

@@ -3,7 +3,7 @@ import type {Meta} from '@storybook/react'
 import {Button} from '.'
 import {DownloadIcon} from '@primer/octicons-react'
 import {Banner} from '../experimental'
-import {AriaStatus} from '../live-region'
+import {AriaStatus, AriaAlert} from '../live-region'
 
 const meta: Meta<typeof Button> = {
   title: 'Components/Button/Examples',
@@ -69,7 +69,11 @@ export const LoadingStatusAnnouncementError = () => {
 
   return (
     <>
-      {!loading && error ? <Banner title="Export failed" variant="critical" /> : null}
+      {!loading && error ? (
+        <AriaAlert>
+          <Banner title="Export failed" variant="critical" />
+        </AriaAlert>
+      ) : null}
 
       <Button loading={loading} leadingVisual={DownloadIcon} onClick={onClick('error')}>
         Export (error)