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

package/dist/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/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/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">

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qld-gov-au/qgds-bootstrap5",
-  "version": "2.1.2",
+  "version": "2.1.4",
   "description": "",
   "repository": {
     "type": "git",
@@ -99,6 +99,7 @@
     "selenium-webdriver": "^4.38.0",
     "storybook": "^10.0.8",
     "storybook-addon-deep-controls": "^0.10.0",
+    "storybook-addon-tag-badges": "^3.0.2",
     "vite": "^7.1.11",
     "vitest": "^4.0.10"
   },

package/dist/sample-data/globalAlert/globalAlert.data.json

@@ -6,7 +6,7 @@
         "variant": "global-alert-critical",
         "ariaLabel": "Critical alert",
         "dismissedExpiryDays": 0,
-        "content": "<strong>Severe weather:</strong> Cyclone XYZ is expected to impact the coast area. Prepare <a href='#'>your home and businesses</a> or check for <a href='#'>available support</a>.",
+        "content": "<strong>Severe weather:</strong> Cyclone XYZ is expected to impact the coast area. Prepare your home and businesses or check for available support.",
         "action": "<a href='https://www.qld.gov.au/'><span>Read more</span></a>"
       }
     ]
@@ -17,7 +17,7 @@
         "id": "service-delay-weather",
         "variant": "global-alert-warning",
         "ariaLabel": "Warning alert",
-        "content": "<strong>Service Delay:</strong> Various <a href='#'>services</a> are experiencing delays due to the weather event.",
+        "content": "<strong>Service Delay:</strong> Various services are experiencing delays due to the weather event.",
         "action": "<a href='https://www.qld.gov.au/'><span>Learn more</span></a>"
       }
     ]
@@ -28,7 +28,7 @@
         "id": "caretaker-period-2024",
         "variant": "global-alert-info",
         "ariaLabel": "Information alert",
-        "content": "<strong>Caretaker period:</strong> The Queensland Government is in a <a href='#'>caretaker period</a> until after the <a href='#'>state election</a>. Minimal updates will be made to this site until after the election results are declared.",
+        "content": "<strong>Caretaker period:</strong> The Queensland Government is in a caretaker period until after the state election. Minimal updates will be made to this site until after the election results are declared.",
         "action": "<a href='https://www.qld.gov.au/'><span>Learn more</span></a>"
       }
     ]
@@ -39,14 +39,14 @@
         "id": "cyclone-xyz-critical",
         "variant": "global-alert-critical",
         "ariaLabel": "Critical alert",
-        "content": "<strong>Severe weather:</strong> Cyclone XYZ is expected to impact the coast area. Prepare <a href='#'>your home and businesses</a> or check for <a href='#'>available support</a>.",
+        "content": "<strong>Severe weather:</strong> Cyclone XYZ is expected to impact the coast area. Prepare your home and businesses or check for available support.",
         "action": "<a href='https://www.qld.gov.au/'><span>Learn more</span></a>"
       },
       {
         "id": "flood-warning-southeast",
         "variant": "global-alert-critical",
         "ariaLabel": "Critical alert",
-        "content": "<strong>Severe weather:</strong> Cyclone XYZ is expected to impact the coast area. Prepare <a href='#'>your home and businesses</a> or check for <a href='#'>available support</a>.",
+        "content": "<strong>Severe weather:</strong> Cyclone XYZ is expected to impact the coast area. Prepare your home and businesses or check for available support.",
         "action": "<a href='https://www.qld.gov.au/'><span>Learn more</span></a>",
         "preventDismiss": true
       },
@@ -54,14 +54,14 @@
         "id": "transport-delays-brisbane",
         "variant": "global-alert-warning",
         "ariaLabel": "Warning alert",
