@axis-ds/agentic-ui 1.6.0 → 1.6.2

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 (17) 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/surface-renderer/index.js +1 -1
  12. package/dist/surface-renderer/index.mjs +1 -1
  13. package/dist/thinking-indicator/index.js +1 -1
  14. package/dist/thinking-indicator/index.mjs +1 -1
  15. package/dist/tool-call-card/index.js +1 -1
  16. package/dist/tool-call-card/index.mjs +1 -1
  17. 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", 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:!animate-none", 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", viewBox: "0 0 24 24", fill: "none", children: [
19
+ sending: /* @__PURE__ */ jsxs("svg", { className: "w-3 h-3 animate-spin motion-reduce:!animate-none", 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", 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:!animate-none", 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", 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:!animate-none", 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",
40
+ running: "bg-[var(--axis-status-running)] text-[var(--axis-status-running-contrast)] animate-pulse motion-reduce:!animate-none",
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", 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:!animate-none", 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" }),
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" }),
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",
7
+ running: "bg-[var(--axis-status-running)] text-[var(--axis-status-running-contrast)] animate-pulse motion-reduce:!animate-none",
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", viewBox: "0 0 24 24", fill: "none", children: [
13
+ running: /* @__PURE__ */ jsxs("svg", { className: "w-3 h-3 animate-spin motion-reduce:!animate-none", 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" }),
43
+ status === "running" && /* @__PURE__ */ jsx("div", { className: "w-2 h-2 rounded-full bg-[var(--axis-status-running)] animate-pulse motion-reduce:!animate-none" }),
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",
69
+ step.status === "running" && "bg-[var(--axis-status-running)] animate-pulse motion-reduce:!animate-none",
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",
46
+ step.status === "running" && "bg-[var(--axis-status-running)] animate-pulse motion-reduce:!animate-none",
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", "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:!animate-none", "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", "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:!animate-none", "aria-hidden": "true" })
58
58
  ]
59
59
  }
60
60
  );
package/dist/surface-renderer/index.js CHANGED
@@ -31,7 +31,7 @@ function SurfaceRenderer({
31
31
  const renderContent = () => {
32
32
  switch (surface.type) {
33
33
  case "text":
34
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "prose prose-sm max-w-none text-[var(--axis-text-primary)]", children: String(surface.content) });
34
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm text-[var(--axis-text-primary)]", children: String(surface.content) });
35
35
  case "code":
36
36
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { className: "p-3 rounded-md bg-[var(--axis-surface-secondary)] overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { className: "text-sm font-mono text-[var(--axis-text-primary)]", children: String(surface.content) }) });
37
37
  case "table": {
package/dist/surface-renderer/index.mjs CHANGED
@@ -8,7 +8,7 @@ function SurfaceRenderer({
8
8
  const renderContent = () => {
9
9
  switch (surface.type) {
10
10
  case "text":
11
- return /* @__PURE__ */ jsx("div", { className: "prose prose-sm max-w-none text-[var(--axis-text-primary)]", children: String(surface.content) });
11
+ return /* @__PURE__ */ jsx("div", { className: "text-sm text-[var(--axis-text-primary)]", children: String(surface.content) });
12
12
  case "code":
13
13
  return /* @__PURE__ */ jsx("pre", { className: "p-3 rounded-md bg-[var(--axis-surface-secondary)] overflow-x-auto", children: /* @__PURE__ */ jsx("code", { className: "text-sm font-mono text-[var(--axis-text-primary)]", children: String(surface.content) }) });
14
14
  case "table": {
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",
58
+ "rounded-full bg-current animate-bounce motion-reduce:!animate-none",
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",
35
+ "rounded-full bg-current animate-bounce motion-reduce:!animate-none",
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", 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:!animate-none", 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", viewBox: "0 0 24 24", fill: "none", children: [
13
+ icon: /* @__PURE__ */ jsxs("svg", { className: "w-4 h-4 animate-spin motion-reduce:!animate-none", 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.0",
3
+ "version": "1.6.2",
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.0",
182
- "@axis-ds/ui-react": "1.6.0"
181
+ "@axis-ds/tokens": "1.6.2",
182
+ "@axis-ds/ui-react": "1.6.2"
183
183
  },
184
184
  "devDependencies": {
185
185
  "@testing-library/jest-dom": "^6.9.1",