From 70281b416913463b4f92698918751e15ec451ca5 Mon Sep 17 00:00:00 2001
From: Alex <alex-ju@users.noreply.github.com>
Date: Thu, 13 Oct 2022 00:09:39 +0100
Subject: [PATCH] Close dialog on dismiss

---
 packages/components/addon/components/hds/dialog/header.hbs | 2 +-
 packages/components/addon/components/hds/dialog/index.js   | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/components/addon/components/hds/dialog/header.hbs b/packages/components/addon/components/hds/dialog/header.hbs
index 015c6633d77..d40994850b2 100644
--- a/packages/components/addon/components/hds/dialog/header.hbs
+++ b/packages/components/addon/components/hds/dialog/header.hbs
@@ -5,7 +5,7 @@
   <span class="hds-dialog__title" id={{@id}}>
     {{yield}}
   </span>
-  <button class="hds-dialog__dismiss" type="button" aria-label="Dismiss">
+  <button class="hds-dialog__dismiss" type="button" aria-label="Dismiss" {{on "click" @closeDialog}}>
     <FlightIcon @name="x" @size="16" @isInlineBlock={{false}} />
   </button>
 </div>
\ No newline at end of file
diff --git a/packages/components/addon/components/hds/dialog/index.js b/packages/components/addon/components/hds/dialog/index.js
index c88d357b244..7d89ac41d6b 100644
--- a/packages/components/addon/components/hds/dialog/index.js
+++ b/packages/components/addon/components/hds/dialog/index.js
@@ -11,9 +11,15 @@ export const TYPES = ['neutral', 'warning', 'critical'];
 export default class HdsDialogIndexComponent extends Component {
   @action
   setupDialog(element) {
+    this.element = element;
     element.showModal();
   }
 
+  @action
+  closeDialog() {
+    this.element.close();
+  }
+
   /**
    * Sets the size of the dialog
    * Accepted values: small, regular, large