@oxide/design-system 2.1.1--canary.2b7369b.0 → 2.1.1--canary.c8a08c2.0

package/components/dist/asciidoc.css

@@ -6,14 +6,22 @@
  * Copyright Oxide Computer Company
  */
 
-@layer components {
+@layer utility {
+  .text-mono-code {
+    @apply !text-[0.825em] !normal-case;
+    font-feature-settings: 'calt' 0;
+    letter-spacing: 0;
+  }
+
   .accent-link {
     @apply text-accent-secondary hover:text-accent;
     text-decoration: underline;
-    text-decoration-color: var(--content-accent-tertiary);
+    text-decoration-color: color-mix(in srgb, currentColor 60%, transparent);
   }
+}
 
-   {
+@layer components {
+  .asciidoc-body {
     .line-through {
       text-decoration: line-through;
     }
@@ -168,7 +176,12 @@
 
     ul,
     ol {
-      @apply mb-4 list-disc text-mono-sm text-secondary;
+      @apply mb-4 list-disc text-mono-sm;
+    }
+
+    li::marker,
+    ol::marker {
+      color: color-mix(in srgb, currentColor 60%, transparent);
     }
 
     ul p,
@@ -273,12 +286,6 @@
       @apply normal-case text-default;
     }
 
-    .text-mono-code {
-      @apply !text-[0.825em] !normal-case;
-      font-feature-settings: 'calt' 0;
-      letter-spacing: 0;
-    }
-
     .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;
@@ -365,20 +372,7 @@
     }
 
     .admonitionblock a {
-      text-decoration-color: var(--content-success-tertiary);
-    }
-
-    .admonitionblock.tip a {
-      text-decoration-color: var(--base-purple-600);
-    }
-
-    .admonitionblock.warning a {
-      text-decoration-color: var(--content-error-tertiary);
-    }
-
-    .admonitionblock.caution a,
-    .admonitionblock.important a {
-      text-decoration-color: var(--content-notice-tertiary);
+      text-decoration-color: color-mix(in srgb, currentColor 60%, transparent);
     }
 
     .admonitionblock strong {
@@ -425,16 +419,16 @@
       @apply text-destructive bg-destructive-secondary border-destructive-tertiary;
     }
 
-    .admonitionblock.caution p,
-    .admonitionblock.important p {
+    .admonitionblock.caution,
+    .admonitionblock.important {
       @apply text-notice;
     }
 
-    .admonitionblock.warning p {
+    .admonitionblock.warning {
       @apply text-destructive;
     }
 
-    .admonitionblock.tip p {
+    .admonitionblock.tip {
       color: var(--base-purple-800);
     }
 
@@ -699,7 +693,7 @@
   }
 
   a:not(:is(h1, h2, h3, h4, h5, h6) a) {
-    text-decoration-color: rgba(var(--content-accent-tertiary-rgb), 0.8);
+    text-decoration-color: color-mix(in srgb, currentColor 60%, transparent);
     @apply underline text-accent-secondary;
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxide/design-system",
-  "version": "2.1.1--canary.2b7369b.0",
+  "version": "2.1.1--canary.c8a08c2.0",
   "description": "Home of reusable design assets and token for oxide internal sites",
   "type": "module",
   "sideEffects": false,