@oxide/design-system 2.5.2--canary.d7e0dae.0 → 2.6.0

package/dist/asciidoc.css

@@ -6,27 +6,24 @@
  * Copyright Oxide Computer Company
  */
 
-@utility text-mono-code {
-  @apply text-[0.825em] !normal-case;
-  font-feature-settings: 'calt' 0;
-  letter-spacing: 0;
-}
-
-@utility accent-link {
-  @apply text-accent-secondary hover:text-accent;
-  text-decoration: underline;
-  text-decoration-color: color-mix(in srgb, currentColor 60%, transparent);
-}
+@layer utilities {
+  .text-mono-code {
+    @apply text-[0.825em] !normal-case;
+    font-feature-settings: 'calt' 0;
+    letter-spacing: 0;
+  }
 
-@utility link-with-underline {
-  @apply text-default hover:text-raise;
-  text-decoration: underline;
-  text-decoration-color: color-mix(in srgb, currentColor 60%, transparent);
-}
+  .accent-link {
+    @apply text-accent-secondary hover:text-accent;
+    text-decoration: underline;
+    text-decoration-color: color-mix(in srgb, currentColor 60%, transparent);
+  }
 
-@utility inline-code {
-  @apply text-secondary;
-  @apply ml-[1px] mr-[1px] rounded border px-[4px] py-[1px] align-[1px] text-[0.825em] bg-raise border-secondary;
+  .link-with-underline {
+    @apply text-default hover:text-raise;
+    text-decoration: underline;
+    text-decoration-color: color-mix(in srgb, currentColor 60%, transparent);
+  }
 }
 
 @layer components {
@@ -291,6 +288,11 @@
       @apply normal-case text-default;
     }
 
+    .inline-code {
+      @apply text-secondary;
+      @apply ml-[1px] mr-[1px] rounded border px-[4px] py-[1px] align-[1px] text-[0.825em] bg-raise border-secondary;
+    }
+
     p code,
     h1 code,
     h2 code,

package/dist/components/src/index.js

@@ -343,7 +343,7 @@ var DesktopOutline = ({
     ] }, item.id));
   };
   if (toc && toc.length > 0) {
-    return /* @__PURE__ */ jsx4("ul", { className: cn3("toc w-[var(--toc-width)]", className), children: renderToc(toc) });
+    return /* @__PURE__ */ jsx4("ul", { className: cn3("toc w-[--toc-width]", className), children: renderToc(toc) });
   }
   return null;
 };
@@ -393,12 +393,12 @@ var SmallScreenOutline = ({
         value,
         onValueChange: setValue,
         children: /* @__PURE__ */ jsxs3(Accordion.Item, { value: "toc", children: [
-          /* @__PURE__ */ jsx4(Accordion.Header, { children: /* @__PURE__ */ jsxs3(Accordion.Trigger, { className: "flex h-12 w-full items-center justify-between text-sans-md text-default hover:bg-hover px-[var(--container-px)] [&>svg]:data-[state=open]:rotate-90", children: [
+          /* @__PURE__ */ jsx4(Accordion.Header, { children: /* @__PURE__ */ jsxs3(Accordion.Trigger, { className: "flex h-12 w-full items-center justify-between text-sans-md text-default hover:bg-hover px-[--container-px] [&>svg]:data-[state=open]:rotate-90", children: [
             "Table of Contents",
             " ",
             /* @__PURE__ */ jsx4(DirectionRightIcon_default, { className: "transition-all text-tertiary" })
           ] }) }),
-          /* @__PURE__ */ jsx4(Accordion.Content, { className: "animated-accordion hydrated max-h-[60vh] overflow-y-scroll w-full border-t border-secondary px-[var(--container-px)]", children: /* @__PURE__ */ jsx4("div", { className: "py-4", children: renderToc(toc) }) })
+          /* @__PURE__ */ jsx4(Accordion.Content, { className: "animated-accordion hydrated max-h-[60vh] overflow-y-scroll w-full border-t border-secondary px-[--container-px]", children: /* @__PURE__ */ jsx4("div", { className: "py-4", children: renderToc(toc) }) })
         ] })
       }
     );