@nswds/app 1.44.0 → 1.45.0

package/dist/globals.css

@@ -383,9 +383,6 @@
   .top-\[1px\] {
     top: 1px;
   }
-  .top-\[4\.75rem\] {
-    top: 4.75rem;
-  }
   .top-\[50\%\] {
     top: 50%;
   }
@@ -1276,9 +1273,6 @@
   .h-\[calc\(100\%-1px\)\] {
     height: calc(100% - 1px);
   }
-  .h-\[calc\(100vh-4\.75rem\)\] {
-    height: calc(100vh - 4.75rem);
-  }
   .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
     height: var(--radix-navigation-menu-viewport-height);
   }
@@ -2476,10 +2470,6 @@
     --tw-gradient-position: to right in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
-  .from-grey-600 {
-    --tw-gradient-from: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
   .from-grey-800 {
     --tw-gradient-from: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -2685,6 +2675,9 @@
   .px-8 {
     padding-inline: calc(var(--spacing) * 8);
   }
+  .px-18 {
+    padding-inline: calc(var(--spacing) * 18);
+  }
   .px-\[0\.5px\] {
     padding-inline: 0.5px;
   }

package/dist/index.cjs

@@ -7512,9 +7512,10 @@ function FooterLegalLinks({ legalLinks }) {
 function Footer({
   legalLinks,
   department,
-  socialLinks
+  socialLinks,
+  className
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: "mx-auto w-full px-4 py-16 pb-16 lg:pr-0 lg:pl-8", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: cn("mx-auto w-full px-4 py-16 pb-16 lg:pr-0 lg:pl-8", className), children: [
     /* @__PURE__ */ jsxRuntime.jsx(FooterAcknowledgement, {}),
     /* @__PURE__ */ jsxRuntime.jsx(Separator4, { className: "bg-grey-200 my-4" }),
     /* @__PURE__ */ jsxRuntime.jsx(FooterLegalLinks, { legalLinks }),
@@ -7808,7 +7809,7 @@ function Heading({
 
 // package.json
 var package_default = {
-  version: "1.43.0"};
+  version: "1.44.0"};
 function Logo(props) {
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "NSW Government" }),
@@ -16579,9 +16580,24 @@ function PrevNextLinksPageLink({
     ) })
   ] });
 }
+function flattenNavigation(navigation) {
+  const result = [];
+  function traverse(items) {
+    for (const item of items) {
+      if (item.href) {
+        result.push({ title: item.title, href: item.href });
+      }
+      if (item.links && Array.isArray(item.links)) {
+        traverse(item.links);
+      }
+    }
+  }
+  traverse(navigation);
+  return result;
+}
 function PrevNextLinks({ navigation: navigation$1 }) {
   const pathname = navigation.usePathname();
-  const allLinks = navigation$1.flatMap((section) => section.links);
+  const allLinks = flattenNavigation(navigation$1);
   const linkIndex = allLinks.findIndex((link) => link?.href === pathname);
   const previousPage = linkIndex > 0 ? allLinks[linkIndex - 1] : null;
   const nextPage = linkIndex > -1 && linkIndex < allLinks.length - 1 ? allLinks[linkIndex + 1] : null;
@@ -16755,6 +16771,15 @@ function SheetDescription({
     }
   );
 }
+function isLinkOrDescendantActive(link, pathname) {
+  if (pathname === link.href) {
+    return true;
+  }
+  if (link.links && link.links.length > 0) {
+    return link.links.some((childLink) => isLinkOrDescendantActive(childLink, pathname));
+  }
+  return false;
+}
 function SidebarNavigation({
   className,
   onLinkClick,
@@ -16795,13 +16820,14 @@ function SidebarNavigation({
 function SidebarLink({ link, pathname, onLinkClick, depth }) {
   const hasChildren = Array.isArray(link.links) && link.links.length > 0;
   const isActive = pathname === link.href;
+  const isActiveOrHasActiveDescendant = isLinkOrDescendantActive(link, pathname);
   const baseLinkClasses = clsx21__default.default(
     "border-l pl-4 pr-2 text-base/8 sm:text-sm/6 w-full text-left py-1 rounded-r-md cursor-pointer",
     "hover:border-grey-950 hover:text-grey-950 hover:font-semibold hover:bg-primary-800/10",
     "dark:text-grey-400 dark:hover:border-grey-400 dark:hover:text-white",
     isActive && "border-l border-primary-800 text-primary-800 font-bold dark:border-white bg-primary-800/10 dark:bg-white/20"
   );
-  return /* @__PURE__ */ jsxRuntime.jsx("li", { className: "-ml-px flex flex-col items-start gap-1", children: hasChildren ? /* @__PURE__ */ jsxRuntime.jsxs(Collapsible, { className: "w-full", defaultOpen: isActive, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { className: "-ml-px flex flex-col items-start gap-1", children: hasChildren ? /* @__PURE__ */ jsxRuntime.jsxs(Collapsible, { className: "w-full", defaultOpen: isActiveOrHasActiveDescendant, children: [
     /* @__PURE__ */ jsxRuntime.jsx(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
@@ -17742,6 +17768,7 @@ function ThemeColorPaletteContent() {
     const themeParam = searchParams.get("theme");
     const primaryParam = searchParams.get("primary");
     const accentParam = searchParams.get("accent");
+    const hasUrlParams = themeParam || primaryParam || accentParam;
     let newCategory = themeCategory;
     let newPrimary = primaryColor;
     let newAccent = accentColor;
@@ -17760,12 +17787,20 @@ function ThemeColorPaletteContent() {
     if (accentParam && availableColors.includes(accentParam) && accentParam !== newPrimary) {
       newAccent = accentParam;
       setAccentColor(accentParam);
-    } else {
+    } else if (hasUrlParams) {
       const newAccentColor = availableColors.find((color2) => color2 !== newPrimary);
       if (newAccentColor) {
         newAccent = newAccentColor;
         setAccentColor(newAccent);
       }
+    } else {
+      if (!availableColors.includes(newAccent) || newAccent === newPrimary) {
+        const newAccentColor = availableColors.find((color2) => color2 !== newPrimary);
+        if (newAccentColor) {
+          newAccent = newAccentColor;
+          setAccentColor(newAccent);
+        }
+      }
     }
     const neutralKey = Object.keys(colorThemes[newCategory]).find(
       (k) => k.toLowerCase().includes("grey")