@axis-ds/agentic-ui 1.2.0 → 1.2.1

package/dist/run-progress/index.js

@@ -50,10 +50,10 @@ var STATUS_LABELS = {
 // src/run-progress/index.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var statusColors = {
-  pending: "bg-[var(--axis-color-gray-300)]",
-  running: "bg-[var(--axis-color-blue-500)] animate-pulse",
-  complete: "bg-[var(--axis-color-green-500)]",
-  error: "bg-[var(--axis-color-red-500)]"
+  pending: "bg-[var(--axis-status-neutral-muted)]",
+  running: "bg-[var(--axis-status-running)] animate-pulse",
+  complete: "bg-[var(--axis-status-success)]",
+  error: "bg-[var(--axis-status-error)]"
 };
 var statusIcons = {
   pending: null,
@@ -87,7 +87,7 @@ function RunProgress({
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
-            status === "running" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-2 h-2 rounded-full bg-[var(--axis-color-blue-500)] animate-pulse" }),
+            status === "running" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-2 h-2 rounded-full bg-[var(--axis-status-running)] animate-pulse" }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-sm font-medium text-[var(--axis-text-primary)]", children: [
               status === "idle" && "\uB300\uAE30 \uC911",
               status === "running" && "\uC2E4\uD589 \uC911",
@@ -112,7 +112,7 @@ function RunProgress({
             children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "div",
               {
-                className: "h-full rounded-full bg-[var(--axis-color-blue-500)] transition-all duration-300",
+                className: "h-full rounded-full bg-[var(--axis-status-running)] transition-all duration-300",
                 style: { width: `${progressPercent}%` }
               }
             )
@@ -164,7 +164,7 @@ function RunProgress({
             "button",
             {
               onClick: onRetry,
-              className: "px-3 py-1.5 text-sm rounded-md bg-[var(--axis-color-blue-500)] text-white hover:bg-[var(--axis-color-blue-600)]",
+              className: "px-3 py-1.5 text-sm rounded-md bg-[var(--axis-button-bg-default)] text-[var(--axis-button-text-default)] hover:bg-[var(--axis-button-bg-hover)]",
               children: "\uC7AC\uC2DC\uB3C4"
             }
           )

package/dist/run-progress/index.mjs

@@ -1,6 +1,6 @@
 import {
   RunProgress
-} from "../chunk-LZKOCELQ.mjs";
+} from "../chunk-WMQGJIAF.mjs";
 import "../chunk-SCZ4BQ2G.mjs";
 export {
   RunProgress

package/dist/step-timeline/index.js

@@ -79,11 +79,11 @@ function StepTimeline({
                 "aria-hidden": "true",
                 className: (0, import_ui_react.cn)(
                   "relative z-10 w-5 h-5 rounded-full flex items-center justify-center",
-                  step.status === "complete" && "bg-[var(--axis-color-green-500)]",
-                  step.status === "running" && "bg-[var(--axis-color-blue-500)] animate-pulse",
-                  step.status === "error" && "bg-[var(--axis-color-red-500)]",
-                  step.status === "skipped" && "bg-[var(--axis-color-gray-300)]",
-                  step.status === "pending" && "bg-[var(--axis-color-gray-300)]"
+                  step.status === "complete" && "bg-[var(--axis-status-success)]",
+                  step.status === "running" && "bg-[var(--axis-status-running)] animate-pulse",
+                  step.status === "error" && "bg-[var(--axis-status-error)]",
+                  step.status === "skipped" && "bg-[var(--axis-status-neutral-muted)]",
+                  step.status === "pending" && "bg-[var(--axis-status-neutral-muted)]"
                 ),
                 children: step.status === "complete" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "w-3 h-3 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M5 13l4 4L19 7" }) })
               }

package/dist/step-timeline/index.mjs

@@ -1,6 +1,6 @@
 import {
   StepTimeline
-} from "../chunk-RGPKTWK4.mjs";
+} from "../chunk-M325YRLE.mjs";
 import "../chunk-SCZ4BQ2G.mjs";
 export {
   StepTimeline

package/dist/token-usage-indicator/index.js

@@ -36,13 +36,13 @@ function TokenUsageIndicator({
   const ratio = max > 0 ? current / max : 0;
   const percentage = Math.min(Math.round(ratio * 100), 100);
   const getColor = () => {
-    if (ratio >= 1) return "bg-[var(--axis-color-red-500)]";
-    if (ratio >= warningThreshold) return "bg-[var(--axis-color-yellow-500)]";
-    return "bg-[var(--axis-color-green-500)]";
+    if (ratio >= 1) return "bg-[var(--axis-status-error)]";
+    if (ratio >= warningThreshold) return "bg-[var(--axis-status-warning)]";
+    return "bg-[var(--axis-status-success)]";
   };
   const getTextColor = () => {
-    if (ratio >= 1) return "text-[var(--axis-color-red-500)]";
-    if (ratio >= warningThreshold) return "text-[var(--axis-color-yellow-500)]";
+    if (ratio >= 1) return "text-[var(--axis-status-error)]";
+    if (ratio >= warningThreshold) return "text-[var(--axis-status-warning)]";
     return "text-[var(--axis-text-secondary)]";
   };
   const formatNumber = (n) => n >= 1e3 ? `${(n / 1e3).toFixed(1)}k` : String(n);

package/dist/token-usage-indicator/index.mjs

@@ -1,6 +1,6 @@
 import {
   TokenUsageIndicator
-} from "../chunk-H6VXOP7U.mjs";
+} from "../chunk-QS6GQNSE.mjs";
 export {
   TokenUsageIndicator
 };

package/dist/tool-call-card/index.js

@@ -51,22 +51,22 @@ var STATUS_LABELS = {
 var import_jsx_runtime = require("react/jsx-runtime");
 var statusConfig = {
   pending: {
-    color: "text-[var(--axis-color-gray-400)]",
+    color: "text-[var(--axis-status-neutral)]",
     icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10", strokeWidth: 2 }) })
   },
   running: {
-    color: "text-[var(--axis-color-blue-500)]",
+    color: "text-[var(--axis-status-running)]",
     icon: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { className: "w-4 h-4 animate-spin", viewBox: "0 0 24 24", fill: "none", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })
     ] })
   },
   success: {
-    color: "text-[var(--axis-color-green-500)]",
+    color: "text-[var(--axis-status-success)]",
     icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
   },
   error: {
-    color: "text-[var(--axis-color-red-500)]",
+    color: "text-[var(--axis-status-error)]",
     icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
   }
 };

package/dist/tool-call-card/index.mjs

@@ -1,6 +1,6 @@
 import {
   ToolCallCard
-} from "../chunk-FAJF5RCY.mjs";
+} from "../chunk-WFYQINWD.mjs";
 import "../chunk-SCZ4BQ2G.mjs";
 export {
   ToolCallCard

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axis-ds/agentic-ui",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "AXIS Design System - Agentic UI Components for AI/LLM Applications",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -88,8 +88,8 @@
     "clsx": "^2.1.0",
     "framer-motion": "^11.0.0",
     "tailwind-merge": "^2.5.0",
-    "@axis-ds/tokens": "1.2.0",
-    "@axis-ds/ui-react": "1.2.0"
+    "@axis-ds/tokens": "1.2.1",
+    "@axis-ds/ui-react": "1.2.1"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
@@ -118,7 +118,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/thoughtandaction/axis.git",
+    "url": "https://github.com/IDEA-on-Action/AXIS-Design-System.git",
     "directory": "packages/axis-agentic-ui"
   },
   "homepage": "https://axis.minu.best",