@qld-gov-au/qgds-bootstrap5 2.1.12 → 2.1.13

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qld-gov-au/qgds-bootstrap5",
-  "version": "2.1.12",
+  "version": "2.1.13",
   "description": "",
   "repository": {
     "type": "git",
@@ -75,7 +75,7 @@
     "esbuild-plugin-copy": "^2.1.1",
     "esbuild-plugin-handlebars": "1.0.3",
     "esbuild-sass-plugin": "3.6.0",
-    "eslint": "9.39.2",
+    "eslint": "10.0.0",
     "eslint-plugin-json": "^4.0.1",
     "eslint-plugin-storybook": "^10.1.10",
     "globals": "17.3.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qld-gov-au/qgds-bootstrap5",
-  "version": "2.1.12",
+  "version": "2.1.13",
   "description": "",
   "repository": {
     "type": "git",
@@ -75,7 +75,7 @@
     "esbuild-plugin-copy": "^2.1.1",
     "esbuild-plugin-handlebars": "1.0.3",
     "esbuild-sass-plugin": "3.6.0",
-    "eslint": "9.39.2",
+    "eslint": "10.0.0",
     "eslint-plugin-json": "^4.0.1",
     "eslint-plugin-storybook": "^10.1.10",
     "globals": "17.3.0",

package/src/components/bs5/searchInput/search.functions.js

@@ -196,6 +196,14 @@ export async function showSuggestions(value = "", isDefault = false, form) {
           dynamicSuggestionsContainer.getAttribute("data-view-more");
 
         // Build the services HTML safely
+        const escapeHtmlAttr = (str) =>
+          String(str)
+            .replace(/&/g, "&")
+            .replace(/"/g, """)
+            .replace(/'/g, "'")
+            .replace(/</g, "&lt;")
+            .replace(/>/g, "&gt;");
+
         const servicesItems = fetchedServices.response.resultPacket.results
           .slice(0, 4)
           .map(
@@ -205,7 +213,7 @@ export async function showSuggestions(value = "", isDefault = false, form) {
           .join("");
 
         const viewMoreItem = viewMoreUrl
-          ? `<li><a tabindex="0" href="${viewMoreUrl}" class="view-more">View more</a></li>`
+          ? `<li><a tabindex="0" href="${escapeHtmlAttr(viewMoreUrl)}" class="view-more">View more</a></li>`
           : "";
 
         dynamicSuggestionsContainer.innerHTML += `

package/src/components/bs5/sidenav/sidenav.scss

@@ -13,7 +13,6 @@
   --sidenav-level-two-padding: 2rem;
   --sidenav-level-three-padding: 3.5rem;
   --sidenav-navlink-padding: 1rem;
-
   --sidenav-hover-bg: var(--#{$prefix}neutral-lightest);
   --sidenav-hover-color: var(--#{$prefix}light-action-primary);
   --sidenav-hover-underline-color: var(
@@ -149,7 +148,7 @@
   .nav-link {
     padding: var(--sidenav-navlink-padding);
     font-size: 0.875rem;
-    color: var(--#{$prefix}light-text-text);
+    color: var(--qld-body-color);
     text-decoration: none;
     transition-duration: 0s;
     line-height: 1.25rem;

package/src/css/qld-tokens.scss

@@ -10,21 +10,21 @@ $color-default-color-dark-background-alt-shade: #000764 !default;
 $color-default-color-dark-background-alt: #001d74 !default;
 $color-default-color-dark-background-default-shade: #003e96 !default;
 $color-default-color-dark-background-default: #005eb8 !default;
-$color-default-color-dark-border-alt: #63b1ff !default;
+$color-default-color-dark-border-alt: #73c2ff !default;
 $color-default-color-dark-border-default: #418fed !default;
 $color-default-color-dark-crest-fill: #ffffff !default;
 $color-default-color-dark-focus-default: #c6ffff !default;
 $color-default-color-dark-link-default: #ffffff !default;
 $color-default-color-dark-link-on-action: #001c37 !default;
-$color-default-color-dark-link-visited: #F2CDFF !default;
+$color-default-color-dark-link-visited: #f2cdff !default;
 $color-default-color-dark-site-title: #ffffff !default;
 $color-default-color-dark-text-default: #ffffff !default;
 $color-default-color-dark-text-heading: #ffffff !default;
 $color-default-color-dark-text-lighter: #deebf9 !default;
 $color-default-color-dark-underline-default-hover: #ffffff !default;
 $color-default-color-dark-underline-default: #b5cce2 !default;
-$color-default-color-dark-underline-visited-hover: #F2CDFF !default;
-$color-default-color-dark-underline-visited: #C6AED9 !default;
+$color-default-color-dark-underline-visited-hover: #f2cdff !default;
+$color-default-color-dark-underline-visited: #c6aed9 !default;
 
 /* Light palettes */
 $color-default-color-light-accent-design-accent: #84d3ff !default;

package/src/stories/Introduction.mdx

@@ -79,7 +79,7 @@ The following core components are available in this library.  Additional layout
   {componentList.map(component => (
     <a 
       key={component.id} 
-      href={`/?path=${component.storyPath}`}
+      href={`/qgds-bootstrap5/?path=${component.storyPath}`}
       className="component-card"
     >
       <div className="component-card-title">{component.title}</div>
@@ -88,11 +88,14 @@ The following core components are available in this library.  Additional layout
 </div>
 
 
-## [How to use](?path=/docs/introduction-how-to-use--overview)
-> Use this guide to implement the QGDS Bootstrap 5 edition in your web page or application.
+## How to use
+Use this guide to implement the QGDS Bootstrap 5 edition in your web page or application.<br /><br />
+[How to use guide](?path=/docs/introduction-how-to-use--overview)
 
-## [Project development](?path=/docs/introduction-development---overview)
-> Use this guide if working on or contributing to the QGDS Bootstrap 5 source code itself. It outlines the architecture, build processes, Github setup and repository forking.
+
+## How to contribute
+Use this guide if working on or contributing to the QGDS Bootstrap 5 source code itself. It outlines the architecture, build processes, Github setup and repository forking.<br /><br />
+[Project development guide](?path=/docs/introduction-development---overview)
 
 
 ## The QGDS Ecosystem