@trading-game/design-intelligence-layer 0.16.0 → 0.16.1

package/dist/index.d.cts

@@ -22,7 +22,7 @@ declare function AccordionItem({ className, ...props }: React$1.ComponentProps<t
 declare function AccordionTrigger({ className, children, ...props }: React$1.ComponentProps<typeof Accordion$1.Trigger>): react_jsx_runtime.JSX.Element;
 declare function AccordionContent({ className, children, ...props }: React$1.ComponentProps<typeof Accordion$1.Content>): react_jsx_runtime.JSX.Element;
 
-type AlertVariant = "default" | "brand" | "info" | "warning" | "danger" | "success";
+type AlertVariant = "info" | "warning" | "danger" | "success";
 type AlertLayout = "inline" | "card";
 /**
  * Per-variant surface, title, and accent classes. Description and close X are
@@ -30,7 +30,7 @@ type AlertLayout = "inline" | "card";
  * because they target descendant elements.
  */
 declare const alertVariants: (props?: ({
-    variant?: "default" | "brand" | "info" | "warning" | "danger" | "success" | null | undefined;
+    variant?: "info" | "warning" | "danger" | "success" | null | undefined;
     layout?: "inline" | "card" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface AlertProps extends Omit<React$1.ComponentProps<"div">, "title">, VariantProps<typeof alertVariants> {
@@ -97,7 +97,7 @@ declare function AvatarGroup({ className, ...props }: React$1.ComponentProps<"di
 declare function AvatarGroupCount({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
 declare const badgeVariants: (props?: ({
-    variant?: "fill" | "default" | "standard" | "default-success" | "default-fail" | "default-warning" | "fill-success" | "fill-fail" | "fill-warning" | "fill-credit" | "ghost" | "ghost-success" | "ghost-fail" | "ghost-warning" | null | undefined;
+    variant?: "fill" | "default" | "standard" | "default-success" | "default-fail" | "default-warning" | "fill-success" | "fill-fail" | "fill-warning" | "fill-credit" | "fill-demo" | "ghost" | "ghost-success" | "ghost-fail" | "ghost-warning" | null | undefined;
     size?: "lg" | "md" | "sm" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Badge({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {

package/dist/index.d.ts

@@ -22,7 +22,7 @@ declare function AccordionItem({ className, ...props }: React$1.ComponentProps<t
 declare function AccordionTrigger({ className, children, ...props }: React$1.ComponentProps<typeof Accordion$1.Trigger>): react_jsx_runtime.JSX.Element;
 declare function AccordionContent({ className, children, ...props }: React$1.ComponentProps<typeof Accordion$1.Content>): react_jsx_runtime.JSX.Element;
 
-type AlertVariant = "default" | "brand" | "info" | "warning" | "danger" | "success";
+type AlertVariant = "info" | "warning" | "danger" | "success";
 type AlertLayout = "inline" | "card";
 /**
  * Per-variant surface, title, and accent classes. Description and close X are
@@ -30,7 +30,7 @@ type AlertLayout = "inline" | "card";
  * because they target descendant elements.
  */
 declare const alertVariants: (props?: ({
-    variant?: "default" | "brand" | "info" | "warning" | "danger" | "success" | null | undefined;
+    variant?: "info" | "warning" | "danger" | "success" | null | undefined;
     layout?: "inline" | "card" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface AlertProps extends Omit<React$1.ComponentProps<"div">, "title">, VariantProps<typeof alertVariants> {
@@ -97,7 +97,7 @@ declare function AvatarGroup({ className, ...props }: React$1.ComponentProps<"di
 declare function AvatarGroupCount({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
 declare const badgeVariants: (props?: ({
-    variant?: "fill" | "default" | "standard" | "default-success" | "default-fail" | "default-warning" | "fill-success" | "fill-fail" | "fill-warning" | "fill-credit" | "ghost" | "ghost-success" | "ghost-fail" | "ghost-warning" | null | undefined;
+    variant?: "fill" | "default" | "standard" | "default-success" | "default-fail" | "default-warning" | "fill-success" | "fill-fail" | "fill-warning" | "fill-credit" | "fill-demo" | "ghost" | "ghost-success" | "ghost-fail" | "ghost-warning" | null | undefined;
     size?: "lg" | "md" | "sm" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Badge({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {

package/dist/index.js

@@ -112,7 +112,6 @@ import {
   AlertTriangle,
   CheckCircle2,
   Info,
-  Sparkles,
   X,
   XCircle
 } from "lucide-react";
@@ -253,8 +252,6 @@ var alertVariants = cva2(
   {
     variants: {
       variant: {
-        default: "bg-prominent border border-border-subtle",
-        brand: "bg-primary",
         info: "bg-semantic-info/10",
         warning: "bg-semantic-warning/10",
         danger: "bg-semantic-error/10",
@@ -276,32 +273,24 @@ var alertVariants = cva2(
 );
 var SINGLE_LINE_CLASSES = "items-center min-h-12 py-2 gap-y-0";
 var TITLE_CLASSES = {
-  default: "text-on-prominent",
-  brand: "text-on-primary",
   info: "text-on-prominent",
   warning: "text-on-prominent",
   danger: "text-on-prominent",
   success: "text-on-prominent"
 };
 var ICON_CLASSES = {
-  default: "text-on-prominent",
-  brand: "text-on-primary",
   info: "text-semantic-info",
   warning: "text-semantic-warning",
   danger: "text-semantic-error",
   success: "text-semantic-win"
 };
 var DESC_CLASSES = {
-  default: "text-on-subtle",
-  brand: "text-on-primary opacity-80",
   info: "text-on-subtle",
   warning: "text-on-subtle",
   danger: "text-on-subtle",
   success: "text-on-subtle"
 };
 var CLOSE_CLASSES = {
-  default: "text-on-subtle opacity-70",
-  brand: "text-on-primary opacity-70",
   info: "text-on-subtle opacity-70",
   warning: "text-on-subtle opacity-70",
   danger: "text-on-subtle opacity-70",
@@ -309,10 +298,6 @@ var CLOSE_CLASSES = {
 };
 function defaultIconForVariant(variant) {
   switch (variant) {
-    case "default":
-      return /* @__PURE__ */ jsx4(Info, {});
-    case "brand":
-      return /* @__PURE__ */ jsx4(Sparkles, {});
     case "info":
       return /* @__PURE__ */ jsx4(Info, {});
     case "warning":
@@ -323,9 +308,6 @@ function defaultIconForVariant(variant) {
       return /* @__PURE__ */ jsx4(CheckCircle2, {});
   }
 }
-function actionButtonVariantFor(variant) {
-  return variant === "brand" ? "primary-inverse" : "secondary";
-}
 function Alert(_a) {
   var _b = _a, {
     variant = "info",
@@ -363,7 +345,7 @@ function Alert(_a) {
   const showIcon = icon !== null;
   const resolvedIcon = icon === void 0 ? defaultIconForVariant(variant) : icon;
   const showCloseButton = typeof onDismiss === "function";
-  const buttonVariant = actionButtonVariantFor(variant);
+  const buttonVariant = "secondary";
   const isAssertive = variant === "danger" || variant === "warning";
   const role = isAssertive ? "alert" : "status";
   const ariaLive = isAssertive ? "assertive" : "polite";
@@ -425,9 +407,10 @@ function Alert(_a) {
       "aria-hidden": true,
       className: cn(
         "inline-flex shrink-0 size-4 [&_svg]:size-full",
-        // 2px nudge (mt-0.5) aligns the 16px icon with the title cap-height
-        // in multi-line / card layouts. This is the one exception to the
-        // 8-point grid — required for optical typography alignment.
+        // Single-line: grid is items-center so the icon centers automatically.
+        // Multi-line / card: top-aligned with the title cap-height via a 2px
+        // (mt-0.5) optical nudge so the icon reads as introducing the message
+        // header, not floating between title and description.
         isSingleLine ? "" : "mt-0.5",
         ICON_CLASSES[variant]
       ),
@@ -789,6 +772,10 @@ var badgeVariants = cva3(
         "fill-fail": "bg-semantic-loss/10 border-transparent text-semantic-loss",
         "fill-warning": "bg-semantic-warning/10 border-transparent text-semantic-warning",
         "fill-credit": "bg-semantic-boost-surface border-transparent text-on-semantic-boost !text-xs !font-semibold",
+        // Demo / test-mode flag — opaque light-peach surface + red-orange text.
+        // Uses --semantic-demo-surface (a solid color-mix of demo @ 10% with white)
+        // so the badge looks identical on any background.
+        "fill-demo": "bg-semantic-demo-surface border-transparent text-semantic-demo",
         // Ghost (transparent)
         ghost: "bg-transparent border-transparent text-primary [a&]:hover:bg-secondary-hover [a&]:hover:text-primary",
         "ghost-success": "bg-transparent border-transparent text-semantic-win [a&]:hover:bg-semantic-win/10 [a&]:hover:text-semantic-win",
@@ -6924,7 +6911,7 @@ function HeaderNavigationBlock({
   actions
 }) {
   var _a;
-  return /* @__PURE__ */ jsx61("div", { className: "w-full min-w-80 max-w-layout-diagram-small border border-border-subtle rounded-md overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs30("header", { className: "flex items-center gap-2 border-b border-border-subtle bg-prominent px-layout-margin-inline py-3", children: [
+  return /* @__PURE__ */ jsx61("div", { className: "w-full min-w-80 max-w-layout-diagram-small rounded-md overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs30("header", { className: "flex items-center gap-2 border-b border-border-subtle bg-prominent px-layout-margin-inline py-3", children: [
     onBack && /* @__PURE__ */ jsx61(NavigationButton, { type: "button", size: "md", "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ jsx61(ArrowLeft2, { className: "size-5" }) }),
     /* @__PURE__ */ jsxs30("div", { className: "flex min-w-0 flex-1 items-center justify-center gap-2", children: [
       badge && /* @__PURE__ */ jsx61(Badge, { variant: (_a = badge.variant) != null ? _a : "fill-warning", size: "sm", children: badge.label }),