@digi-frontend/dgate-api-documentation 2.0.3 → 2.0.5

package/dist/index.cjs

@@ -791,14 +791,14 @@ const convertToRenderableTreeData = (treeDataStructure, selectedEndpoint, cx) =>
 		let title;
 		if (node.isLeaf && node.method) title = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EndpointItem, {
 			method: node.method,
-			title: typeof node.title === "string" ? node.title : "",
+			title: typeof node.title === "string" ? node.title : "Endpoint Name",
 			cx
 		});
 		else if (node.data && "id" in node.data && "tags" in node.data && !("endpoint" in node.data) && !("tagName" in node.data)) {
 			const isHighlighted = isApiSectionHighlighted(node.key, selectedEndpoint);
 			title = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text$4, {
 				className: cx("api-title") + (isHighlighted ? " highlighted" : ""),
-				ellipsis: { tooltip: typeof node.title === "string" ? node.title : "" },
+				ellipsis: { tooltip: typeof node.title === "string" ? node.title : "API Name" },
 				children: node.title
 			});
 		} else title = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text$4, {
@@ -1297,7 +1297,9 @@ const ApiCard = ({ api, viewStyle }) => {
 			borderRadius: token$2.borderRadius,
 			border: `${token$2.lineWidth}rem solid ${token$2.Button?.defaultBorderColor}`,
 			paddingRight: token$2.Button?.paddingInline,
-			paddingLeft: token$2.Button?.paddingInline
+			paddingLeft: token$2.Button?.paddingInline,
+			background: token$2.Button?.defaultBg,
+			"&:hover": { background: token$2.Button?.defaultBg }
 		},
 		[scope("list-content")]: {
 			display: "flex",
@@ -1423,7 +1425,6 @@ const ApiCard = ({ api, viewStyle }) => {
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltippedText, { text: api?.summary || "Endpoint Name" })
 					})]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Button, {
-					variant: "outlined",
 					className: cx("list-see-details"),
 					onClick: handleOpenEndPointView,
 					children: "See Details"
@@ -2360,7 +2361,7 @@ const DocumentationLayout = ({ data }) => {
 		selectedApi,
 		selectFirstApi
 	]);
-	const { cx } = useStyle("DocumentationLayout", (token$1, scope) => ({
+	const { cx } = useStyle("APIDocumentationLayout", (token$1, scope) => ({
 		[scope("container")]: {
 			display: "flex",
 			flexDirection: "column",
@@ -2378,16 +2379,19 @@ const DocumentationLayout = ({ data }) => {
 			width: "100%"
 		}
 	}));
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ant_design_nextjs_registry.AntdRegistry, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: cx("container"),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Header, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: cx("layout"),
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Sidebar, {}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MainContent, {}),
-				focusedContent === "ENDPOINT" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodeboxSidebar_default, {})
-			]
-		})]
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ant_design_nextjs_registry.AntdRegistry, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.ConfigProvider, {
+		prefixCls: "isolated",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: cx("container"),
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Header, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: cx("layout"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Sidebar, {}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MainContent, {}),
+					focusedContent === "ENDPOINT" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodeboxSidebar_default, {})
+				]
+			})]
+		})
 	}) });
 };