From 9dc778be4af5c3474fd777c0d6321c0e9e2de64e Mon Sep 17 00:00:00 2001
From: Melanie Sumner <melaniersumner@gmail.com>
Date: Tue, 5 Aug 2025 15:57:24 -0500
Subject: [PATCH] HDS-5263: Alert composition change for discussion

---
 .../src/components/hds/alert/index.hbs        | 53 +++++++++----------
 1 file changed, 24 insertions(+), 29 deletions(-)

diff --git a/packages/components/src/components/hds/alert/index.hbs b/packages/components/src/components/hds/alert/index.hbs
index e00894d8ebc..3fbac77d229 100644
--- a/packages/components/src/components/hds/alert/index.hbs
+++ b/packages/components/src/components/hds/alert/index.hbs
@@ -2,37 +2,32 @@
   Copyright (c) HashiCorp, Inc.
   SPDX-License-Identifier: MPL-2.0
 }}
-<div
-  class={{this.classNames}}
-  role={{this._role}}
-  aria-live={{if this._role "polite"}}
-  aria-labelledby={{this._ariaLabelledBy}}
-  {{did-insert this.didInsert}}
-  ...attributes
->
-  {{#if this.icon}}
-    <div class="hds-alert__icon">
-      <Hds::Icon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />
-    </div>
-  {{/if}}
+<div role={{this._role}} aria-live={{if this._role "polite"}}>
+  <div class={{this.classNames}} aria-labelledby={{this._ariaLabelledBy}} {{did-insert this.didInsert}} ...attributes>
+    {{#if this.icon}}
+      <div class="hds-alert__icon">
+        <Hds::Icon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />
+      </div>
+    {{/if}}
 
-  <div class="hds-alert__content">
-    <div class="hds-alert__text {{if (eq @type 'compact') 'hds-typography-body-100' 'hds-typography-body-200'}}">
-      {{yield (hash Title=(component "hds/alert/title"))}}
-      {{yield (hash Description=(component "hds/alert/description"))}}
-    </div>
+    <div class="hds-alert__content">
+      <div class="hds-alert__text {{if (eq @type 'compact') 'hds-typography-body-100' 'hds-typography-body-200'}}">
+        {{yield (hash Title=(component "hds/alert/title"))}}
+        {{yield (hash Description=(component "hds/alert/description"))}}
+      </div>
 
-    <div class="hds-alert__actions">
-      {{yield
-        (hash
-          Button=(component "hds/button" size="small") LinkStandalone=(component "hds/link/standalone" size="small")
-        )
-      }}
+      <div class="hds-alert__actions">
+        {{yield
+          (hash
+            Button=(component "hds/button" size="small") LinkStandalone=(component "hds/link/standalone" size="small")
+          )
+        }}
+      </div>
+      {{yield (hash Generic=(component "hds/yield"))}}
     </div>
-    {{yield (hash Generic=(component "hds/yield"))}}
-  </div>
 
-  {{#if this.onDismiss}}
-    <Hds::DismissButton class="hds-alert__dismiss" {{on "click" this.onDismiss}} />
-  {{/if}}
+    {{#if this.onDismiss}}
+      <Hds::DismissButton class="hds-alert__dismiss" {{on "click" this.onDismiss}} />
+    {{/if}}
+  </div>
 </div>
\ No newline at end of file