@mastra/playground-ui 22.1.2 → 22.1.3-alpha.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.
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @mastra/playground-ui
|
|
2
2
|
|
|
3
|
+
## 22.1.3-alpha.0
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Refactored DataKeysAndValues.ValueLink to use the standard `as` prop for custom link components, replacing the previous `LinkComponent` prop ([#15391](https://github.com/mastra-ai/mastra/pull/15391))
|
|
8
|
+
|
|
9
|
+
- Updated PageHeader.Description styling to use text color (neutral2) and simplified top margin ([#15389](https://github.com/mastra-ai/mastra/pull/15389))
|
|
10
|
+
|
|
11
|
+
- Updated dependencies [[`d63ffdb`](https://github.com/mastra-ai/mastra/commit/d63ffdbb2c11e76fe5ea45faab44bc15460f010c), [`d63ffdb`](https://github.com/mastra-ai/mastra/commit/d63ffdbb2c11e76fe5ea45faab44bc15460f010c)]:
|
|
12
|
+
- @mastra/client-js@1.13.5-alpha.0
|
|
13
|
+
- @mastra/core@1.25.1-alpha.0
|
|
14
|
+
- @mastra/react@0.2.27-alpha.0
|
|
15
|
+
|
|
3
16
|
## 22.1.2
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
package/dist/index.cjs.js
CHANGED
|
@@ -9471,7 +9471,7 @@ function PageHeaderDescription({ children, isLoading }) {
|
|
|
9471
9471
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
9472
9472
|
"p",
|
|
9473
9473
|
{
|
|
9474
|
-
className: cn("text-
|
|
9474
|
+
className: cn("text-neutral2 text-sm max-w-[35rem] flex flex-wrap gap-x-4 gap-y-1 mt-1", {
|
|
9475
9475
|
"bg-surface4 w-[40rem] max-w-[80%] rounded-md animate-pulse": isLoading
|
|
9476
9476
|
}),
|
|
9477
9477
|
children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: " " }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children })
|
|
@@ -12509,13 +12509,10 @@ function DataKeysAndValuesValue({ className, children }) {
|
|
|
12509
12509
|
function isExternalUrl(href) {
|
|
12510
12510
|
return /^https?:\/\//.test(href);
|
|
12511
12511
|
}
|
|
12512
|
-
function DataKeysAndValuesValueLink({
|
|
12513
|
-
className,
|
|
12514
|
-
children,
|
|
12515
|
-
href,
|
|
12516
|
-
LinkComponent: Link
|
|
12517
|
-
}) {
|
|
12512
|
+
function DataKeysAndValuesValueLink({ className, children, href, as }) {
|
|
12518
12513
|
const isExternal = isExternalUrl(href);
|
|
12514
|
+
const Component = as || "a";
|
|
12515
|
+
const navigationProps = as ? { href, to: href } : { href };
|
|
12519
12516
|
const linkClassName = cn(
|
|
12520
12517
|
"truncate flex items-center gap-2 hover:text-neutral4 transition-colors",
|
|
12521
12518
|
"[&>svg]:w-4 [&>svg]:h-4 [&>svg]:shrink-0 [&>svg]:opacity-70 [&:hover>svg]:opacity-100"
|
|
@@ -12526,7 +12523,7 @@ function DataKeysAndValuesValueLink({
|
|
|
12526
12523
|
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLinkIcon, {})
|
|
12527
12524
|
] }) });
|
|
12528
12525
|
}
|
|
12529
|
-
return /* @__PURE__ */ jsxRuntime.jsx("dd", { className: cn(dataKeysAndValuesValueStyles, className), children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
12526
|
+
return /* @__PURE__ */ jsxRuntime.jsx("dd", { className: cn(dataKeysAndValuesValueStyles, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Component, { ...navigationProps, className: linkClassName, children: [
|
|
12530
12527
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children }),
|
|
12531
12528
|
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.Link2Icon, {})
|
|
12532
12529
|
] }) });
|