@nswds/app 1.93.0 → 1.95.0

package/dist/index.js

@@ -4399,9 +4399,9 @@ var styles = {
       // States
       "[--btn-hover-overlay:var(--color-primary-200)]/10 data-[variant=solid]:[--btn-hover-overlay:var(--color-primary-800)]/10",
       // Dark mode
-      "",
+      "dark:[--btn-bg:var(--color-primary-400)] dark:[--btn-border:var(--color-primary-400)]/90 dark:[--btn-text:white]",
       // Dark mode states
-      ""
+      "dark:[--btn-hover-overlay:var(--color-primary-400)]/30 dark:data-[variant=solid]:[--btn-hover-overlay:var(--color-white)]/10"
     ],
     tertiary: [
       // Base
@@ -4409,9 +4409,9 @@ var styles = {
       // States
       "[--btn-hover-overlay:var(--color-primary-600)]/10 data-[variant=solid]:[--btn-hover-overlay:var(--color-white)]/10",
       // Dark mode
-      "",
+      "dark:[--btn-bg:var(--color-primary-500)] dark:[--btn-border:var(--color-primary-500)]/90 dark:[--btn-text:white]",
       // Dark mode states
-      "dark:[--btn-hover-overlay:var(--color-white)]/10"
+      "dark:[--btn-hover-overlay:var(--color-primary-500)]/30 dark:data-[variant=solid]:[--btn-hover-overlay:var(--color-white)]/10"
     ],
     accent: [
       // Base
@@ -4419,9 +4419,9 @@ var styles = {
       // States
       "[--btn-hover-overlay:var(--color-accent-600)]/10 data-[variant=solid]:[--btn-hover-overlay:var(--color-white)]/10",
       // Dark mode
-      "",
+      "dark:[--btn-bg:var(--color-accent-500)] dark:[--btn-border:var(--color-accent-500)]/90 dark:[--btn-text:white]",
       // Dark mode states
-      "dark:[--btn-hover-overlay:var(--color-white)]/10"
+      "dark:[--btn-hover-overlay:var(--color-accent-500)]/30 dark:data-[variant=solid]:[--btn-hover-overlay:var(--color-white)]/10"
     ],
     danger: [
       // Base
@@ -5828,9 +5828,9 @@ var styles2 = {
       // States
       "[--badge-hover-overlay:var(--color-primary-200)]/30 data-[variant=solid]:[--badge-hover-overlay:var(--color-primary-250)]",
       // Dark mode
-      "",
+      "dark:[--badge-bg:var(--color-primary-400)] dark:[--badge-border:var(--color-primary-400)]/90 dark:[--badge-text:white]",
       // Dark mode states
-      ""
+      "dark:[--badge-hover-overlay:var(--color-primary-400)]/30 dark:data-[variant=solid]:[--badge-hover-overlay:var(--color-white)]/10"
     ],
     tertiary: [
       // Base
@@ -5838,9 +5838,9 @@ var styles2 = {
       // States
       "[--badge-hover-overlay:var(--color-primary-600)]/10 data-[variant=solid]:[--badge-hover-overlay:var(--color-white)]/10",
       // Dark mode
-      "",
+      "dark:[--badge-bg:var(--color-primary-500)] dark:[--badge-border:var(--color-primary-500)]/90 dark:[--badge-text:white]",
       // Dark mode states
-      ""
+      "dark:[--badge-hover-overlay:var(--color-primary-500)]/30 dark:data-[variant=solid]:[--badge-hover-overlay:var(--color-white)]/10"
     ],
     accent: [
       // Base
@@ -5848,9 +5848,9 @@ var styles2 = {
       // States
       "[--badge-hover-overlay:var(--color-accent-600)]/10 data-[variant=solid]:[--badge-hover-overlay:var(--color-white)]/10",
       // Dark mode
-      "",
+      "dark:[--badge-bg:var(--color-accent-500)] dark:[--badge-border:var(--color-accent-500)]/90 dark:[--badge-text:white]",
       // Dark mode states
-      ""
+      "dark:[--badge-hover-overlay:var(--color-accent-500)]/30 dark:data-[variant=solid]:[--badge-hover-overlay:var(--color-white)]/10"
     ],
     danger: [
       // Base
@@ -7672,7 +7672,7 @@ function Card({ className, ...props }) {
     {
       "data-slot": "card",
       className: cn(
-        "flex flex-col gap-6 rounded-md border border-grey-200 bg-card py-6 text-card-foreground dark:border-grey-50",
+        "flex flex-col gap-6 rounded-md border border-grey-200 bg-card py-6 text-card-foreground dark:border-grey-700",
         className
       ),
       ...props
@@ -13683,7 +13683,7 @@ function SelectTrigger({
       "data-size": size,
       className: cn(
         // Base styles
-        "flex w-full items-center justify-between gap-2 rounded-sm border border-grey-600 bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-grey-600",
+        "flex w-full items-center justify-between gap-2 rounded-sm border border-grey-600 bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-grey-600 dark:[&_svg:not([class*='text-'])]:text-grey-400",
         // Disabled styles
         "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
         // aria-invalid styles
@@ -13691,9 +13691,9 @@ function SelectTrigger({
         // Focus styles
         "focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-primary-650/70",
         // Placeholder styles
-        "data-[placeholder]:text-grey-600",
+        "data-[placeholder]:text-grey-600 dark:data-[placeholder]:text-grey-400",
         // Dark mode styles
-        "dark:bg-input/30 dark:hover:bg-input/50",
+        "dark:border-grey-700 dark:bg-input/30 dark:hover:bg-input/50",
         // Size styles
         "data-[size=default]:h-12 data-[size=sm]:h-9",
         className
@@ -13718,7 +13718,7 @@ function SelectContent({
       "data-slot": "select-content",
       className: cn(
         // Base styles
-        "relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-sm border border-grey-200 bg-white text-grey-800 shadow-md",
+        "relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-sm border border-grey-200 bg-white text-grey-800 shadow-md dark:border-grey-700 dark:bg-grey-900 dark:text-grey-100",
         // State styles
         "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
         position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
@@ -13748,7 +13748,7 @@ function SelectLabel({ className, ...props }) {
     SelectPrimitive.Label,
     {
       "data-slot": "select-label",
-      className: cn("px-2 py-1.5 text-xs text-grey-600", className),
+      className: cn("px-2 py-1.5 text-xs text-grey-600 dark:text-grey-400", className),
       ...props
     }
   );
@@ -13763,7 +13763,7 @@ function SelectItem({
     {
       "data-slot": "select-item",
       className: cn(
-        "relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-primary-800/10 focus:font-bold focus:text-primary-800 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-6 [&_svg:not([class*='text-'])]:text-grey-600 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        "relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-primary-800/10 focus:font-bold focus:text-primary-800 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-primary-200/10 dark:focus:text-primary-200 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-6 [&_svg:not([class*='text-'])]:text-grey-600 dark:[&_svg:not([class*='text-'])]:text-grey-400 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         className
       ),
       ...props,
@@ -13782,7 +13782,10 @@ function SelectSeparator({
     SelectPrimitive.Separator,
     {
       "data-slot": "select-separator",
-      className: cn("pointer-events-none -mx-1 my-1 h-px bg-primary-800/20", className),
+      className: cn(
+        "pointer-events-none -mx-1 my-1 h-px bg-primary-800/20 dark:bg-grey-700",
+        className
+      ),
       ...props
     }
   );
@@ -15964,7 +15967,7 @@ function CommandInput({
       {
         "data-slot": "command-input",
         className: cn(
-          "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+          "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 dark:placeholder:text-grey-300",
           className
         ),
         ...props
@@ -17539,7 +17542,7 @@ function FormatToggle({ format, setFormat }) {
 
 // package.json
 var package_default = {
-  version: "1.92.0"};
+  version: "1.94.0"};
 var SluggerContext = React5__default.createContext(null);
 function flattenText(nodes) {
   if (nodes == null || typeof nodes === "boolean") return "";
@@ -17688,8 +17691,8 @@ function SiteSearch({ navigation }) {
         className: "relative h-10 w-full items-center justify-start sm:pr-12 md:w-40 lg:w-64",
         onClick: () => setOpen(true),
         children: [
-          /* @__PURE__ */ jsx("span", { className: "hidden text-grey-600 lg:inline-flex", children: "Search site..." }),
-          /* @__PURE__ */ jsx("span", { className: "inline-flex lg:hidden", children: "Search..." }),
+          /* @__PURE__ */ jsx("span", { className: "hidden text-grey-600 lg:inline-flex dark:text-grey-200", children: "Search site..." }),
+          /* @__PURE__ */ jsx("span", { className: "inline-flex lg:hidden dark:text-grey-200", children: "Search..." }),
           /* @__PURE__ */ jsxs("kbd", { className: "pointer-events-none absolute top-2 right-2 hidden h-5 items-center gap-1 rounded border bg-muted px-2 font-mono text-xs font-medium opacity-100 select-none sm:flex", children: [
             /* @__PURE__ */ jsx("span", { className: "text-xs", children: "\u2318" }),
             "K"
@@ -18943,13 +18946,15 @@ function Strong({ className, ...props }) {
   return /* @__PURE__ */ jsx("strong", { ...props, className: clsx12(className, "font-medium text-grey-950 dark:text-white") });
 }
 function Code({ className, ...props }) {
+  const hasLanguageClass = typeof className === "string" && className.includes("language-");
   return /* @__PURE__ */ jsx(
     "code",
     {
       ...props,
       className: clsx12(
         className,
-        "rounded-sm border border-grey-950/10 bg-grey-950/[2.5%] px-0.5 text-sm font-medium text-grey-950 sm:text-[0.8125rem] dark:border-white/20 dark:bg-white/5 dark:text-white"
+        !hasLanguageClass && "language-plaintext",
+        "text-sm sm:text-[0.8125rem]"
       )
     }
   );
@@ -27930,27 +27935,55 @@ var styles4 = {
     white: [
       "[--nsw-card-bg:white] [--nsw-card-border:var(--color-grey-200)] [--nsw-card-text:grey-800] [--nsw-card-image-border:var(--color-grey-200)]",
       "hover:[--nsw-card-bg:var(--color-primary-800)] hover:[--nsw-card-border:var(--color-primary-800)] hover:[--nsw-card-text:white]",
+      // Dark mode
+      "dark:[--nsw-card-bg:var(--color-grey-850)] dark:[--nsw-card-border:var(--color-grey-700)] dark:[--nsw-card-text:var(--color-grey-100)] dark:[--nsw-card-image-border:var(--color-grey-700)]",
+      // Dark mode hover
+      "dark:hover:[--nsw-card-bg:var(--color-primary-600)] dark:hover:[--nsw-card-border:var(--color-primary-600)] dark:hover:[--nsw-card-text:white]",
       // 🔧 top-border color pair for highlight (base + hover)
       "[--nsw-card-top-border-base:var(--color-grey-200)]",
-      "[--nsw-card-top-border-hover:var(--color-primary-800)]"
+      "[--nsw-card-top-border-hover:var(--color-primary-800)]",
+      // Dark mode top-border
+      "dark:[--nsw-card-top-border-base:var(--color-grey-700)]",
+      "dark:[--nsw-card-top-border-hover:var(--color-primary-600)]"
     ],
     primary: [
       "[--nsw-card-bg:var(--color-primary-800)] [--nsw-card-border:var(--color-primary-800)] [--nsw-card-text:white]",
       "hover:[--nsw-card-bg:white] hover:[--nsw-card-border:var(--color-grey-200)] hover:[--nsw-card-text:grey-800]",
+      // Dark mode
+      "dark:[--nsw-card-bg:var(--color-primary-600)] dark:[--nsw-card-border:var(--color-primary-600)] dark:[--nsw-card-text:white]",
+      // Dark mode hover
+      "dark:hover:[--nsw-card-bg:var(--color-grey-850)] dark:hover:[--nsw-card-border:var(--color-grey-700)] dark:hover:[--nsw-card-text:var(--color-grey-100)]",
       "[--nsw-card-top-border-base:var(--color-primary-800)]",
-      "[--nsw-card-top-border-hover:var(--color-grey-200)]"
+      "[--nsw-card-top-border-hover:var(--color-grey-200)]",
+      // Dark mode top-border
+      "dark:[--nsw-card-top-border-base:var(--color-primary-600)]",
+      "dark:[--nsw-card-top-border-hover:var(--color-grey-700)]"
     ],
     secondary: [
       "[--nsw-card-bg:var(--color-primary-200)] [--nsw-card-border:var(--color-primary-200)] [--nsw-card-text:var(--color-primary-800)]",
       "hover:[--nsw-card-bg:var(--color-primary-800)] hover:[--nsw-card-border:var(--color-primary-800)] hover:[--nsw-card-text:white]",
+      // Dark mode
+      "dark:[--nsw-card-bg:var(--color-primary-400)] dark:[--nsw-card-border:var(--color-primary-400)] dark:[--nsw-card-text:white]",
+      // Dark mode hover
+      "dark:hover:[--nsw-card-bg:var(--color-primary-600)] dark:hover:[--nsw-card-border:var(--color-primary-600)] dark:hover:[--nsw-card-text:white]",
       "[--nsw-card-top-border-base:var(--color-primary-200)]",
-      "[--nsw-card-top-border-hover:var(--color-primary-800)]"
+      "[--nsw-card-top-border-hover:var(--color-primary-800)]",
+      // Dark mode top-border
+      "dark:[--nsw-card-top-border-base:var(--color-primary-400)]",
+      "dark:[--nsw-card-top-border-hover:var(--color-primary-600)]"
     ],
     tertiary: [
       "[--nsw-card-bg:var(--color-primary-600)] [--nsw-card-border:var(--color-primary-600)] [--nsw-card-text:white]",
       "hover:[--nsw-card-bg:var(--color-primary-800)] hover:[--nsw-card-border:var(--color-primary-800)] hover:[--nsw-card-text:white]",
+      // Dark mode
+      "dark:[--nsw-card-bg:var(--color-primary-500)] dark:[--nsw-card-border:var(--color-primary-500)] dark:[--nsw-card-text:white]",
+      // Dark mode hover
+      "dark:hover:[--nsw-card-bg:var(--color-primary-600)] dark:hover:[--nsw-card-border:var(--color-primary-600)] dark:hover:[--nsw-card-text:white]",
       "[--nsw-card-top-border-base:var(--color-primary-600)]",
-      "[--nsw-card-top-border-hover:var(--color-primary-800)]"
+      "[--nsw-card-top-border-hover:var(--color-primary-800)]",
+      // Dark mode top-border
+      "dark:[--nsw-card-top-border-base:var(--color-primary-500)]",
+      "dark:[--nsw-card-top-border-hover:var(--color-primary-600)]"
     ]
   },
   size: { default: "", sm: "", lg: "" }
@@ -27991,11 +28024,14 @@ function NSWCardTitle({
     {
       className: cn(
         "text-xl font-bold text-grey-800",
+        "dark:text-grey-100",
         "group-data-[variant=headline]:text-2xl",
         "group-hover:text-white",
         "group-data-[color=primary]:text-white",
         "group-hover:group-data-[color=primary]:text-grey-800",
+        "dark:group-hover:group-data-[color=primary]:text-grey-100",
         "group-data-[color=secondary]:text-primary-800",
+        "dark:group-data-[color=secondary]:text-white",
         "group-hover:group-data-[color=secondary]:text-white",
         "group-data-[color=tertiary]:text-white",
         className
@@ -28020,10 +28056,13 @@ function NSWCardDescription({
     {
       className: cn(
         "mt-4 text-base leading-relaxed text-grey-600",
+        "dark:text-grey-300",
         "group-hover:text-white",
         "group-data-[color=primary]:text-white",
         "group-hover:group-data-[color=primary]:text-grey-800",
+        "dark:group-hover:group-data-[color=primary]:text-grey-100",
         "group-data-[color=secondary]:text-primary-800",
+        "dark:group-data-[color=secondary]:text-white",
         "group-hover:group-data-[color=secondary]:text-white",
         "group-data-[color=tertiary]:text-white",
         className
@@ -28040,10 +28079,13 @@ function NSWCardArrow({ color: color2, className, ...props }) {
     {
       className: cn(
         "size-8 text-primary-800",
+        "dark:text-primary-200",
         "group-hover:text-white",
         "group-data-[color=primary]:text-white",
         "group-hover:group-data-[color=primary]:text-grey-800",
+        "dark:group-hover:group-data-[color=primary]:text-grey-100",
         "group-data-[color=secondary]:text-primary-800",
+        "dark:group-data-[color=secondary]:text-white",
         "group-hover:group-data-[color=secondary]:text-white",
         "group-data-[color=tertiary]:text-white",
         "transition-transform group-hover:translate-x-0.5",