@nswds/app 1.89.7 → 1.90.0

package/dist/globals.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme, base, components, utilities;
@@ -9449,6 +9449,22 @@
       display: none;
     }
   }
+  .dark\:divide-grey-100\/10 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      :where(& > :not(:last-child)) {
+        border-color: var(--color-grey-100);
+        @supports (color: color-mix(in lab, red, red)) {
+          border-color: color-mix(in oklab, var(--color-grey-100) 10%, transparent);
+        }
+      }
+    }
+  }
+  .dark\:border-b {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 1px;
+    }
+  }
   .dark\:border-\(--badge-bg\) {
     &:where([data-theme=dark], [data-theme=dark] *) {
       border-color: var(--badge-bg);
@@ -9531,6 +9547,11 @@
       border-color: var(--input);
     }
   }
+  .dark\:border-primary-200 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      border-color: var(--color-primary-200);
+    }
+  }
   .dark\:border-primary-600 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       border-color: var(--color-primary-600);
@@ -9541,6 +9562,11 @@
       border-color: var(--color-slate-800);
     }
   }
+  .dark\:border-transparent {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      border-color: transparent;
+    }
+  }
   .dark\:border-white {
     &:where([data-theme=dark], [data-theme=dark] *) {
       border-color: var(--color-white);
@@ -9741,6 +9767,11 @@
       }
     }
   }
+  .dark\:bg-primary-950 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: var(--color-primary-950);
+    }
+  }
   .dark\:bg-slate-900\/95 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 95%, transparent);
@@ -9954,6 +9985,11 @@
       color: var(--color-grey-50);
     }
   }
+  .dark\:text-grey-100 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      color: var(--color-grey-100);
+    }
+  }
   .dark\:text-grey-200 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       color: var(--color-grey-200);
@@ -9979,6 +10015,11 @@
       color: var(--muted-foreground);
     }
   }
+  .dark\:text-primary-200 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      color: var(--color-primary-200);
+    }
+  }
   .dark\:text-primary-500 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       color: var(--color-primary-500);
@@ -10023,6 +10064,14 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .dark\:shadow-black\/40 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --tw-shadow-color: color-mix(in srgb, #000 40%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 40%, transparent) var(--tw-shadow-alpha), transparent);
+      }
+    }
+  }
   .dark\:ring-danger-700\/30 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --tw-ring-color: var(--danger-700);
@@ -10502,6 +10551,15 @@
       }
     }
   }
+  .dark\:hover\:bg-grey-800 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-grey-800);
+        }
+      }
+    }
+  }
   .dark\:hover\:bg-input\/50 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:hover {
@@ -10514,6 +10572,18 @@
       }
     }
   }
+  .dark\:hover\:bg-primary-200\/10 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-primary-200);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-primary-200) 10%, transparent);
+          }
+        }
+      }
+    }
+  }
   .dark\:hover\:bg-white\/10 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:hover {
@@ -10562,6 +10632,15 @@
       }
     }
   }
+  .dark\:hover\:text-primary-200 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-primary-200);
+        }
+      }
+    }
+  }
   .dark\:hover\:text-slate-300 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:hover {
@@ -11154,6 +11233,16 @@
       }
     }
   }