-        "content": "<strong>Service Delay:</strong> Various <a href='#'>services</a> are experiencing delays due to the weather event.",
+        "content": "<strong>Service Delay:</strong> Various services are experiencing delays due to the weather event.",
         "action": "<a href='https://www.qld.gov.au/'><span>Read more</span></a>"
       },
       {
         "id": "health-services-disruption",
         "variant": "global-alert-warning",
         "ariaLabel": "Warning alert",
-        "content": "<strong>Service Delay:</strong> Various <a href='#'>services</a> are experiencing delays due to the weather event.",
+        "content": "<strong>Service Delay:</strong> Various services are experiencing delays due to the weather event.",
         "action": "<a href='https://www.qld.gov.au/'><span>Read more</span></a>",
         "preventDismiss": true
       },
@@ -69,13 +69,13 @@
         "id": "election-caretaker-info",
         "variant": "global-alert-info",
         "ariaLabel": "Information alert",
-        "content": "<strong>Caretaker period:</strong> The Queensland Government is in a <a href='#'>caretaker period</a> until after the <a href='#'>state election</a>. Minimal updates will be made to this site until after the election results are declared.",
+        "content": "<strong>Caretaker period:</strong> The Queensland Government is in a caretaker period until after the state election. Minimal updates will be made to this site until after the election results are declared.",
         "action": "<a href='https://www.qld.gov.au/'><span>Learn more</span></a>"
       },
       {
         "variant": "global-alert-info",
         "ariaLabel": "Information alert",
-        "content": "<strong>Caretaker period:</strong> The Queensland Government is in a <a href='#'>caretaker period</a> until after the <a href='#'>state election</a>. Minimal updates will be made to this site until after the election results are declared.",
+        "content": "<strong>Caretaker period:</strong> The Queensland Government is in a caretaker period until after the state election. Minimal updates will be made to this site until after the election results are declared.",
         "action": "<a href='https://www.qld.gov.au/'><span>Learn more</span></a>",
         "preventDismiss": true
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qld-gov-au/qgds-bootstrap5",
-  "version": "2.1.2",
+  "version": "2.1.4",
   "description": "",
   "repository": {
     "type": "git",
@@ -99,6 +99,7 @@
     "selenium-webdriver": "^4.38.0",
     "storybook": "^10.0.8",
     "storybook-addon-deep-controls": "^0.10.0",
+    "storybook-addon-tag-badges": "^3.0.2",
     "vite": "^7.1.11",
     "vitest": "^4.0.10"
   },

package/src/components/bs5/accordion/mdx/_designResources.mdx

@@ -1,6 +1,5 @@
 ## Design resources
 
-- [Component library (Figma)](https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=6276-45691&mode=design&t=chjWFr1CLu6KQXzg-4)
 - [Master component file (Figma)](https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=5990-98109&mode=design&t=ORVHLonASEFQzPeD-0)
 - [Design System website](https://www.design-system.health.qld.gov.au/components/accordions)
 - [Bootstrap component](https://getbootstrap.com/docs/5.3/components/accordion/)

package/src/components/bs5/backToTop/backToTop.mdx

@@ -9,6 +9,5 @@ import * as BackToTopStories from "./backToTop.stories";
 
 ## Design resources
 
-- [Component library (Figma)](https://www.figma.com/design/XPeQMu5zKhEPKXdtZclWIW/Back-to-top?node-id=2004-2461&m=dev)
 - [Master component file (Figma)]()
 - [Design System website](https://www.designsystem.qld.gov.au/components/back-to-top)

package/src/components/bs5/banner/Banner.mdx

@@ -10,7 +10,6 @@ import defaultdata from "./banner.data.json";
 
 ## Design resources
 
-- [Component library (Figma)](https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=10861-449385&mode=design&t=NREcuP5UOBB2Y6G4-4)
 - [Master component file (Figma)](https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=6037-22593&mode=design&t=YLfxdziHdqD2Ty0o-0)
 - [Design System website](https://www.designsystem.qld.gov.au/components/banners)
 

package/src/components/bs5/blockquote/Blockquote.mdx

@@ -9,6 +9,5 @@ import * as BlockquoteStories from "./blockquote.stories";
 
 ## Design resources
 
-- [Component library (Figma)](https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=6310-45849&mode=design&t=NREcuP5UOBB2Y6G4-4)
 - [Master component file (Figma)](https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=11056-321340&mode=design&t=YLfxdziHdqD2Ty0o-0)
 - [Design System website](https://www.designsystem.qld.gov.au/components/callouts#section__quote-example)

package/src/components/bs5/breadcrumbs/Breadcrumbs.mdx

@@ -10,7 +10,6 @@ import defaultdata from "./breadcrumbs.data.json";
 
 ## Design resources
 
-- [Component library (Figma)](https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=11185-261509&mode=design&t=NREcuP5UOBB2Y6G4-4)
 - [Master component file (Figma)](https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=5990-98076&mode=design&t=YLfxdziHdqD2Ty0o-0)
 - [Design System website](https://www.designsystem.qld.gov.au/components/breadcrumbs)
 - [Bootstrap component](https://getbootstrap.com/docs/5.3/components/breadcrumb/)

package/src/components/bs5/button/Button.mdx

@@ -9,7 +9,6 @@ import * as ButtonStories from "./button.stories";
 
 ## Design resources
 
-- [Component library (Figma)](https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=6274-44764&mode=design&t=NREcuP5UOBB2Y6G4-4)
 - [Master component file (Figma)](https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=5990-98058&mode=design&t=YLfxdziHdqD2Ty0o-0)
 - [Design System website](https://www.designsystem.qld.gov.au/components/buttons)
 - [Bootstrap component](https://getbootstrap.com/docs/5.3/components/buttons/)

package/src/components/bs5/callToAction/callToAction.mdx

@@ -10,7 +10,6 @@ import defaultdata from "./callToAction.data.json";
 
 ## Design resources
 
-- [Component library (Figma)](https://www.figma.com/design/qKsxl3ogIlBp7dafgxXuCA/QGDS-UI-kit?node-id=23167-395565&t=TIV8Ku0uZZw4wtEa-0)
 - [Master component file (Figma)](https://www.figma.com/design/qKsxl3ogIlBp7dafgxXuCA/QGDS-UI-kit?node-id=11056-321367&p=f&t=PtLTzZO7iSzsq4Qn-0)
 - [Design System website](https://www.designsystem.qld.gov.au/components/call-to-action-cta)
 

package/src/components/bs5/callout/Callout.mdx

@@ -9,6 +9,5 @@ import * as CalloutStories from "./callout.stories";
 
 ## Design resources
 
-- [Component library (Figma)](https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=6310-45849&mode=design&t=NREcuP5UOBB2Y6G4-4)
 - [Master component file (Figma)](https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=5990-98115&mode=design&t=YLfxdziHdqD2Ty0o-0)
 - [Design System website](https://www.designsystem.qld.gov.au/components/callouts)

package/src/components/bs5/card/Card.mdx

@@ -14,7 +14,6 @@ Use the field `headingTag` to apply the correct heading level of your card title
 
 ## Design resources
 
-- [Component library (Figma)](https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=6273-41238&mode=design&t=Y96ILJNKlcVOEkpC-4)
 - [Master component file (Figma)](https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=5990-98141&mode=design&t=d1ly5fkj79b8cqJ6-0)
 - [Design System website](https://www.design-system.health.qld.gov.au/components/cards)
 - [Bootstrap component](https://getbootstrap.com/docs/5.3/components/card/)

package/src/components/bs5/directionLinks/DirectionLinks.mdx

@@ -9,6 +9,5 @@ import * as DirectionLinksStories from "./directionLinks.stories";
 
 ## Design resources
 
-- [Component library (Figma)](https://www.figma.com/design/qKsxl3ogIlBp7dafgxXuCA/QGDS-UI-kit?node-id=23167-395560&t=7cFV6FheiSfxWCL8-0)
 - [Master component file (Figma)](https://www.figma.com/design/qKsxl3ogIlBp7dafgxXuCA/QGDS-UI-kit?node-id=11056-321363&p=f&t=cQBFbBP6J97taQCN-0)
 - [Design System website](https://www.designsystem.qld.gov.au/components/direction-links)

package/src/components/bs5/footer/Footer.mdx

@@ -10,7 +10,6 @@ import defaultdata from "./footer.data.json";
 
 ## Design resources
 
-- [Component library (Figma)](https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=5728-106979&mode=design&t=2A547O8zdXmQCwY7-0)
 - [Master component file (Figma)](https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=5728-106979&mode=design&t=2A547O8zdXmQCwY7-0)
 - [Design System website](https://www.designsystem.qld.gov.au/components/footer)
 

package/src/components/bs5/formcheck/stories/checkbox/Checkbox.mdx

@@ -13,7 +13,5 @@ import * as FormCheckCheckboxStories from "./checkbox.stories";
 
 ### Checkbox
 
-- [Component library (Figma)](https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=11185-257399&mode=design&t=9b0T06NG5P47amzB-4)
 - [Master component file (Figma)](https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=11056-321348&mode=design&t=9b0T06NG5P47amzB-0)
-- [Design System website](https://www.design-system.health.qld.gov.au/components/checkboxes)./formcheckRadio.stories
-  ../../formcheckCheckbox.stories./checkbox.stories
+- [Design System website](https://www.design-system.health.qld.gov.au/components/checkboxes)

package/src/components/bs5/formcheck/stories/radio/Radio.mdx

@@ -13,6 +13,5 @@ import * as FormCheckRadioStories from "./radio.stories";
 
 ### Radio
 
-- [Component library (Figma)](https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=6274-42582&mode=design&t=sWeMBpAnKzpGzmWI-4)
 - [Master component file (Figma)](https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=11056-321347&mode=design&t=9b0T06NG5P47amzB-0)
 - [Design System website](https://www.design-system.health.qld.gov.au/components/radio-buttons)

package/src/components/bs5/globalAlert/GlobalAlert.mdx

@@ -10,7 +10,6 @@ import defaultdata from "./globalAlert.data.json";
 
 ## Design resources
 
-- [Component library (Figma)](https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=23805-314551&mode=design&t=NREcuP5UOBB2Y6G4-4)
 - [Master component file (Figma)](https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=5990-97590&mode=design&t=YLfxdziHdqD2Ty0o-0)
 - [Design System website](https://www.designsystem.qld.gov.au/components/alerts-global)
 

package/src/components/bs5/globalAlert/globalAlert.data.json

@@ -6,7 +6,7 @@
         "variant": "global-alert-critical",
         "ariaLabel": "Critical alert",
         "dismissedExpiryDays": 0,
-        "content": "<strong>Severe weather:</strong> Cyclone XYZ is expected to impact the coast area. Prepare <a href='#'>your home and businesses</a> or check for <a href='#'>available support</a>.",
+        "content": "<strong>Severe weather:</strong> Cyclone XYZ is expected to impact the coast area. Prepare your home and businesses or check for available support.",
         "action": "<a href='https://www.qld.gov.au/'><span>Read more</span></a>"
       }
     ]
@@ -17,7 +17,7 @@
         "id": "service-delay-weather",
         "variant": "global-alert-warning",
         "ariaLabel": "Warning alert",
-        "content": "<strong>Service Delay:</strong> Various <a href='#'>services</a> are experiencing delays due to the weather event.",
+        "content": "<strong>Service Delay:</strong> Various services are experiencing delays due to the weather event.",
         "action": "<a href='https://www.qld.gov.au/'><span>Learn more</span></a>"
       }
     ]
@@ -28,7 +28,7 @@
         "id": "caretaker-period-2024",
         "variant": "global-alert-info",
         "ariaLabel": "Information alert",
-        "content": "<strong>Caretaker period:</strong> The Queensland Government is in a <a href='#'>caretaker period</a> until after the <a href='#'>state election</a>. Minimal updates will be made to this site until after the election results are declared.",
+        "content": "<strong>Caretaker period:</strong> The Queensland Government is in a caretaker period until after the state election. Minimal updates will be made to this site until after the election results are declared.",
         "action": "<a href='https://www.qld.gov.au/'><span>Learn more</span></a>"
       }
     ]
@@ -39,14 +39,14 @@
         "id": "cyclone-xyz-critical",
         "variant": "global-alert-critical",
         "ariaLabel": "Critical alert",
-        "content": "<strong>Severe weather:</strong> Cyclone XYZ is expected to impact the coast area. Prepare <a href='#'>your home and businesses</a> or check for <a href='#'>available support</a>.",
+        "content": "<strong>Severe weather:</strong> Cyclone XYZ is expected to impact the coast area. Prepare your home and businesses or check for available support.",
         "action": "<a href='https://www.qld.gov.au/'><span>Learn more</span></a>"
       },
       {
         "id": "flood-warning-southeast",
         "variant": "global-alert-critical",
         "ariaLabel": "Critical alert",
-        "content": "<strong>Severe weather:</strong> Cyclone XYZ is expected to impact the coast area. Prepare <a href='#'>your home and businesses</a> or check for <a href='#'>available support</a>.",
+        "content": "<strong>Severe weather:</strong> Cyclone XYZ is expected to impact the coast area. Prepare your home and businesses or check for available support.",
         "action": "<a href='https://www.qld.gov.au/'><span>Learn more</span></a>",
         "preventDismiss": true
       },
@@ -54,14 +54,14 @@
         "id": "transport-delays-brisbane",
         "variant": "global-alert-warning",
         "ariaLabel": "Warning alert",
-        "content": "<strong>Service Delay:</strong> Various <a href='#'>services</a> are experiencing delays due to the weather event.",
+        "content": "<strong>Service Delay:</strong> Various services are experiencing delays due to the weather event.",
         "action": "<a href='https://www.qld.gov.au/'><span>Read more</span></a>"
       },
       {
         "id": "health-services-disruption",
         "variant": "global-alert-warning",
         "ariaLabel": "Warning alert",
-        "content": "<strong>Service Delay:</strong> Various <a href='#'>services</a> are experiencing delays due to the weather event.",
+        "content": "<strong>Service Delay:</strong> Various services are experiencing delays due to the weather event.",
         "action": "<a href='https://www.qld.gov.au/'><span>Read more</span></a>",
         "preventDismiss": true
       },
@@ -69,13 +69,13 @@
         "id": "election-caretaker-info",
         "variant": "global-alert-info",
         "ariaLabel": "Information alert",
-        "content": "<strong>Caretaker period:</strong> The Queensland Government is in a <a href='#'>caretaker period</a> until after the <a href='#'>state election</a>. Minimal updates will be made to this site until after the election results are declared.",
+        "content": "<strong>Caretaker period:</strong> The Queensland Government is in a caretaker period until after the state election. Minimal updates will be made to this site until after the election results are declared.",
         "action": "<a href='https://www.qld.gov.au/'><span>Learn more</span></a>"
       },
       {
         "variant": "global-alert-info",
         "ariaLabel": "Information alert",
-        "content": "<strong>Caretaker period:</strong> The Queensland Government is in a <a href='#'>caretaker period</a> until after the <a href='#'>state election</a>. Minimal updates will be made to this site until after the election results are declared.",
+        "content": "<strong>Caretaker period:</strong> The Queensland Government is in a caretaker period until after the state election. Minimal updates will be made to this site until after the election results are declared.",
         "action": "<a href='https://www.qld.gov.au/'><span>Learn more</span></a>",
         "preventDismiss": true
       }

package/src/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/src/components/bs5/globalAlert/globalAlert.scss

@@ -1,10 +1,13 @@
 @use "../../../css/mixins" as m;
 
 .global-alert {
+  --focus-colour: var(--#{$prefix}neutral-darkest);
+
   line-height: 1.25rem;
   border-radius: 0;
   border-top-style: solid;
   border-width: 0;
+  padding-block: 0.75rem;
 
   &:first-child:not(:only-child) {
     border-top-width: 1px;
@@ -14,13 +17,6 @@
     border-top-width: 1px;
   }
 
-  &.alert {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
-    padding-left: 2rem;
-    margin-bottom: 0;
-  }
-
   .qld-global-alert-main {
     display: flex;
     column-gap: 1rem;
@@ -69,7 +65,7 @@
       text-wrap: nowrap;
     }
   }
-
+  
   .global-alert-close {
     display: inline-flex;
     justify-content: center;
@@ -108,6 +104,10 @@
 
       @include m.focusable($outlineWidth: 2px);
       box-shadow: none;
+      &:focus {
+        outline-color: var(--focus-colour);
+      }
+      
 
       @include media-breakpoint-down(lg) {
         &:hover {
@@ -119,6 +119,7 @@
 
   &.global-alert-critical {
     --#{$prefix}icon-color: #{$core-default-color-neutral-white};
+    --focus-colour: var(--#{$prefix}neutral-white);
 
     background-color: $qld-notify-warning;
     color: var(--#{$prefix}white);
@@ -196,7 +197,20 @@
     }
   }
 }
-
+@include media-breakpoint-down(lg) {
+  .global-alert {
+    .global-alert-content .global-alert-action {
+      margin-inline-end: 2rem;      
+    }
+  }
+}
+@include media-breakpoint-down(md) {
+  .global-alert {
+    .global-alert-content {
+      padding: 0;
+    }
+  }
+}
 @include media-breakpoint-up(lg) {
   .global-alert {
     .global-alert-close {
@@ -215,5 +229,6 @@
         }
       }
     }
+    
   }
 }

package/src/components/bs5/globalAlert/globalAlert.stories.js

@@ -3,7 +3,7 @@ import { GlobalAlert } from "./GlobalAlert.js";
 import defaultdata from "./globalAlert.data.json";
 
 export default {
-  tags: ["autodocs"],
+  tags: ["autodocs", "extended"],
   title: "3. Components/Global Alert",
   render: (args) => new GlobalAlert(args).html,
   argTypes: {

package/src/components/bs5/globalAlert/globalAlert.test.js

@@ -155,20 +155,6 @@ describe("initGlobalAlerts", () => {
     localStorage.clear();
   });
 
-  it("Renders with proper classes applied", () => {
-    // The reason we needed to call initGlobalAlerts() manually in the tests is because:
-    // The JSDOM environment handles script execution and events differently than a real browser. Here's what happens:
-    // 1. When JSDOM loads the HTML with the scripts, the scripts execute immediately
-    // 2. The DOMContentLoaded event might fire before the test can set up localStorage properly
-    // 3. Even if DOMContentLoaded fires, the localStorage mock might not be properly injected into the script's execution context
-    initGlobalAlerts();
-
-    const alerts = d.querySelectorAll(".global-alert");
-    alerts.forEach((alert) => {
-      expect(alert.classList.contains("alert")).toBe(true);
-    });
-  });
-
   test("Alert uses default variant when data-variant is not provided", () => {
     initGlobalAlerts();
 

package/src/components/bs5/header/header.scss

@@ -78,7 +78,7 @@
         --qld-icon-color: var(--qld-action-icon-hover-color);
       }
 
-      @include mixins.focusable($offsetOutline: false);
+      @include mixins.focusable($offsetOutline: -3px);
 
       &:before {
         content: "";

package/src/components/bs5/image/Image.mdx

@@ -9,6 +9,5 @@ import * as ImageStories from "./image.stories";
 
 ## Design resources
 
-- [Component library (Figma)](https://www.figma.com/design/qKsxl3ogIlBp7dafgxXuCA/QGDS-UI-kit?node-id=11009-239702&t=EU1m2kX6Y0PGJw2O-0)
 - [Master component file (Figma)](https://www.figma.com/design/qKsxl3ogIlBp7dafgxXuCA/QGDS-UI-kit?node-id=5990-97962&p=f&t=EU1m2kX6Y0PGJw2O-0)
 - [Design System website](https://www.designsystem.qld.gov.au/styles/images)

package/src/components/bs5/inpageAlert/InpageAlert.mdx

@@ -10,7 +10,6 @@ import defaultdata from "./inpageAlert.data.json";
 
 ## Design resources
 
-- [Component library (Figma)](https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=6314-44622&mode=design&t=NREcuP5UOBB2Y6G4-4)
 - [Master component file (Figma)](https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=5990-98125&mode=design&t=YLfxdziHdqD2Ty0o-0)
 - [Design System website](https://www.designsystem.qld.gov.au/components/alerts-in-page)
 - [Bootstrap component](https://getbootstrap.com/docs/5.3/components/alerts/)

package/src/components/bs5/inpageAlert/inpageAlert.stories.js

@@ -129,7 +129,7 @@ export const AllVariants = {
       <div class="mb-4">
         ${new InpageAlert(alertData).html}
       </div>
-    `
+    `,
       )
       .join("");
   },

package/src/components/bs5/inpagenav/Inpagenav.mdx

@@ -9,7 +9,6 @@ import * as InpagenavStories from "./inpagenav.stories";
 
 ## Design resources
 
-- [Component library (Figma)](https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=23167-395561&mode=design&t=BToeasIYcqL5uxRb-0)
 - [Master component file (Figma)](https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=7905-252906&mode=design&t=BToeasIYcqL5uxRb-0)
 - [Design System website](https://www.designsystem.qld.gov.au/components/in-page-navigation)
 - [Bootstrap component](https://getbootstrap.com/docs/5.3/components/navs-tabs/#vertical)

package/src/components/bs5/link/link.mdx

@@ -9,6 +9,4 @@ import * as linkStories from "./link.stories";
 
 ## Design resources
 
-- [Component library (Figma)](https://www.figma.com/design/2hnawnMhbVAHbYj91Z3S0I/00.-QLD.GOV-extended-components-and-templates?node-id=7402-2821&m=dev)
-- [Master component file (Figma)]()
-- [Design System website]()
+- [Master component file (Figma)](https://www.figma.com/design/qKsxl3ogIlBp7dafgxXuCA/QGDS-UI-kit?node-id=12900-201779&p=f&m=dev)

package/src/components/bs5/linkColumns/linkColumns.mdx

@@ -10,7 +10,6 @@ import defaultdata from "./linkColumns.data.json";
 
 ## Design resources
 
-- [Component library (Figma)](https://www.figma.com/design/qKsxl3ogIlBp7dafgxXuCA/QGDS-UI-kit?node-id=11056-321574&p=f&t=6pghtHXhO8h5PAit-0)
 - [Master component file (Figma)](https://www.figma.com/design/qKsxl3ogIlBp7dafgxXuCA/QGDS-UI-kit?node-id=11056-321574&p=f&t=6sRnJtEdRnteiQXM-0)
 - [Design System website](https://www.designsystem.qld.gov.au/components/link-columns-link-list)
 

package/src/components/bs5/linkColumns/linkColumns.stories.js

@@ -11,23 +11,24 @@ import defaultdata from "./linkColumns.data.json";
 export default {
   tags: ["autodocs"],
   title: "3. Components/Link Columns",
-  
+
   render: (args) => new LinkColumns(args).html,
   //   args: defaultdata,
   argTypes: {
     columns: {
-      description: 'Number of coloumns of links to display',
-      control: { type: 'number', min: 1, max: 3, step: 1 },
+      description: "Number of coloumns of links to display",
+      control: { type: "number", min: 1, max: 3, step: 1 },
     },
-    id: { control: 'text' },
+    id: { control: "text" },
     theme: {
-      description: 'The types of themes that this component supports',
+      description: "The types of themes that this component supports",
       control: "select",
-      options: ["default","light", "alt", "dark", "dark-alt"],
+      options: ["default", "light", "alt", "dark", "dark-alt"],
     },
     data: {
-      description: 'The data for the link columns. Each link has a url, id, value, and target. The all_link option if available, displays a single link at the end of the list, with a optional class property.',
-      control: 'object',
+      description:
+        "The data for the link columns. Each link has a url, id, value, and target. The all_link option if available, displays a single link at the end of the list, with a optional class property.",
+      control: "object",
     },
   },
 
@@ -46,8 +47,8 @@ export default {
       type: "figma",
       url: "https://www.figma.com/design/qKsxl3ogIlBp7dafgxXuCA/QGDS-UI-kit?node-id=23167-395563&t=RyMlGjeuzgl8p5Gx-0",
     },
-    pageLayout: 'with-wrapper',
-    wrapperClasses:'qld-content-body',
+    pageLayout: "with-wrapper",
+    wrapperClasses: "qld-content-body",
   },
 };