@oxide/design-system 1.4.7--canary.c43c0d4.0 → 1.4.7--canary.9b5b7a2.0

package/components/dist/asciidoc.css

@@ -718,112 +718,14 @@
       background-color: var(--surface-raise) !important;
     }
 
-    pre code.hljs {
-      display: block;
-      overflow-x: auto;
-      padding: 1em;
-    }
-
-    code.hljs {
-      padding: 3px 5px;
-    }
-
-    .hljs {
-      color: #333;
-      background: #fff;
-    }
-
-    .hljs-comment,
-    .hljs-quote {
-      color: #777;
-      font-style: italic;
-    }
-
-    .hljs-keyword,
-    .hljs-selector-tag,
-    .hljs-subst {
-      color: #333;
-      font-weight: 700;
-    }
-
-    .hljs-literal,
-    .hljs-number {
-      color: #777;
-    }
-
-    .hljs-doctag,
-    .hljs-formula,
-    .hljs-string {
-      color: #333;
-      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJ0lEQVQIW2O8e/fufwYGBgZBQUEQxcCIIfDu3Tuwivfv30NUoAsAALHpFMMLqZlPAAAAAElFTkSuQmCC)
-        repeat;
-    }
-
-    .hljs-section,
-    .hljs-selector-id,
-    .hljs-title {
-      color: #000;
-      font-weight: 700;
-    }
-
-    .hljs-subst {
-      font-weight: 400;
-    }
-
-    .hljs-class .hljs-title,
-    .hljs-name,
-    .hljs-title.class_,
-    .hljs-type {
-      color: #333;
-      font-weight: 700;
+    .asciidoc-body .section-link-icon {
+      margin-left: 0.5rem;
+      display: none;
+      color: var(--text-accent-secondary);
     }
 
-    .hljs-tag {
-      color: #333;
-    }
-
-    .hljs-regexp {
-      color: #333;
-      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPUlEQVQYV2NkQAN37979r6yszIgujiIAU4RNMVwhuiQ6H6wQl3XI4oy4FMHcCJPHcDS6J2A2EqUQpJhohQDexSef15DBCwAAAABJRU5ErkJggg==)
-        repeat;
-    }
-
-    .hljs-bullet,
-    .hljs-link,
-    .hljs-symbol {
-      color: #000;
-      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQAO7d+/+z4gsBhJwdXVlhAvCBECKwIIwAbhKZBUwBQA6hBpm5efZsgAAAABJRU5ErkJggg==)
-        repeat;
-    }
-
-    .hljs-built_in {
-      color: #000;
-      text-decoration: underline;
-    }
-
-    .hljs-meta {
-      color: #999;
-      font-weight: 700;
-    }
-
-    .hljs-deletion {
-      color: #fff;
-      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAE0lEQVQIW2MMDQ39zzhz5kwIAQAyxweWgUHd1AAAAABJRU5ErkJggg==)
-        repeat;
-    }
-
-    .hljs-addition {
-      color: #000;
-      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAALUlEQVQYV2N89+7dfwYk8P79ewZBQUFkIQZGOiu6e/cuiptQHAPl0NtNxAQBAM97Oejj3Dg7AAAAAElFTkSuQmCC)
-        repeat;
-    }
-
-    .hljs-emphasis {
-      font-style: italic;
-    }
-
-    .hljs-strong {
-      font-weight: 700;
+    .asciidoc-body .section-link:hover .section-link-icon {
+      display: block;
     }
   }
 

package/components/dist/index.js

@@ -7126,9 +7126,9 @@ var Section = ({ node }) => {
   sectNum = sectNum === "." ? "" : sectNum;
   title = /* @__PURE__ */ (0, import_jsx_runtime161.jsxs)(import_jsx_runtime161.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime161.jsx)("span", { className: "anchor", id: node.id || "", "aria-hidden": "true" }),
-    /* @__PURE__ */ (0, import_jsx_runtime161.jsxs)("a", { className: "link group", href: `#${node.id}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime161.jsxs)("a", { className: "section-link", href: `#${node.id}`, children: [
       html_react_parser_default(stripAnchors(node.title)),
-      /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(Link16Icon_default, { className: "ml-2 hidden text-accent-secondary group-hover:inline-block" })
+      /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(Link16Icon_default, { className: "section-link-icon" })
     ] })
   ] });
   if (level === 0) {