@oxide/design-system 6.4.1-canary.fec0981 → 6.5.0

package/dist/components/src/asciidoc/index.d.ts

@@ -35,6 +35,7 @@ declare const attrs: {
     sectlinks: string;
     stem: string;
     stylesheet: boolean;
+    icons: string;
 };
 declare const loadAsciidoctor: ({ extensions, }: {
     extensions?: ((this: Registry) => void)[];

package/dist/components/src/asciidoc/index.js

@@ -9,7 +9,7 @@ import {
 // components/src/asciidoc/index.tsx
 import {
   Content as Content4,
-  inlineHtml,
+  inlineHtml as inlineHtml2,
   parse as parse3
 } from "@oxide/react-asciidoc";
 
@@ -87,16 +87,28 @@ var Warning12 = ({ className }) => /* @__PURE__ */ jsx(
 var Admonition_default = Admonition;
 
 // components/src/asciidoc/Section.tsx
-import { Content as Content2, parse, RenderInline as RenderInline2 } from "@oxide/react-asciidoc";
+import {
+  Content as Content2,
+  inlineHtml,
+  parse,
+  RenderInline as RenderInline2
+} from "@oxide/react-asciidoc";
 import cn from "classnames";
 import { createElement } from "react";
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var dropAnchorTags = (html) => html?.includes("<a") ? html.replace(/<(?:a\b[^>]*|\/a)>/g, "") : html;
+var stripLinks = (nodes) => nodes.flatMap((node) => {
+  if (node.type === "anchor") return stripLinks(node.text);
+  if (node.type === "footnote")
+    return [{ type: "text", text: dropAnchorTags(inlineHtml([node]).__html), raw: true }];
+  return [node];
+});
 var Section = ({ node }) => {
   const level = node.level;
   let title = "";
   let sectNum = node.num;
   sectNum = sectNum && sectNum[0] === "." ? "" : sectNum;
-  const titleContent = node.hasCaption ? parse(node.title) : /* @__PURE__ */ jsx2(RenderInline2, { nodes: node.titleInlines });
+  const titleContent = node.hasCaption ? parse(dropAnchorTags(node.title)) : /* @__PURE__ */ jsx2(RenderInline2, { nodes: node.titleInlines && stripLinks(node.titleInlines) });
   title = /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx2("span", { className: "anchor", id: node.id || "", "aria-hidden": "true" }),
     /* @__PURE__ */ jsxs2("a", { className: "link group", href: `#${node.id}`, children: [
@@ -109,10 +121,15 @@ var Section = ({ node }) => {
       /* @__PURE__ */ jsx2("h1", { className: cn("sect0", node.role), "data-sectnum": sectNum, children: title }),
       /* @__PURE__ */ jsx2(Content2, { blocks: node.blocks })
     ] });
+  } else if (level === 1) {
+    return /* @__PURE__ */ jsxs2("div", { className: cn("sect1", node.role), children: [
+      createElement("h2", { "data-sectnum": sectNum }, title),
+      /* @__PURE__ */ jsx2("div", { className: "sectionbody", children: /* @__PURE__ */ jsx2(Content2, { blocks: node.blocks }) })
+    ] });
   } else {
     return /* @__PURE__ */ jsxs2("div", { className: cn(`sect${level}`, node.role), children: [
       createElement(`h${level + 1}`, { "data-sectnum": sectNum }, title),
-      /* @__PURE__ */ jsx2("div", { className: "sectionbody", children: /* @__PURE__ */ jsx2(Content2, { blocks: node.blocks }) })
+      /* @__PURE__ */ jsx2(Content2, { blocks: node.blocks })
     ] });
   }
 };
@@ -2035,12 +2052,12 @@ async function highlightCode(code, lang, { inline = false } = {}) {
 var highlight = async (block) => {
   if (block.type === "listing") {
     const literalBlock = block;
-    if (!literalBlock.content || typeof literalBlock.content !== "string") {
+    if (typeof literalBlock.source !== "string") {
       return block;
     }
     const lineComment = literalBlock.attributes["line-comment"];
-    const content = Inline.subCallouts(
-      literalBlock.content,
+    const content = Inline.subCalloutsRaw(
+      literalBlock.source,
       true,
       lineComment !== void 0 ? String(lineComment) : void 0
     );
@@ -2048,13 +2065,13 @@ var highlight = async (block) => {
     const callouts = [];
     const placeholderContent = content.replace(calloutRegex, (match) => {
       callouts.push(match);
-      return `__CALLOUT_PLACEHOLDER_${callouts.length - 1}__`;
+      return `CALLOUTPLACEHOLDER${callouts.length - 1}END`;
     });
     if (!literalBlock.language) {
       return {
         ...block,
-        content: placeholderContent.replace(
-          /__CALLOUT_PLACEHOLDER_(\d+)__/g,
+        content: Inline.subSpecialchars(placeholderContent).replace(
+          /CALLOUTPLACEHOLDER(\d+)END/g,
           (_, index) => callouts[parseInt(index)]
         )
       };
@@ -2065,7 +2082,7 @@ var highlight = async (block) => {
       { inline: true }
     );
     const restoredContent = highlightedContent.replace(
-      /__CALLOUT_PLACEHOLDER_(\d+)__/g,
+      /CALLOUTPLACEHOLDER(\d+)END/g,
       (_, index) => callouts[parseInt(index)]
     );
     return {
@@ -2078,7 +2095,8 @@ var highlight = async (block) => {
 var attrs = {
   sectlinks: "true",
   stem: "latexmath",
-  stylesheet: false
+  stylesheet: false,
+  icons: "font"
 };
 var loadAsciidoctor = ({
   extensions = []
@@ -2111,7 +2129,7 @@ var renderWithBreaks = (text) => {
 };
 var inlineOverrides = {
   quoted: ({ node }) => {
-    let { __html } = inlineHtml([node]);
+    let { __html } = inlineHtml2([node]);
     if (node.subtype === "monospaced") {
       __html = renderWithBreaks(__html);
     }