@oxide/design-system 1.3.1--canary.2fee4b7.0 → 1.4.0

package/components/dist/asciidoc.css

@@ -532,7 +532,7 @@
 
   .asciidoc-body .imageblock,
   .asciidoc-body table.tableblock {
-    @apply my-12;
+    @apply my-6;
   }
 
   .asciidoc-body table.tableblock table.tableblock {
@@ -688,6 +688,10 @@
   }
 
   @media print {
+    html {
+      font-size: 14px !important;
+    }
+
     a {
       color: inherit !important;
       text-decoration: underline;
@@ -730,35 +734,150 @@
     }
 
     :root {
+      --surface-default: white;
+      --surface-default-p3: var(--surface-default);
       --content-default: black;
+      --content-default-p3: var(--content-default);
       --content-secondary: rgb(0, 0, 0, 0.8);
+      --content-secondary-p3: var(--content-secondary);
+      --content-tertiary: var(--content-secondary);
+      --content-tertiary-p3: var(--content-secondary);
+      --surface-raise: rgb(0, 0, 0, 0.025);
+      --surface-raise-p3: var(--surface-raise);
+      --surface-inverse: var(--surface-raise);
+      --surface-inverse-p3: var(--surface-raise);
+      --stroke-default: var(--content-secondary);
+      --stroke-default-p3: var(--content-secondary);
     }
-  }
 
-  /* Boosting body text for long text readability */
-  .asciidoc-body p {
-    color: #c8cacb;
-  }
-}
+    .asciidoc-body p a {
+      text-decoration-color: black !important;
+    }
 
-.changelog-doc.asciidoc-body {
-  & h2 {
-    @apply text-sans-xl;
-  }
+    .asciidoc-body p {
+      color: black !important;
+    }
 
-  & h3 {
-    @apply text-sans-lg;
-  }
+    .asciidoc-body .imageblock img {
+      border: 0;
+    }
 
-  & h2,
-  & h3,
-  & h4,
-  & h5 {
-    @apply mb-0 mt-6;
+    .asciidoc-body .admonitionblock {
+      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;
+    }
   }
 
-  & ul li,
-  & ol li {
-    @apply mt-0;
+  /* Boosting body text for long text readability */
+  .asciidoc-body p {
+    color: #c8cacb;
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxide/design-system",
-  "version": "1.3.1--canary.2fee4b7.0",
+  "version": "1.4.0",
   "description": "Home of reusable design assets and token for oxide internal sites",
   "main": "components/dist/index.js",
   "scripts": {