@nswds/app 1.110.2 → 1.111.0

package/dist/index.cjs

@@ -18399,31 +18399,131 @@ function ErrorMessage({
     }
   );
 }
+var footerVariants = classVarianceAuthority.cva(
+  "bg-(--footer-bg) text-(--footer-text) [--footer-social-hover:var(--footer-social)]",
+  {
+    variants: {
+      color: {
+        "primary/grey": [
+          "[--footer-bg:var(--color-primary-800)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-primary-100)]",
+          "dark:[--footer-bg:var(--color-grey-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-grey-100)]",
+          "[--footer-border:var(--color-white)]/15",
+          "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
+          "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
+        ],
+        light: [
+          "[--footer-bg:var(--color-grey-200)] [--footer-text:var(--color-grey-800)] [--footer-muted:var(--color-grey-700)]",
+          "dark:[--footer-bg:var(--color-grey-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-grey-100)]",
+          "[--footer-border:var(--color-grey-300)] dark:[--footer-border:var(--color-white)]/15",
+          "[--footer-link:var(--color-grey-700)] [--footer-link-hover-bg:var(--color-grey-800)]/10 [--footer-link-hover-text:var(--color-grey-900)]",
+          "dark:[--footer-link:var(--color-white)] dark:[--footer-link-hover-bg:var(--color-white)]/10 dark:[--footer-link-hover-text:var(--color-white)]",
+          "[--footer-social:var(--color-grey-800)] [--footer-social-hover:var(--color-grey-900)] [--footer-social-hover-bg:var(--color-grey-800)]/10",
+          "dark:[--footer-social:var(--color-white)] dark:[--footer-social-hover:var(--color-white)] dark:[--footer-social-hover-bg:var(--color-white)]/10"
+        ],
+        "primary/white": [
+          "[--footer-bg:var(--color-primary-800)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-primary-100)]",
+          "dark:[--footer-bg:var(--color-primary-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-primary-100)]",
+          "[--footer-border:var(--color-white)]/15",
+          "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
+          "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
+        ],
+        white: [
+          "[--footer-bg:var(--color-white)] [--footer-text:var(--color-grey-800)] [--footer-muted:var(--color-grey-600)]",
+          "dark:[--footer-bg:var(--color-grey-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-grey-100)]",
+          "[--footer-border:var(--color-grey-200)] dark:[--footer-border:var(--color-white)]/15",
+          "[--footer-link:var(--color-grey-600)] [--footer-link-hover-bg:var(--color-primary-800)]/10 [--footer-link-hover-text:var(--color-grey-800)]",
+          "dark:[--footer-link:var(--color-white)] dark:[--footer-link-hover-bg:var(--color-white)]/10 dark:[--footer-link-hover-text:var(--color-white)]",
+          "[--footer-social:var(--color-grey-700)] [--footer-social-hover:var(--color-grey-900)] [--footer-social-hover-bg:var(--color-primary-800)]/10",
+          "dark:[--footer-social:var(--color-white)] dark:[--footer-social-hover:var(--color-white)] dark:[--footer-social-hover-bg:var(--color-white)]/10"
+        ],
+        "grey-600": [
+          "[--footer-bg:var(--color-grey-600)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-grey-100)]",
+          "[--footer-border:var(--color-white)]/15",
+          "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
+          "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
+        ],
+        "grey-800": [
+          "[--footer-bg:var(--color-grey-800)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-grey-100)]",
+          "[--footer-border:var(--color-white)]/15",
+          "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
+          "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
+        ],
+        "accent-200": [
+          "[--footer-bg:var(--color-accent-200)] [--footer-text:var(--color-accent-800)] [--footer-muted:var(--color-accent-700)]",
+          "dark:[--footer-bg:var(--color-accent-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-accent-100)]",
+          "[--footer-border:var(--color-accent-800)]/15 dark:[--footer-border:var(--color-white)]/15",
+          "[--footer-link:var(--color-accent-800)] [--footer-link-hover-bg:var(--color-accent-800)]/10 [--footer-link-hover-text:var(--color-accent-800)]",
+          "dark:[--footer-link:var(--color-white)] dark:[--footer-link-hover-bg:var(--color-white)]/10 dark:[--footer-link-hover-text:var(--color-white)]",
+          "[--footer-social:var(--color-accent-800)] [--footer-social-hover-bg:var(--color-accent-800)]/10",
+          "dark:[--footer-social:var(--color-white)] dark:[--footer-social-hover-bg:var(--color-white)]/10"
+        ],
+        primary: [
+          "[--footer-bg:var(--color-primary-800)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-primary-100)]",
+          "dark:[--footer-bg:var(--color-primary-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-primary-100)]",
+          "[--footer-border:var(--color-white)]/15",
+          "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
+          "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
+        ],
+        secondary: [
+          "[--footer-bg:var(--color-primary-200)] [--footer-text:var(--color-primary-800)] [--footer-muted:var(--color-primary-700)]",
+          "dark:[--footer-bg:var(--color-primary-900)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-primary-100)]",
+          "[--footer-border:var(--color-primary-800)]/15 dark:[--footer-border:var(--color-white)]/15",
+          "[--footer-link:var(--color-primary-800)] [--footer-link-hover-bg:var(--color-primary-800)]/10 [--footer-link-hover-text:var(--color-primary-800)]",
+          "dark:[--footer-link:var(--color-white)] dark:[--footer-link-hover-bg:var(--color-white)]/10 dark:[--footer-link-hover-text:var(--color-white)]",
+          "[--footer-social:var(--color-primary-800)] [--footer-social-hover-bg:var(--color-primary-800)]/10",
+          "dark:[--footer-social:var(--color-white)] dark:[--footer-social-hover-bg:var(--color-white)]/10"
+        ],
+        accent: [
+          "[--footer-bg:var(--color-accent-800)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-accent-100)]",
+          "dark:[--footer-bg:var(--color-accent-800)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-accent-100)]",
+          "[--footer-border:var(--color-white)]/15",
+          "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
+          "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
+        ],
+        danger: [
+          "[--footer-bg:var(--color-danger-600)] [--footer-text:var(--color-white)] [--footer-muted:var(--color-danger-100)]",
+          "dark:[--footer-bg:var(--color-danger-600)] dark:[--footer-text:var(--color-white)] dark:[--footer-muted:var(--color-danger-100)]",
+          "[--footer-border:var(--color-white)]/15",
+          "[--footer-link:var(--color-white)] [--footer-link-hover-bg:var(--color-white)]/10 [--footer-link-hover-text:var(--color-white)]",
+          "[--footer-social:var(--color-white)] [--footer-social-hover-bg:var(--color-white)]/10"
+        ]
+      }
+    },
+    defaultVariants: {
+      color: "white"
+    }
+  }
+);
+var footerSocialLinkClassName = [
+  "group",
+  "[--btn-bg:var(--footer-social)]",
+  "[--btn-hover-overlay:var(--footer-social-hover-bg)]",
+  "[--btn-icon:var(--footer-social)]",
+  "[--btn-transparent:transparent]",
+  "data-hover:[--btn-bg:var(--footer-social-hover)]",
+  "data-hover:[--btn-icon:var(--footer-social-hover)]",
+  "data-active:[--btn-bg:var(--footer-social-hover)]",
+  "data-active:[--btn-icon:var(--footer-social-hover)]"
+].join(" ");
 function FooterSocialLink({
   href,
   icon: Icon2,
   children
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Button2, { href, variant: "ghost", size: "icon", className: "group", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Button2, { href, variant: "ghost", size: "icon", className: footerSocialLinkClassName, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Icon2,
-      {
-        "data-slot": "icon",
-        className: "fill-grey-700 transition group-hover:fill-grey-900 dark:fill-grey-200 dark:group-hover:fill-white"
-      }
-    )
+    /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "fill-current", "data-slot": "icon" })
   ] });
 }
 function FooterAcknowledgement() {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row items-center gap-5 py-4", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-base text-pretty text-grey-600 lg:text-left dark:text-grey-400", children: "We acknowledge the Traditional Custodians of the land on which we work and live, and pay our respects to Elders past, present and emerging." }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row items-center gap-5 py-4", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-base text-pretty text-(--footer-text) lg:text-left", children: "We acknowledge the Traditional Custodians of the land on which we work and live, and pay our respects to Elders past, present and emerging." }) });
 }
 function FooterSmallPrint({
   socialLinks,
   department
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-between gap-5 pt-4 sm:flex-row dark:border-white/5", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-center text-sm text-grey-600 lg:text-left dark:text-grey-400", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-between gap-5 pt-4 sm:flex-row", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-center text-sm text-(--footer-text) lg:text-left", children: [
       "\xA9 Copyright ",
       (/* @__PURE__ */ new Date()).getFullYear(),
       department && " ",
@@ -18446,7 +18546,7 @@ function FooterLegalLinks({ legalLinks }) {
         Link13__default.default,
         {
           href: item.href,
-          className: "-m-1 rounded p-1 text-grey-600 underline underline-offset-4 hover:bg-primary-800/10 hover:text-grey-600 hover:decoration-2 dark:text-grey-400 dark:hover:bg-primary-200/10 dark:hover:text-grey-300",
+          className: "-m-1 rounded p-1 text-(--footer-link) underline underline-offset-4 hover:bg-(--footer-link-hover-bg) hover:text-(--footer-link-hover-text) hover:decoration-2",
           children: item.name
         },
         item.name
@@ -18459,6 +18559,7 @@ function Footer({
   department,
   socialLinks,
   className,
+  color: color2 = "white",
   hide = {
     paddingTop: true,
     topBorder: true,
@@ -18472,16 +18573,18 @@ function Footer({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "footer",
     {
+      "data-color": color2,
       className: cn(
         "mx-auto w-full pb-16",
         hide.paddingTop ? "pt-0" : "pt-16",
         hide.fullWidth ? "px-6 lg:px-12" : "px-4 lg:pr-0 lg:pl-8",
+        footerVariants({ color: color2 }),
         className
       ),
       children: [
-        hide.topBorder && /* @__PURE__ */ jsxRuntime.jsx(Separator4, { className: "mb-4 bg-grey-200" }),
+        hide.topBorder && /* @__PURE__ */ jsxRuntime.jsx(Separator4, { className: "mb-4 bg-(--footer-border)" }),
         hide.acknowledgement && /* @__PURE__ */ jsxRuntime.jsx(FooterAcknowledgement, {}),
-        hide.separator && /* @__PURE__ */ jsxRuntime.jsx(Separator4, { className: "my-4 bg-grey-200" }),
+        hide.separator && /* @__PURE__ */ jsxRuntime.jsx(Separator4, { className: "my-4 bg-(--footer-border)" }),
         hide.legallinks && /* @__PURE__ */ jsxRuntime.jsx(FooterLegalLinks, { legalLinks }),
         hide.smallprint && /* @__PURE__ */ jsxRuntime.jsx(FooterSmallPrint, { department, socialLinks })
       ]
@@ -18719,7 +18822,7 @@ function FormatToggle({ format, setFormat }) {
 
 // package.json
 var package_default = {
-  version: "1.109.2"};
+  version: "1.110.2"};
 var SluggerContext = React5__namespace.default.createContext(null);
 function flattenText(nodes) {
   if (nodes == null || typeof nodes === "boolean") return "";