@nswds/app 1.89.7 → 1.90.0

package/dist/index.js

@@ -17503,7 +17503,7 @@ function FormatToggle({ format, setFormat }) {
 
 // package.json
 var package_default = {
-  version: "1.88.0"};
+  version: "1.89.0"};
 var SluggerContext = React5__default.createContext(null);
 function flattenText(nodes) {
   if (nodes == null || typeof nodes === "boolean") return "";
@@ -18842,7 +18842,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"
@@ -18877,9 +18877,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
     },
@@ -18894,14 +18894,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,
@@ -18921,13 +18919,13 @@ function MegaMenu({ title, href, links }) {
       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__ */ 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__ */ jsxs("div", { className: "mx-auto grid bg-white dark:bg-grey-900", children: [
           /* @__PURE__ */ jsxs(
             Link13,
             {
               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__ */ jsx("span", { "aria-hidden": "true", className: "absolute inset-0" }),
                 title,
@@ -18940,21 +18938,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__ */ jsx("h3", { className: "text-base font-semibold text-grey-900", children: /* @__PURE__ */ jsxs(
+              children: /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold text-grey-900 dark:text-grey-100", children: /* @__PURE__ */ jsxs(
                 Link13,
                 {
                   href: item.href,
                   className: cn(
-                    // Base styles
-                    "",
-                    // Hover styles
-                    "",
                     // Focus styles
                     "outline-none"
                   ),
@@ -18973,7 +18965,7 @@ function MegaMenu({ title, href, links }) {
   ] }) });
 }
 function Masthead() {
-  return /* @__PURE__ */ jsx("div", { id: "nsw-masthead", className: "w-full bg-primary-800", children: /* @__PURE__ */ jsx("div", { className: "mx-auto flex w-full items-center justify-between px-4 py-2 sm:px-6 lg:px-12", children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-x-12", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-white", children: "A NSW Government website" }) }) }) });
+  return /* @__PURE__ */ jsx("div", { id: "nsw-masthead", className: "w-full bg-primary-800 dark:bg-primary-950", children: /* @__PURE__ */ jsx("div", { className: "mx-auto flex w-full items-center justify-between px-4 py-2 sm:px-6 lg:px-12", children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-x-12", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-white", children: "A NSW Government website" }) }) }) });
 }
 function Menubar({ className, ...props }) {
   return /* @__PURE__ */ jsx(
@@ -22916,16 +22908,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 }) {
@@ -25581,51 +25625,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 Component {
@@ -25637,7 +25636,6 @@ var MeasureLayoutWithContext = class extends Component {
   componentDidMount() {
     const { visualElement, layoutGroup, switchLayoutGroup, layoutId } = this.props;
     const { projection } = visualElement;
-    addScaleCorrector(defaultScaleCorrectors);
     if (projection) {
       if (layoutGroup.group)
         layoutGroup.group.add(projection);
@@ -25719,22 +25717,6 @@ function MeasureLayout(props) {
   const layoutGroup = useContext(LayoutGroupContext);
   return jsx(MeasureLayoutWithContext, { ...props, layoutGroup, switchLayoutGroup: 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) {