+  .dark\:sm\:border-grey-100\/10 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      @media (width >= 40rem) {
+        border-color: var(--color-grey-100);
+        @supports (color: color-mix(in lab, red, red)) {
+          border-color: color-mix(in oklab, var(--color-grey-100) 10%, transparent);
+        }
+      }
+    }
+  }
   .dark\:sm\:border-white\/5 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       @media (width >= 40rem) {

package/dist/index.cjs

@@ -17557,7 +17557,7 @@ function FormatToggle({ format, setFormat }) {
 
 // package.json
 var package_default = {
-  version: "1.88.0"};
+  version: "1.89.0"};
 var SluggerContext = React5__namespace.default.createContext(null);
 function flattenText(nodes) {
   if (nodes == null || typeof nodes === "boolean") return "";
@@ -18896,7 +18896,7 @@ function MainNavigation({ navigation }) {
       "aria-label": "Main Navigation",
       role: "navigation",
       id: "nsw-main-navigation",
-      className: "sticky z-40 hidden bg-grey-100 shadow-md shadow-grey-900/5 sm:px-6 lg:block lg:px-4 dark:shadow-none",
+      className: "sticky z-40 hidden bg-grey-100 shadow-md shadow-grey-900/5 sm:px-6 lg:block lg:px-4 dark:border-b dark:border-grey-800 dark:bg-grey-900 dark:shadow-none",
       style: {
         top: `${headerHeight}px`,
         transition: "top 0.2s ease-in-out"
@@ -18931,9 +18931,9 @@ function TopLevel({ title, href }) {
         // Base styles
         "inline-flex items-center gap-x-1 p-4 transition lg:px-8",
         // Text styles
-        "text-base leading-6 font-bold text-grey-800",
+        "text-base leading-6 font-bold text-grey-800 dark:text-grey-100",
         // Hover styles
-        "hover:bg-primary-800/10"
+        "hover:bg-primary-800/10 hover:text-primary-800 dark:hover:bg-primary-200/10 dark:hover:text-primary-200"
       ),
       children: title
     },
@@ -18948,14 +18948,12 @@ function MegaMenu({ title, href, links }) {
         className: cn(
           "inline-flex items-center gap-x-1 p-4 transition lg:px-8",
           // Text styles
-          "text-base leading-6 font-bold text-grey-800 hover:text-primary-800 dark:text-grey-400 dark:hover:text-white",
+          "text-base leading-6 font-bold text-grey-800 hover:text-primary-800 dark:text-grey-100 dark:hover:text-primary-200",
           // Hover styles
-          "hover:bg-primary-800/10 hover:font-bold hover:text-primary-800",
-          // Focus styles,
-          "",
+          "hover:bg-primary-800/10 hover:font-bold dark:hover:bg-primary-200/10",
           // Border styles
           "border-b-2",
-          open ? "border-primary-800" : "border-transparent"
+          open ? "border-primary-800 dark:border-primary-200" : "border-transparent dark:border-transparent"
         ),
         children: [
           title,
@@ -18975,13 +18973,13 @@ function MegaMenu({ title, href, links }) {
       Headless4.PopoverPanel,
       {
         transition: true,
-        className: "absolute inset-x-0 top-0 -z-10 pt-14 shadow transition data-[closed]:-translate-y-1 data-[closed]:opacity-0 data-[enter]:duration-200 data-[enter]:ease-out data-[leave]:duration-150 data-[leave]:ease-in",
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto grid bg-white", children: [
+        className: "absolute inset-x-0 top-0 -z-10 pt-14 shadow transition data-[closed]:-translate-y-1 data-[closed]:opacity-0 data-[enter]:duration-200 data-[enter]:ease-out data-[leave]:duration-150 data-[leave]:ease-in dark:shadow-black/40",
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto grid bg-white dark:bg-grey-900", children: [
           /* @__PURE__ */ jsxRuntime.jsxs(
             Link13__default.default,
             {
               href,
-              className: "group flex items-center px-8 py-8 text-xl font-bold text-primary-800 hover:bg-primary-800/10",
+              className: "group flex items-center px-8 py-8 text-xl font-bold text-primary-800 hover:bg-primary-800/10 dark:text-primary-200 dark:hover:bg-primary-200/10",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "absolute inset-0" }),
                 title,
@@ -18994,21 +18992,15 @@ function MegaMenu({ title, href, links }) {
             {
               className: cn(
                 // Base styles
-                "relative mx-2 border-t bg-white p-4 hover:bg-primary-800/10 hover:font-bold hover:text-primary-800 [&:nth-last-child(-n+3)]:border-b",
-                // Hover styles
-                "",
+                "relative mx-2 border-t border-grey-200 bg-white p-4 hover:bg-primary-800/10 hover:font-bold hover:text-primary-800 dark:border-grey-700 dark:bg-grey-900 dark:hover:bg-primary-200/10 dark:hover:text-primary-200 [&:nth-last-child(-n+3)]:border-b",
                 // Focus styles
                 "focus-within:rounded-sm focus-within:outline focus-within:outline-inherit"
               ),
-              children: /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-semibold text-grey-900", children: /* @__PURE__ */ jsxRuntime.jsxs(
+              children: /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-semibold text-grey-900 dark:text-grey-100", children: /* @__PURE__ */ jsxRuntime.jsxs(
                 Link13__default.default,
                 {
                   href: item.href,
                   className: cn(
-                    // Base styles
-                    "",
-                    // Hover styles
-                    "",
                     // Focus styles
                     "outline-none"
                   ),
@@ -19027,7 +19019,7 @@ function MegaMenu({ title, href, links }) {
   ] }) });
 }
 function Masthead() {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { id: "nsw-masthead", className: "w-full bg-primary-800", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto flex w-full items-center justify-between px-4 py-2 sm:px-6 lg:px-12", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-x-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-white", children: "A NSW Government website" }) }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { id: "nsw-masthead", className: "w-full bg-primary-800 dark:bg-primary-950", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto flex w-full items-center justify-between px-4 py-2 sm:px-6 lg:px-12", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-x-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-white", children: "A NSW Government website" }) }) }) });
 }
 function Menubar({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -22970,16 +22962,68 @@ function variantLabelsAsDependency(prop) {
   return Array.isArray(prop) ? prop.join(" ") : prop;
 }
 
-// node_modules/framer-motion/dist/es/projection/styles/scale-correction.mjs
-var scaleCorrectors = {};
-function addScaleCorrector(correctors) {
-  for (const key in correctors) {
-    scaleCorrectors[key] = correctors[key];
-    if (isCSSVariableName(key)) {
-      scaleCorrectors[key].isCSSVariable = true;
+// node_modules/framer-motion/dist/es/projection/styles/scale-border-radius.mjs
+function pixelsToPercent(pixels, axis) {
+  if (axis.max === axis.min)
+    return 0;
+  return pixels / (axis.max - axis.min) * 100;
+}
+var correctBorderRadius = {
+  correct: (latest, node) => {
+    if (!node.target)
+      return latest;
+    if (typeof latest === "string") {
+      if (px.test(latest)) {
+        latest = parseFloat(latest);
+      } else {
+        return latest;
+      }
     }
+    const x = pixelsToPercent(latest, node.target.x);
+    const y = pixelsToPercent(latest, node.target.y);
+    return `${x}% ${y}%`;
   }
-}
+};
+
+// node_modules/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs
+var correctBoxShadow = {
+  correct: (latest, { treeScale, projectionDelta }) => {
+    const original = latest;
+    const shadow = complex.parse(latest);
+    if (shadow.length > 5)
+      return original;
+    const template = complex.createTransformer(latest);
+    const offset = typeof shadow[0] !== "number" ? 1 : 0;
+    const xScale = projectionDelta.x.scale * treeScale.x;
+    const yScale = projectionDelta.y.scale * treeScale.y;
+    shadow[0 + offset] /= xScale;
+    shadow[1 + offset] /= yScale;
+    const averageScale = mixNumber(xScale, yScale, 0.5);
+    if (typeof shadow[2 + offset] === "number")
+      shadow[2 + offset] /= averageScale;
+    if (typeof shadow[3 + offset] === "number")
+      shadow[3 + offset] /= averageScale;
+    return template(shadow);
+  }
+};
+
+// node_modules/framer-motion/dist/es/projection/styles/scale-correction.mjs
+var scaleCorrectors = {
+  borderRadius: {
+    ...correctBorderRadius,
+    applyTo: [
+      "borderTopLeftRadius",
+      "borderTopRightRadius",
+      "borderBottomLeftRadius",
+      "borderBottomRightRadius"
+    ]
+  },
+  borderTopLeftRadius: correctBorderRadius,
+  borderTopRightRadius: correctBorderRadius,
+  borderBottomLeftRadius: correctBorderRadius,
+  borderBottomRightRadius: correctBorderRadius,
+  boxShadow: correctBoxShadow
+};
 
 // node_modules/framer-motion/dist/es/motion/utils/is-forced-motion-value.mjs
 function isForcedMotionValue(key, { layout: layout2, layoutId }) {
@@ -25635,51 +25679,6 @@ var globalProjectionState = {
   hasEverUpdated: false
 };
 
-// node_modules/framer-motion/dist/es/projection/styles/scale-border-radius.mjs
-function pixelsToPercent(pixels, axis) {
-  if (axis.max === axis.min)
-    return 0;
-  return pixels / (axis.max - axis.min) * 100;
-}
-var correctBorderRadius = {
-  correct: (latest, node) => {
-    if (!node.target)
-      return latest;
-    if (typeof latest === "string") {
-      if (px.test(latest)) {
-        latest = parseFloat(latest);
-      } else {
-        return latest;
-      }
-    }
-    const x = pixelsToPercent(latest, node.target.x);
-    const y = pixelsToPercent(latest, node.target.y);
-    return `${x}% ${y}%`;
-  }
-};
-
-// node_modules/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs
-var correctBoxShadow = {
-  correct: (latest, { treeScale, projectionDelta }) => {
-    const original = latest;
-    const shadow = complex.parse(latest);
-    if (shadow.length > 5)
-      return original;
-    const template = complex.createTransformer(latest);
-    const offset = typeof shadow[0] !== "number" ? 1 : 0;
-    const xScale = projectionDelta.x.scale * treeScale.x;
-    const yScale = projectionDelta.y.scale * treeScale.y;
-    shadow[0 + offset] /= xScale;
-    shadow[1 + offset] /= yScale;
-    const averageScale = mixNumber(xScale, yScale, 0.5);
-    if (typeof shadow[2 + offset] === "number")
-      shadow[2 + offset] /= averageScale;
-    if (typeof shadow[3 + offset] === "number")
-      shadow[3 + offset] /= averageScale;
-    return template(shadow);
-  }
-};
-
 // node_modules/framer-motion/dist/es/motion/features/layout/MeasureLayout.mjs
 var hasTakenAnySnapshot = false;
 var MeasureLayoutWithContext = class extends React5.Component {
@@ -25691,7 +25690,6 @@ var MeasureLayoutWithContext = class extends React5.Component {
   componentDidMount() {
     const { visualElement, layoutGroup, switchLayoutGroup, layoutId } = this.props;
     const { projection } = visualElement;
-    addScaleCorrector(defaultScaleCorrectors);
     if (projection) {
       if (layoutGroup.group)
         layoutGroup.group.add(projection);
@@ -25773,22 +25771,6 @@ function MeasureLayout(props) {
   const layoutGroup = React5.useContext(LayoutGroupContext);
   return jsxRuntime.jsx(MeasureLayoutWithContext, { ...props, layoutGroup, switchLayoutGroup: React5.useContext(SwitchLayoutGroupContext), isPresent, safeToRemove });
 }
-var defaultScaleCorrectors = {
-  borderRadius: {
-    ...correctBorderRadius,
-    applyTo: [
-      "borderTopLeftRadius",
-      "borderTopRightRadius",
-      "borderBottomLeftRadius",
-      "borderBottomRightRadius"
-    ]
-  },
-  borderTopLeftRadius: correctBorderRadius,
-  borderTopRightRadius: correctBorderRadius,
-  borderBottomLeftRadius: correctBorderRadius,
-  borderBottomRightRadius: correctBorderRadius,
-  boxShadow: correctBoxShadow
-};
 
 // node_modules/framer-motion/dist/es/animation/animate/single-value.mjs
 function animateSingleValue(value, keyframes2, options) {