@qld-gov-au/qgds-bootstrap5 2.1.2 → 2.1.4

package/.storybook/main.mjs

@@ -21,6 +21,7 @@ const config = {
     "@chromatic-com/storybook",
     "storybook-addon-deep-controls",
     "@storybook/addon-docs",
+    "storybook-addon-tag-badges",
   ],
 
   framework: {

package/.storybook/manager.js

@@ -0,0 +1,31 @@
+import { addons } from "storybook/internal/manager-api";
+import { defaultConfig } from "storybook-addon-tag-badges/manager-helpers";
+
+/**
+ * Custom badge configuration for QGDS component library
+ * Defines badges for core components (from Figma UI kit) and extended components (Queensland-specific)
+ */
+addons.setConfig({
+  tagBadges: [
+    // Extended component badge - Queensland-specific components not in core Figma kit
+    {
+      tags: "extended",
+      badge: {
+        text: "Extended",
+        style: {
+          backgroundColor: "#7C3D94", // Queensland purple
+          color: "#FFFFFF",
+        },
+        tooltip:
+          "Extended component - Available in this library only / yet to be added to Queensland Government Design System Figma UI kit",
+      },
+      display: {
+        sidebar: ["component"],
+        toolbar: true,
+      },
+    },
+
+    // Include default badges from the addon (new, deprecated, experimental, etc.)
+    ...defaultConfig,
+  ],
+});

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

@@ -2,7 +2,7 @@
 
 <div class="global-alert-include">
   {{#each alertItems}}
-  <section role="region" class="global-alert alert container-full d-none {{variant}}" data-variant="{{variant}}"
+  <section role="region" class="global-alert d-none {{variant}}" data-variant="{{variant}}"
     {{#if ariaLabel}} aria-label="{{ ariaLabel }}"
     {{~else ifCond variant "==" "global-alert-critical"}} aria-label="Critical alert"
     {{~else ifCond variant "==" "global-alert-info"}} aria-label="Informational alert"
@@ -11,7 +11,7 @@
     {{~/if}}
     {{#if id}} data-id="{{id}}" {{/if}}{{#if dismissedExpiryDays}}
     data-expiry-days="{{dismissedExpiryDays}}" {{/if}}>
-    <div class="qld-global-alert-main">
+    <div class="qld-global-alert-main container">
       <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>

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

@@ -1,5 +1,5 @@
 
-<!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"2.1.2","branch":"HEAD","tag":"v2.1.2","commit":"a76edf5d0854742800c2d5846df18b5280e0ed09","majorVersion":"v2"} -->
+<!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"2.1.4","branch":"HEAD","tag":"v2.1.4","commit":"119a2bb84ace0878da734ff1026c633117afc4bc","majorVersion":"v2"} -->
 
 {{! Select environment, used verbatium if not using predefind key
 cdn := PROD|STAGING|BETA|TEST|DEV|???

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

@@ -26,7 +26,7 @@
                                     {{text}}
                                 {{/if}}
                                 </a>
-                                <button class="nav-link dropdown-toggle"{{#if currentPage}} aria-current="page"{{/if}}  data-bs-toggle="dropdown" aria-expanded="false" aria-selected="false" aria-label="Toggle navigation">                                
+                                <button class="nav-link dropdown-toggle"{{#if currentPage}} aria-current="page"{{/if}}  data-bs-toggle="dropdown" data-bs-auto-close="false" aria-expanded="false" aria-selected="false" aria-label="Toggle navigation">                                
                                     <span class="visually-hidden">Expand</span>
                                 </button>
                                 <ul class="dropdown-menu">