@nswds/app 1.115.0 → 1.116.0

package/dist/index.d.cts

@@ -74,7 +74,7 @@ declare const Link$1: React__default.ForwardRefExoticComponent<LinkProps<any> &
 
 declare const buttonVariants$2: (props?: ({
     variant?: "solid" | "soft" | "surface" | "outline" | "ghost" | null | undefined;
-    color?: "primary/grey" | "light" | "primary/white" | "white" | "grey" | "primary" | "secondary" | "tertiary" | "accent" | null | undefined;
+    color?: "primary/grey" | "light" | "primary/white" | "white" | "grey" | "primary" | "secondary" | "tertiary" | "accent" | "danger" | null | undefined;
     size?: "default" | "icon" | "sm" | "lg" | null | undefined;
     iconSize?: "default" | "sm" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -1262,7 +1262,7 @@ interface HeroBannerSimpleProps extends VariantProps<typeof heroBannerVariants$1
 declare function HeroBannerSimple({ variant, heading, subtitle, contentAlign, primaryButton, secondaryButton, }: HeroBannerSimpleProps): react_jsx_runtime.JSX.Element;
 
 declare const heroBannerVariants: (props?: ({
-    variant?: "white" | "grey-600" | "grey-800" | "accent-200" | "primary-800" | "primary-600" | "primary-400" | "primary-200" | "grey-400" | "grey-200" | "accent-800" | "accent-600" | "accent-400" | null | undefined;
+    variant?: "white" | "grey-600" | "grey-800" | "accent-200" | "primary-800" | "primary-600" | "primary-400" | "primary-200" | "grey-400" | "grey-200" | "accent-800" | "accent-600" | "accent-400" | "grey-150" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const HERO_BANNER_SUPPORTING_IMAGE_COLUMN_SPANS: {
     readonly 1: "lg:col-span-1";

package/dist/index.d.ts

@@ -74,7 +74,7 @@ declare const Link$1: React__default.ForwardRefExoticComponent<LinkProps<any> &
 
 declare const buttonVariants$2: (props?: ({
     variant?: "solid" | "soft" | "surface" | "outline" | "ghost" | null | undefined;
-    color?: "primary/grey" | "light" | "primary/white" | "white" | "grey" | "primary" | "secondary" | "tertiary" | "accent" | null | undefined;
+    color?: "primary/grey" | "light" | "primary/white" | "white" | "grey" | "primary" | "secondary" | "tertiary" | "accent" | "danger" | null | undefined;
     size?: "default" | "icon" | "sm" | "lg" | null | undefined;
     iconSize?: "default" | "sm" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -1262,7 +1262,7 @@ interface HeroBannerSimpleProps extends VariantProps<typeof heroBannerVariants$1
 declare function HeroBannerSimple({ variant, heading, subtitle, contentAlign, primaryButton, secondaryButton, }: HeroBannerSimpleProps): react_jsx_runtime.JSX.Element;
 
 declare const heroBannerVariants: (props?: ({
-    variant?: "white" | "grey-600" | "grey-800" | "accent-200" | "primary-800" | "primary-600" | "primary-400" | "primary-200" | "grey-400" | "grey-200" | "accent-800" | "accent-600" | "accent-400" | null | undefined;
+    variant?: "white" | "grey-600" | "grey-800" | "accent-200" | "primary-800" | "primary-600" | "primary-400" | "primary-200" | "grey-400" | "grey-200" | "accent-800" | "accent-600" | "accent-400" | "grey-150" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const HERO_BANNER_SUPPORTING_IMAGE_COLUMN_SPANS: {
     readonly 1: "lg:col-span-1";

package/dist/index.js

@@ -4261,7 +4261,7 @@ var styles = {
   ],
   outline: [
     // Text color
-    "border-(--btn-bg) text-(--btn-bg) border-2",
+    "border-(--btn-bg) text-(--btn-bg)",
     // Optical border, implemented as the button background to avoid corner artifacts
     "bg-transparent",
     // Button background, implemented as foreground layer to stack on top of pseudo-border layer
@@ -4422,6 +4422,13 @@ var styles = {
       "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-accent-500)]/30 dark:data-[variant=solid]:[--btn-hover-overlay:var(--color-white)]/10"
+    ],
+    danger: [
+      // Backward-compatible alias for legacy consumers that still use `danger`.
+      "[--btn-bg:var(--color-accent-600)] [--btn-border:var(--color-accent-600)]/90 [--btn-text:white]",
+      "[--btn-hover-overlay:var(--color-accent-600)]/10 data-[variant=solid]:[--btn-hover-overlay:var(--color-white)]/10",
+      "dark:[--btn-bg:var(--color-accent-500)] dark:[--btn-border:var(--color-accent-500)]/90 dark:[--btn-text:white]",
+      "dark:[--btn-hover-overlay:var(--color-accent-500)]/30 dark:data-[variant=solid]:[--btn-hover-overlay:var(--color-white)]/10"
     ]
   },
   size: {
@@ -4455,7 +4462,8 @@ var buttonVariants = cva(styles.base, {
       primary: styles.colors.primary,
       secondary: styles.colors.secondary,
       tertiary: styles.colors.tertiary,
-      accent: styles.colors.accent
+      accent: styles.colors.accent,
+      danger: styles.colors.danger
     },
     size: {
       default: styles.size.default,
@@ -18762,7 +18770,7 @@ function FormatToggle({ format, setFormat }) {
 
 // package.json
 var package_default = {
-  version: "1.114.1"};
+  version: "1.115.0"};
 var SluggerContext = React5__default.createContext(null);
 function flattenText(nodes) {
   if (nodes == null || typeof nodes === "boolean") return "";
@@ -19148,6 +19156,7 @@ var heroBannerVariants2 = cva("relative", {
       "grey-600": "bg-grey-600 text-white",
       "grey-400": "bg-grey-400 text-grey-800",
       "grey-200": "bg-grey-200 text-grey-800",
+      "grey-150": "bg-grey-200 text-grey-800",
       "accent-800": "bg-accent-800 text-white",
       "accent-600": "bg-accent-600 text-white",
       "accent-400": "bg-accent-400 text-accent-800",