fix(HTML): atom-icon-button added to close message bar dialogs

n8design · Nov 22, 2023 · 7f17717 · 7f17717
1 parent 0037a6b
commit 7f17717
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 12 deletions.
diff --git a/htwoo-core/CHANGELOG.md b/htwoo-core/CHANGELOG.md
@@ -2,10 +2,6 @@
 
 Changes in hTWOo core as they happen
 
-### [2.1.3](https://github.com/n8design/htwoo/commit/) (2023-11-22)
-
-### [2.1.3](https://github.com/n8design/htwoo/commit/) (2023-11-22)
-
 ## [2.1.0](https://github.com/n8design/htwoo/commit/) (2023-11-16)
 
 ### Features

diff --git a/htwoo-core/src/_patterns/organism/dialogs/msgbars.hbs b/htwoo-core/src/_patterns/organism/dialogs/msgbars.hbs
@@ -4,7 +4,7 @@
         statusbar for example. <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog" target="_blank">The Dialog
             Element on MDN documentation</a></div>
     <div class="hoo-dlg-actions">
-        <button id="closer-dlg" autofocus>Close</button>
+        {{#btn-closer}}{{> atoms-button-icon}}{{/btn-closer}}
     </div>
 </dialog>
 <dialog id="myDialog" class="hoo-dlg statusbar warning" open>
@@ -13,7 +13,7 @@
         statusbar for example. <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog" target="_blank">The Dialog
             Element on MDN documentation</a></div>
     <div class="hoo-dlg-actions">
-        <button id="closer-dlg" autofocus>Close</button>
+        {{#btn-closer}}{{> atoms-button-icon}}{{/btn-closer}}
     </div>
 </dialog>
 <dialog id="myDialog" class="hoo-dlg statusbar error" open>
@@ -22,7 +22,7 @@
         statusbar for example. <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog" target="_blank">The Dialog
             Element on MDN documentation</a></div>
     <div class="hoo-dlg-actions">
-        <button id="closer-dlg" autofocus>Close</button>
+        {{#btn-closer}}{{> atoms-button-icon}}{{/btn-closer}}
     </div>
 </dialog>
 <dialog id="myDialog" class="hoo-dlg statusbar success" open>
@@ -31,6 +31,6 @@
         for a statusbar for example. <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog" target="_blank">The
             Dialog Element on MDN documentation</a></div>
     <div class="hoo-dlg-actions">
-        <button id="closer-dlg" autofocus>Close</button>
+        {{#btn-closer}}{{> atoms-button-icon}}{{/btn-closer}}
     </div>
 </dialog>
diff --git a/htwoo-core/src/_patterns/organism/dialogs/msgbars.json b/htwoo-core/src/_patterns/organism/dialogs/msgbars.json
@@ -1,3 +1,10 @@
 {
-    "bodyClass": "dlg-preview-flex"
+    "bodyClass": "dlg-preview-flex",
+    "btn-closer": {
+        "button": {
+            "iconname": "icon-close",
+            "aria-label": "Close",
+            "props": " autofocus"
+        }
+    }
 }
diff --git a/htwoo-core/src/css/htwoo.min.css b/htwoo-core/src/css/htwoo.min.css
diff --git a/htwoo-core/src/css/style.css b/htwoo-core/src/css/style.css
diff --git a/htwoo-core/src/css/style.prod.css b/htwoo-core/src/css/style.prod.css