@oxide/design-system 2.7.1--canary.1bbaaff.0 → 2.7.1--canary.e2e4f77.0

package/dist/components/src/index.js

@@ -3,7 +3,7 @@ import {
   DirectionRightIcon_default,
   Link16Icon_default,
   SelectArrows6Icon_default
-} from "../../chunk-BTKC2KJ2.js";
+} from "../../chunk-EZCJJGCD.js";
 
 // components/src/asciidoc/index.tsx
 import asciidoctor2 from "@asciidoctor/core";
@@ -343,7 +343,7 @@ var DesktopOutline = ({
     ] }, item.id));
   };
   if (toc && toc.length > 0) {
-    return /* @__PURE__ */ jsx4("ul", { className: cn3("toc w-[--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-[--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-[--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) }) })
         ] })
       }
     );
@@ -2068,19 +2068,19 @@ import cn4 from "classnames";
 import { jsx as jsx6 } from "react/jsx-runtime";
 var badgeColors = {
   default: {
-    default: `ring-1 ring-inset bg-accent-secondary text-accent ring-[rgba(var(--base-green-800-rgb),0.15)]`,
-    destructive: `ring-1 ring-inset bg-destructive-secondary text-destructive ring-[rgba(var(--base-red-800-rgb),0.15)]`,
-    notice: `ring-1 ring-inset bg-notice-secondary text-notice ring-[rgba(var(--base-yellow-800-rgb),0.15)]`,
-    neutral: `ring-1 ring-inset bg-secondary text-secondary ring-[rgba(var(--base-neutral-700-rgb),0.15)]`,
-    purple: `ring-1 ring-inset bg-[var(--base-purple-200)] text-[var(--base-purple-700)] ring-[rgba(var(--base-purple-800-rgb),0.15)]`,
-    blue: `ring-1 ring-inset bg-info-secondary text-info ring-[rgba(var(--base-blue-800-rgb),0.15)]`
+    default: "bg-accent-secondary text-accent ring-accent/15",
+    destructive: "bg-destructive-secondary text-destructive ring-destructive/15",
+    notice: "bg-notice-secondary text-notice ring-notice/15",
+    blue: "bg-blue-200 text-blue-800 ring-blue-800/15",
+    purple: "bg-purple-200 text-purple-800 ring-purple-800/15",
+    neutral: "bg-secondary text-default ring-neutral-700/15"
   },
   solid: {
     default: "bg-accent text-inverse",
     destructive: "bg-destructive text-inverse",
     notice: "bg-notice text-inverse",
     neutral: "bg-inverse-tertiary text-inverse",
-    purple: "bg-[var(--base-purple-700)] text-inverse",
+    purple: "bg-purple-700 text-inverse",
     blue: "bg-info text-inverse"
   }
 };
@@ -2094,7 +2094,7 @@ var Badge = ({
     "span",
     {
       className: cn4(
-        "ox-badge",
+        "ox-badge ring ring-inset",
         `variant-${variant}`,
         "inline-flex h-4 items-center whitespace-nowrap rounded-sm px-[3px] py-[1px] uppercase text-mono-sm",
         badgeColors[variant][color],