@titan-design/react-ui 0.6.0 → 0.8.0

package/dist/bodymap.mjs

@@ -12,21 +12,18 @@ function cn(...inputs) {
 
 // src/theme/tokens/primitives.ts
 var primitiveColors = {
-  // Blue scale (primary brand)
+  // Blue scale
   blue: {
     400: "#60A5FA",
     600: "#5048E5",
-    // Primary main
     700: "#3832A0"},
-  // Red scale (error)
+  // Red scale
   red: {
-    // Error light
     500: "#EF4444",
     600: "#D14343"},
-  // Vivid red scale (alert)
+  // Vivid red scale
   redVivid: {
     400: "#FF6070",
-    // Error vivid light
     500: "#FF4757",
     700: "#C42539"},
   // Neutral/Gray scale
@@ -73,6 +70,7 @@ var primitiveRamps = {
     50: "#E3FFEE",
     200: "#58F69E",
     300: "#2ED573",
+    500: "#22A444",
     600: "#298732"},
   cyan: {
     300: "#22D3EE",
@@ -155,6 +153,9 @@ var semanticColorsLight = {
   "status-success-light": primitiveRamps.green[200],
   "status-success-dark": primitiveRamps.green[600],
   "status-success-subtle": primitiveRamps.green[50],
+  // Live-session accent — its OWN role, decoupled from success so the two can diverge
+  "status-live": primitiveRamps.green[300],
+  "status-live-muted": primitiveRamps.green[500],
   "status-error": primitiveRamps.red[600],
   "status-error-light": primitiveRamps.red[500],
   "status-error-dark": primitiveRamps.red[700],
@@ -288,6 +289,9 @@ var semanticColorsDark = {
   "status-success-light": primitiveRamps.green[200],
   "status-success-dark": primitiveRamps.green[600],
   "status-success-subtle": "rgba(46, 213, 115, 0.12)",
+  // Live-session accent — its OWN role, decoupled from success so the two can diverge
+  "status-live": primitiveRamps.green[300],
+  "status-live-muted": primitiveRamps.green[500],
   "status-error": primitiveRamps.red[600],
   "status-error-light": primitiveRamps.red[500],
   "status-error-dark": primitiveRamps.red[700],
@@ -880,6 +884,7 @@ var colorStyles = {
   default: "bg-text-tertiary",
   primary: "bg-brand-primary",
   success: "bg-status-success",
+  live: "bg-status-live",
   error: "bg-status-error",
   warning: "bg-status-warning",
   info: "bg-status-info",
@@ -936,7 +941,7 @@ function Indicator({
         colorClass,
         pulseMode === "opacity" && "animate-pulse",
         ring && "border-2 border-background-base",
-        glow && !customColor && color === "success" && "shadow-[0_0_6px_rgba(46,213,115,0.6)]",
+        glow && !customColor && (color === "success" || color === "live") && "shadow-[0_0_6px_rgba(46,213,115,0.6)]",
         glow && !customColor && color === "error" && "shadow-[0_0_6px_rgba(239,68,68,0.6)]",
         glow && !customColor && color === "warning" && "shadow-[0_0_6px_rgba(245,158,11,0.6)]",
         glow && !customColor && color === "primary" && "shadow-[0_0_6px_rgba(255,121,0,0.6)]",