@oxide/design-system 1.4.7--canary.c43c0d4.0 → 1.4.7--canary.7cf163e.0

package/components/dist/asciidoc.css

@@ -633,6 +633,21 @@
     @apply bg-raise p-4 rounded-lg my-8 px-6 py-5;
   }
 
+  .asciidoc-body .section-link-icon {
+    margin-left: 0.5rem;
+    display: none;
+    color: var(--text-accent-secondary);
+  }
+
+  .asciidoc-body .section-link:hover .section-link-icon {
+    display: block;
+  }
+
+  /* Boosting body text for long text readability */
+  .asciidoc-body p {
+    color: #c8cacb;
+  }
+
   @media print {
     html {
       font-size: 14px !important;
@@ -717,118 +732,5 @@
       color: var(--content-default) !important;
       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;
-    }
-
-    .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;
-    }
-  }
-
-  /* Boosting body text for long text readability */
-  .asciidoc-body p {
-    color: #c8cacb;
   }
 }

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) {