@qld-gov-au/qgds-bootstrap5 1.1.37 → 1.1.39

package/.storybook/preview-head.html

@@ -1,24 +1,23 @@
 <!-- Refer: https://storybook.js.org/docs/configure/story-rendering#adding-to-head -->
 
 <style>
-    #storybook-docs .docblock-argstable-head th:nth-of-type(1) {
-        min-width: 20% !important;
-    }
+  #storybook-docs .docblock-argstable-head th:nth-of-type(1) {
+    min-width: 20% !important;
+  }
 
-    #storybook-docs .docblock-argstable-head th:nth-of-type(2) {
-        min-width: 25% !important;
-    }
+  #storybook-docs .docblock-argstable-head th:nth-of-type(2) {
+    min-width: 25% !important;
+  }
 
-    #storybook-docs .docblock-argstable-head th:nth-of-type(3) {
-        min-width: 20% !important;
-    }
+  #storybook-docs .docblock-argstable-head th:nth-of-type(3) {
+    min-width: 20% !important;
+  }
 
-    #storybook-docs .docblock-argstable-head th:nth-of-type(4) {
-        min-width: 35% !important;
-    }
+  #storybook-docs .docblock-argstable-head th:nth-of-type(4) {
+    min-width: 35% !important;
+  }
 
-
-    #storybook-docs .docblock-argstable-body textarea {
-        /* min-height: 100px; */
-    }
-</style>
+  #storybook-docs .docblock-argstable-body textarea {
+    /* min-height: 100px; */
+  }
+</style>

package/.storybook/preview.js

@@ -84,7 +84,7 @@ const preview = {
       // Optional configuration for the a11y addon
       config: {},
       options: {
-        runOnly: ['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa', 'best-practice'],
+        runOnly: ["wcag2a", "wcag2aa", "wcag21a", "wcag21aa", "best-practice"],
         checks: { "color-contrast": { options: { noScroll: true } } },
         restoreScroll: true,
       },
@@ -103,11 +103,11 @@ const preview = {
       },
       defaultTheme: "None",
     }),
-    (Story, { parameters }) => {      
+    (Story, { parameters }) => {
       init(Handlebars);
-      const { pageLayout, wrapperClasses} = parameters;
+      const { pageLayout, wrapperClasses } = parameters;
       switch (pageLayout) {
-        case 'with-wrapper':
+        case "with-wrapper":
           return `
             <div class="${wrapperClasses}">
               ${Story()}	

package/dist/assets/components/bs5/globalAlert/globalAlert.hbs

@@ -2,23 +2,35 @@
 
 <div class="global-alert-include">
   {{#each alertItems}}
-  <section class="global-alert {{variant}}">
-    <div class="container-fluid">
-      <div class="qld-global-alert-main">
-        <div class="global-alert-icon"></div>
-        <div class="global-alert-content">
-          <div class="global-alert-message">
-            {{{content}}}
-          </div>
-          <div class="global-alert-action">
-            {{{action}}}
-          </div>
+  <section role="region" class="global-alert alert container-full d-none {{variant}}" data-variant="{{variant}}"
+    aria-label="{{ariaLabel}}" {{#if id}} data-id="{{id}}" {{/if}}{{#if dismissedExpiryDays}}
+    data-expiry-days="{{dismissedExpiryDays}}" {{/if}}>
+    <div class="qld-global-alert-main">
+      <div class="global-alert-icon">
+        {{#ifCond variant '==' 'global-alert-critical'}}
+        <span class="qld-icon qld-icon-sm qld-icon-alert-danger" aria-hidden="true"></span>
+        {{else ifCond variant '==' 'global-alert-info'}}
+        <span class="qld-icon qld-icon-sm qld-icon-alert-information" aria-hidden="true"></span>
+        {{else ifCond variant '==' 'global-alert-warning'}}
+        <span class="qld-icon qld-icon-sm qld-icon-alert-warning" aria-hidden="true"></span>
+        {{/ifCond}}
+      </div>
+
+      <div class="global-alert-content">
+        <div class="global-alert-message">
+          {{{content}}}
         </div>
-        <div class="global-alert-close">
-          <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+        <div class="global-alert-action">
+          {{{action}}}
+          <span class="qld-icon qld-icon-sm qld-icon-arrow-right" aria-hidden="true"></span>
         </div>
       </div>
+      {{#unless preventDismiss}}
+      <div class="global-alert-close">
+        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+      </div>
+      {{/unless}}
     </div>
   </section>
   {{/each }}
-</div>
+</div>

package/dist/assets/components/bs5/head/head.hbs

@@ -1,5 +1,5 @@
 
-<!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"1.1.37","branch":"HEAD","tag":"v1.1.37","commit":"7e1cb8556b4dd3737e6fd557f471164fe0ccdb07","majorVersion":"v1"} -->
+<!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"1.1.39","branch":"HEAD","tag":"v1.1.39","commit":"2c736f6031ec90b38234ebcca5143d85d60c1aa1","majorVersion":"v1"} -->
 
 {{! Select environment, used verbatium if not using predefind key
 cdn := PROD|STAGING|BETA|TEST|DEV|???

package/dist/assets/components/bs5/icons/icon.hbs

@@ -0,0 +1,3 @@
+<svg class="qld-icon-{{size}}"{{#if ariaLabel}} aria-label="{{ariaLabel}}"{{/if}}{{#if ariaHidden}} aria-hidden="{{ariaHidden}}"{{/if}}>
+  <use href="./assets/img/icons-sprite.svg#qgds-icon-{{iconId}}"></use>
+</svg>

package/dist/assets/components/bs5/inpageAlert/inpageAlert.hbs

@@ -1,6 +1,11 @@
-<div class="alert {{variantClass}} {{customClass}}" role="alert">
+<div class="alert {{variantClass}} {{customClass}}" role="alert" 
+    {{#if alertType}}aria-label="{{alertType}}"{{/if}}>
     {{#if heading}}
-    <div class="alert-heading" role="heading">{{{ heading }}}</div>
+        {{#if headingTag}}
+            <{{headingTag}} class="alert-heading">{{{ heading }}}</{{headingTag}}>
+        {{else}}
+            <h2 class="alert-heading">{{{ heading }}}</h2>
+        {{/if}}
     {{/if}}
     {{{ content }}}
 </div>

package/dist/assets/components/bs5/searchInput/searchInput.hbs

@@ -7,7 +7,7 @@
             autocomplete="off" aria-label="{{ ariaLabel }}" {{#each tags}} data-{{@key}}="{{this}}" {{/each}} />
 
         {{#if suggestions}}
-        <div class="suggestions suggestions__group">
+        <div class="suggestions suggestions__group d-none">
             <div class="default-suggestions">
                 <div class="suggestions-category mt-2">
                     <strong class="suggestions-category-label">Popular services</strong>

package/dist/assets/components/bs5/skiplinks/skipLinks.hbs

@@ -0,0 +1,5 @@
+<nav class="qld-skip-links" aria-label="skip to content links">
+  {{#each skipLinks}}
+    <a class="qld-skip-links__item" href="#{{targetId}}">{{label}}</a>
+  {{/each}}
+</nav>