@qhealth-design-system/core 1.18.0 → 1.18.1

package/CHANGELOG.md

@@ -7,6 +7,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+## 1.18.1 - 2025-11-12
+
 ## 1.18.0 - 2025-11-12
 
 ## 1.17.2 - 2025-10-23

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@qhealth-design-system/core",
-    "version": "1.18.0",
+    "version": "1.18.1",
     "description": "",
     "licence": "MIT",
     "main": "index.js",

package/src/components/header/js/global.js

@@ -5,11 +5,17 @@
 // Search toggle button
 const searchToggle = document.querySelector(".qld__main-nav__toggle-search");
 const searchForm = document.querySelector(".qld__header__search .qld__search-form");
-const targetId = searchToggle.getAttribute("aria-controls");
-const target = document.getElementById(targetId);
-const focustrapTop = target.querySelector(".qld__main-nav__focus-trap-top");
-const focustrapBottom = target.querySelector(".qld__main-nav__focus-trap-bottom");
-const searchToggleText = searchToggle.querySelector(".qld__main-nav__toggle-text");
+let searchToggleText, targetId, target, focustrapTop, focustrapBottom;
+if (searchToggle) {
+    searchToggleText = searchToggle.querySelector(".qld__main-nav__toggle-text");
+    targetId = searchToggle.getAttribute("aria-controls");
+    target = document.getElementById(targetId);
+    if (target) {
+        focustrapTop = target.querySelector(".qld__main-nav__focus-trap-top");
+        focustrapBottom = target.querySelector(".qld__main-nav__focus-trap-bottom");
+    }
+}
+
 // Hold state of the header (open vs close)
 let isHeaderOpen = false;
 // Global events object

package/src/components/search_box/css/component.scss

@@ -42,7 +42,7 @@
             }
 
             // Push the input cursor to the right when search icon is present
-            > input.qld__text-input {
+            input.qld__text-input {
                 padding-left: 3rem;
             }
         }