@nswds/app 1.52.0 → 1.54.0

package/dist/globals.css

@@ -3116,6 +3116,10 @@
   .text-\[length\:var\(--font-size-4\)\] {
     font-size: var(--font-size-4);
   }
+  .leading-1 {
+    --tw-leading: calc(var(--spacing) * 1);
+    line-height: calc(var(--spacing) * 1);
+  }
   .leading-5 {
     --tw-leading: calc(var(--spacing) * 5);
     line-height: calc(var(--spacing) * 5);
@@ -8202,6 +8206,11 @@
       margin-top: calc(var(--spacing) * 4);
     }
   }
+  .lg\:ml-6 {
+    @media (width >= 64rem) {
+      margin-left: calc(var(--spacing) * 6);
+    }
+  }
   .lg\:block {
     @media (width >= 64rem) {
       display: block;

package/dist/index.cjs

@@ -7794,7 +7794,7 @@ function Heading({
 
 // package.json
 var package_default = {
-  version: "1.49.0"};
+  version: "1.53.0"};
 function Logo(props) {
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "NSW Government" }),
@@ -23384,31 +23384,58 @@ function MobileHeader({
   hide = {}
 }) {
   const [open, setOpen] = React16.useState(false);
-  const { search = true } = hide;
+  const { search = true, menu = true } = hide;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:hidden", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex w-full items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(Button2, { variant: "ghost", size: "icon", onClick: () => setOpen(true), className: "m-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Main Navigation Menu" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Icons.menu, { "aria-hidden": "true" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex items-center", children: /* @__PURE__ */ jsxRuntime.jsxs(
-        Link10__default.default,
-        {
-          href: "/",
-          "aria-label": "Home page",
-          className: "flex flex-col items-center justify-between",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Logo, { className: "m-2 h-12 w-auto transition-colors" }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-center text-center", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Heading, { level: 2, size: 6, className: "ml-6", children: sitename }),
-              version && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "soft", color: "primary", className: "ml-2", children: package_default.version })
-            ] })
-          ]
-        }
-      ) }),
-      search && /* @__PURE__ */ jsxRuntime.jsx(MobileSearch, { navigation })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(Headless4.Dialog, { open, onClose: setOpen, className: "relative z-50", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: clsx21__default.default(
+          "relative flex w-full items-center py-4",
+          menu && !search && "justify-start",
+          search && "justify-between",
+          !menu && !search && "justify-center"
+        ),
+        children: [
+          menu && /* @__PURE__ */ jsxRuntime.jsxs(Button2, { variant: "ghost", size: "icon", onClick: () => setOpen(true), className: "m-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Main Navigation Menu" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Icons.menu, { "aria-hidden": "true" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex items-center", children: /* @__PURE__ */ jsxRuntime.jsxs(
+            Link10__default.default,
+            {
+              href: "/",
+              "aria-label": "Home page",
+              className: clsx21__default.default(
+                "flex items-center",
+                menu && !search && "justify-start",
+                search && !menu && "flex-row justify-between",
+                menu && search || !menu && !search && "flex-col justify-center"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Logo, { className: "m-2 h-12 w-auto transition-colors" }),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    className: clsx21__default.default(
+                      "flex flex-wrap items-center",
+                      menu && !search && "justify-center text-left",
+                      search && !menu && "justify-center text-left",
+                      menu && search && "justify-center text-center"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(Text, { size: 1, className: "text-primary-800 ml-2 leading-1 font-bold lg:ml-6", children: sitename }),
+                      version && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "soft", color: "primary", className: "ml-2", children: package_default.version })
+                    ]
+                  }
+                )
+              ]
+            }
+          ) }),
+          search && /* @__PURE__ */ jsxRuntime.jsx(MobileSearch, { navigation })
+        ]
+      }
+    ),
+    menu && /* @__PURE__ */ jsxRuntime.jsxs(Headless4.Dialog, { open, onClose: setOpen, className: "relative z-50", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0" }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none fixed inset-y-0 left-0 flex max-w-full pr-10 sm:pr-16", children: /* @__PURE__ */ jsxRuntime.jsx(
         Headless4.DialogPanel,