@axis-ds/agentic-ui 1.6.2 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/message-bubble/index.js +1 -1
  2. package/dist/message-bubble/index.mjs +1 -1
  3. package/dist/plan-card/index.js +1 -1
  4. package/dist/plan-card/index.mjs +1 -1
  5. package/dist/run-progress/index.js +3 -3
  6. package/dist/run-progress/index.mjs +3 -3
  7. package/dist/step-timeline/index.js +1 -1
  8. package/dist/step-timeline/index.mjs +1 -1
  9. package/dist/streaming-text/index.js +1 -1
  10. package/dist/streaming-text/index.mjs +1 -1
  11. package/dist/thinking-indicator/index.js +1 -1
  12. package/dist/thinking-indicator/index.mjs +1 -1
  13. package/dist/tool-call-card/index.js +1 -1
  14. package/dist/tool-call-card/index.mjs +1 -1
  15. package/package.json +3 -3
package/dist/message-bubble/index.js CHANGED
@@ -39,7 +39,7 @@ const roleStyles = {
39
39
  }
40
40
  };
41
41
  const statusIcons = {
42
- sending: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { className: "w-3 h-3 animate-spin motion-reduce:!animate-none", viewBox: "0 0 24 24", fill: "none", children: [
42
+ sending: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { className: "w-3 h-3 animate-spin motion-reduce:![animation-duration:3s]", viewBox: "0 0 24 24", fill: "none", children: [
43
43
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
44
44
  /* @__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" })
45
45
  ] }),
package/dist/message-bubble/index.mjs CHANGED
@@ -16,7 +16,7 @@ const roleStyles = {
16
16
  }
17
17
  };
18
18
  const statusIcons = {
19
- sending: /* @__PURE__ */ jsxs("svg", { className: "w-3 h-3 animate-spin motion-reduce:!animate-none", viewBox: "0 0 24 24", fill: "none", children: [
19
+ sending: /* @__PURE__ */ jsxs("svg", { className: "w-3 h-3 animate-spin motion-reduce:![animation-duration:3s]", viewBox: "0 0 24 24", fill: "none", children: [
20
20
  /* @__PURE__ */ jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
21
21
  /* @__PURE__ */ jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })
22
22
  ] }),
package/dist/plan-card/index.js CHANGED
@@ -63,7 +63,7 @@ const planStatusStyles = {
63
63
  };
64
64
  const stepStatusIcons = {
65
65
  pending: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "w-4 h-4 text-[var(--axis-status-neutral)]", 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 }) }),
66
- running: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { className: "w-4 h-4 text-[var(--axis-status-running)] animate-spin motion-reduce:!animate-none", viewBox: "0 0 24 24", fill: "none", children: [
66
+ running: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { className: "w-4 h-4 text-[var(--axis-status-running)] animate-spin motion-reduce:![animation-duration:3s]", viewBox: "0 0 24 24", fill: "none", children: [
67
67
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
68
68
  /* @__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" })
69
69
  ] }),
package/dist/plan-card/index.mjs CHANGED
@@ -30,7 +30,7 @@ const planStatusStyles = {
30
30
  };
31
31
  const stepStatusIcons = {
32
32
  pending: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4 text-[var(--axis-status-neutral)]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", strokeWidth: 2 }) }),
33
- running: /* @__PURE__ */ jsxs("svg", { className: "w-4 h-4 text-[var(--axis-status-running)] animate-spin motion-reduce:!animate-none", viewBox: "0 0 24 24", fill: "none", children: [
33
+ running: /* @__PURE__ */ jsxs("svg", { className: "w-4 h-4 text-[var(--axis-status-running)] animate-spin motion-reduce:![animation-duration:3s]", viewBox: "0 0 24 24", fill: "none", children: [
34
34
  /* @__PURE__ */ jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
35
35
  /* @__PURE__ */ jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })
36
36
  ] }),
package/dist/run-progress/index.js CHANGED
@@ -37,13 +37,13 @@ var import_ui_react = require("@axis-ds/ui-react");
37
37
  var import_a11y_labels = require("../constants/a11y-labels.js");
38
38
  const statusColors = {
39
39
  pending: "bg-[var(--axis-status-neutral-muted)] text-[var(--axis-status-neutral-muted-contrast)]",
40
- running: "bg-[var(--axis-status-running)] text-[var(--axis-status-running-contrast)] animate-pulse motion-reduce:!animate-none",
40
+ running: "bg-[var(--axis-status-running)] text-[var(--axis-status-running-contrast)] animate-pulse motion-reduce:![animation-duration:5s]",
41
41
  complete: "bg-[var(--axis-status-success)] text-[var(--axis-status-success-contrast)]",
42
42
  error: "bg-[var(--axis-status-error)] text-[var(--axis-status-error-contrast)]"
43
43
  };
44
44
  const statusIcons = {
45
45
  pending: null,
46
- running: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { className: "w-3 h-3 animate-spin motion-reduce:!animate-none", viewBox: "0 0 24 24", fill: "none", children: [
46
+ running: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { className: "w-3 h-3 animate-spin motion-reduce:![animation-duration:3s]", viewBox: "0 0 24 24", fill: "none", children: [
47
47
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
48
48
  /* @__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" })
49
49
  ] }),
@@ -73,7 +73,7 @@ function RunProgress({
73
73
  children: [
74
74
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [
75
75
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
76
- status === "running" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-2 h-2 rounded-full bg-[var(--axis-status-running)] animate-pulse motion-reduce:!animate-none" }),
76
+ status === "running" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-2 h-2 rounded-full bg-[var(--axis-status-running)] animate-pulse motion-reduce:![animation-duration:5s]" }),
77
77
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-sm font-medium text-[var(--axis-text-primary)]", children: [
78
78
  status === "idle" && "\uB300\uAE30 \uC911",
79
79
  status === "running" && "\uC2E4\uD589 \uC911",
package/dist/run-progress/index.mjs CHANGED
@@ -4,13 +4,13 @@ import { cn } from "@axis-ds/ui-react";
4
4
  import { STATUS_LABELS } from "../constants/a11y-labels.mjs";
5
5
  const statusColors = {
6
6
  pending: "bg-[var(--axis-status-neutral-muted)] text-[var(--axis-status-neutral-muted-contrast)]",
7
- running: "bg-[var(--axis-status-running)] text-[var(--axis-status-running-contrast)] animate-pulse motion-reduce:!animate-none",
7
+ running: "bg-[var(--axis-status-running)] text-[var(--axis-status-running-contrast)] animate-pulse motion-reduce:![animation-duration:5s]",
8
8
  complete: "bg-[var(--axis-status-success)] text-[var(--axis-status-success-contrast)]",
9
9
  error: "bg-[var(--axis-status-error)] text-[var(--axis-status-error-contrast)]"
10
10
  };
11
11
  const statusIcons = {
12
12
  pending: null,
13
- running: /* @__PURE__ */ jsxs("svg", { className: "w-3 h-3 animate-spin motion-reduce:!animate-none", viewBox: "0 0 24 24", fill: "none", children: [
13
+ running: /* @__PURE__ */ jsxs("svg", { className: "w-3 h-3 animate-spin motion-reduce:![animation-duration:3s]", viewBox: "0 0 24 24", fill: "none", children: [
14
14
  /* @__PURE__ */ jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
15
15
  /* @__PURE__ */ jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })
16
16
  ] }),
@@ -40,7 +40,7 @@ function RunProgress({
40
40
  children: [
41
41
  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
42
42
  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
43
- status === "running" && /* @__PURE__ */ jsx("div", { className: "w-2 h-2 rounded-full bg-[var(--axis-status-running)] animate-pulse motion-reduce:!animate-none" }),
43
+ status === "running" && /* @__PURE__ */ jsx("div", { className: "w-2 h-2 rounded-full bg-[var(--axis-status-running)] animate-pulse motion-reduce:![animation-duration:5s]" }),
44
44
  /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium text-[var(--axis-text-primary)]", children: [
45
45
  status === "idle" && "\uB300\uAE30 \uC911",
46
46
  status === "running" && "\uC2E4\uD589 \uC911",
package/dist/step-timeline/index.js CHANGED
@@ -66,7 +66,7 @@ function StepTimeline({
66
66
  className: (0, import_ui_react.cn)(
67
67
  "relative z-10 w-5 h-5 rounded-full flex items-center justify-center",
68
68
  step.status === "complete" && "bg-[var(--axis-status-success)]",
69
- step.status === "running" && "bg-[var(--axis-status-running)] animate-pulse motion-reduce:!animate-none",
69
+ step.status === "running" && "bg-[var(--axis-status-running)] animate-pulse motion-reduce:![animation-duration:5s]",
70
70
  step.status === "error" && "bg-[var(--axis-status-error)]",
71
71
  step.status === "skipped" && "bg-[var(--axis-status-neutral-muted)]",
72
72
  step.status === "pending" && "bg-[var(--axis-status-neutral-muted)]"
package/dist/step-timeline/index.mjs CHANGED
@@ -43,7 +43,7 @@ function StepTimeline({
43
43
  className: cn(
44
44
  "relative z-10 w-5 h-5 rounded-full flex items-center justify-center",
45
45
  step.status === "complete" && "bg-[var(--axis-status-success)]",
46
- step.status === "running" && "bg-[var(--axis-status-running)] animate-pulse motion-reduce:!animate-none",
46
+ step.status === "running" && "bg-[var(--axis-status-running)] animate-pulse motion-reduce:![animation-duration:5s]",
47
47
  step.status === "error" && "bg-[var(--axis-status-error)]",
48
48
  step.status === "skipped" && "bg-[var(--axis-status-neutral-muted)]",
49
49
  step.status === "pending" && "bg-[var(--axis-status-neutral-muted)]"
package/dist/streaming-text/index.js CHANGED
@@ -87,7 +87,7 @@ function StreamingText({
87
87
  className: (0, import_ui_react.cn)("relative", className),
88
88
  children: [
89
89
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[var(--axis-text-primary)] whitespace-pre-wrap", children: displayedText }),
90
- showCursor && isStreaming && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "inline-block w-0.5 h-4 ml-0.5 bg-[var(--axis-text-primary)] animate-pulse motion-reduce:!animate-none", "aria-hidden": "true" })
90
+ showCursor && isStreaming && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "inline-block w-0.5 h-4 ml-0.5 bg-[var(--axis-text-primary)] animate-pulse motion-reduce:![animation-duration:5s]", "aria-hidden": "true" })
91
91
  ]
92
92
  }
93
93
  );
package/dist/streaming-text/index.mjs CHANGED
@@ -54,7 +54,7 @@ function StreamingText({
54
54
  className: cn("relative", className),
55
55
  children: [
56
56
  /* @__PURE__ */ jsx("span", { className: "text-[var(--axis-text-primary)] whitespace-pre-wrap", children: displayedText }),
57
- showCursor && isStreaming && /* @__PURE__ */ jsx("span", { className: "inline-block w-0.5 h-4 ml-0.5 bg-[var(--axis-text-primary)] animate-pulse motion-reduce:!animate-none", "aria-hidden": "true" })
57
+ showCursor && isStreaming && /* @__PURE__ */ jsx("span", { className: "inline-block w-0.5 h-4 ml-0.5 bg-[var(--axis-text-primary)] animate-pulse motion-reduce:![animation-duration:5s]", "aria-hidden": "true" })
58
58
  ]
59
59
  }
60
60
  );
package/dist/thinking-indicator/index.js CHANGED
@@ -55,7 +55,7 @@ function ThinkingIndicator({
55
55
  "div",
56
56
  {
57
57
  className: (0, import_ui_react.cn)(
58
- "rounded-full bg-current animate-bounce motion-reduce:!animate-none",
58
+ "rounded-full bg-current animate-bounce motion-reduce:![animation-duration:2.5s]",
59
59
  dotSizes[size]
60
60
  ),
61
61
  style: { animationDelay: `${i * 150}ms` }
package/dist/thinking-indicator/index.mjs CHANGED
@@ -32,7 +32,7 @@ function ThinkingIndicator({
32
32
  "div",
33
33
  {
34
34
  className: cn(
35
- "rounded-full bg-current animate-bounce motion-reduce:!animate-none",
35
+ "rounded-full bg-current animate-bounce motion-reduce:![animation-duration:2.5s]",
36
36
  dotSizes[size]
37
37
  ),
38
38
  style: { animationDelay: `${i * 150}ms` }
package/dist/tool-call-card/index.js CHANGED
@@ -43,7 +43,7 @@ const statusConfig = {
43
43
  },
44
44
  running: {
45
45
  color: "text-[var(--axis-status-running)]",
46
- icon: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { className: "w-4 h-4 animate-spin motion-reduce:!animate-none", viewBox: "0 0 24 24", fill: "none", children: [
46
+ icon: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { className: "w-4 h-4 animate-spin motion-reduce:![animation-duration:3s]", viewBox: "0 0 24 24", fill: "none", children: [
47
47
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
48
48
  /* @__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" })
49
49
  ] })
package/dist/tool-call-card/index.mjs CHANGED
@@ -10,7 +10,7 @@ const statusConfig = {
10
10
  },
11
11
  running: {
12
12
  color: "text-[var(--axis-status-running)]",
13
- icon: /* @__PURE__ */ jsxs("svg", { className: "w-4 h-4 animate-spin motion-reduce:!animate-none", viewBox: "0 0 24 24", fill: "none", children: [
13
+ icon: /* @__PURE__ */ jsxs("svg", { className: "w-4 h-4 animate-spin motion-reduce:![animation-duration:3s]", viewBox: "0 0 24 24", fill: "none", children: [
14
14
  /* @__PURE__ */ jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
15
15
  /* @__PURE__ */ jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })
16
16
  ] })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@axis-ds/agentic-ui",
3
- "version": "1.6.2",
3
+ "version": "1.7.0",
4
4
  "description": "AXIS Design System - Agentic UI Components for AI/LLM Applications",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -178,8 +178,8 @@
178
178
  "clsx": "^2.1.0",
179
179
  "framer-motion": "^11.0.0",
180
180
  "tailwind-merge": "^2.5.0",
181
- "@axis-ds/tokens": "1.6.2",
182
- "@axis-ds/ui-react": "1.6.2"
181
+ "@axis-ds/tokens": "1.7.0",
182
+ "@axis-ds/ui-react": "1.7.0"
183
183
  },
184
184
  "devDependencies": {
185
185
  "@testing-library/jest-dom": "^6.9.1",