@scalar/code-highlight 0.1.7 → 0.1.9

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @scalar/code-highlight
 
+## 0.1.9
+
+### Patch Changes
+
+- d4cb86b: fix: removes inline block display to keep caret in empty code input usage
+
+## 0.1.8
+
+### Patch Changes
+
+- 85ee2ce: feat: updates markdown alert component style
+- 85ee2ce: feat: moves markdown style from code-highlight to components package
+
 ## 0.1.7
 
 ### Patch Changes

package/dist/css/code.css

@@ -15,7 +15,6 @@
     font-size: inherit;
     color: var(--scalar-color-2);
     font-family: var(--scalar-font-code);
-    display: inline-block;
     counter-reset: linenumber;
   }
   .hljs {

package/dist/rehype-alert/rehype-alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rehype-alert.d.ts","sourceRoot":"","sources":["../../src/rehype-alert/rehype-alert.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAUjC,wBAAgB,WAAW,WACX,IAAI,UAgGnB"}
+{"version":3,"file":"rehype-alert.d.ts","sourceRoot":"","sources":["../../src/rehype-alert/rehype-alert.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAUjC,wBAAgB,WAAW,WACX,IAAI,UAsGnB"}

package/dist/rehype-alert/rehype-alert.js

@@ -46,7 +46,7 @@ function rehypeAlert() {
         } else {
           const skipped = headIndex + 1 < node.children.length && isWhitespace(node.children[headIndex + 1]);
           const nextIndex = skipped ? headIndex + 2 : headIndex + 1;
-          if (nextIndex >= node.children.length || node.children[nextIndex].type !== "element") {
+          if (nextIndex >= node.children.length || node.children[nextIndex]?.type !== "element") {
             return;
           }
           node.children = node.children.slice(nextIndex);
@@ -60,7 +60,7 @@ function rehypeAlert() {
       const contentChildren = [];
       for (let i = headIndex; i < node.children.length; i++) {
         const child = node.children[i];
-        if (child.type === "element" && child.tagName === "p" && child.children) {
+        if (child?.type === "element" && child.tagName === "p" && child.children) {
           contentChildren.push(...child.children);
         } else {
           contentChildren.push(child);
@@ -71,6 +71,12 @@ function rehypeAlert() {
         tagName: "div",
         properties: { className: ["markdown-alert", `markdown-alert-${alertType}`] },
         children: [
+          {
+            type: "element",
+            tagName: "div",
+            properties: { className: ["markdown-alert-icon"] },
+            children: []
+          },
           {
             type: "element",
             tagName: "div",

package/dist/rehype-alert/rehype-alert.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/rehype-alert/rehype-alert.ts"],
-  "sourcesContent": ["import type { Element } from 'hast'\nimport type { Root } from 'mdast'\nimport { visit } from 'unist-util-visit'\n\nconst ALERT_TYPES = ['note', 'tip', 'important', 'warning', 'caution', 'success'] as const\n\n// Simple whitespace check function\nfunction isWhitespace(node: any): boolean {\n  return node.type === 'text' && typeof node.value === 'string' && /^\\s*$/.test(node.value)\n}\n\nexport function rehypeAlert() {\n  return (tree: Root) => {\n    visit(tree, 'element', (node: Element, index, parent: any) => {\n      if (node.tagName !== 'blockquote' || typeof index !== 'number' || !parent || parent.type !== 'root') {\n        return\n      }\n\n      // Find the first non-whitespace child\n      const headIndex = node.children.findIndex((child) => !isWhitespace(child))\n      if (headIndex === -1) {\n        return\n      }\n\n      const head = node.children[headIndex]\n\n      if (!head || head.type !== 'element' || head.tagName !== 'p') {\n        return\n      }\n\n      const text = head.children[0]\n      if (!text || text.type !== 'text' || !text.value.startsWith('[!')) {\n        return\n      }\n\n      const end = text.value.indexOf(']')\n      if (end === -1) {\n        return\n      }\n\n      // Extract the alert type\n      const alertType = text.value.slice(2, end).toLowerCase() as (typeof ALERT_TYPES)[number]\n      if (!ALERT_TYPES.includes(alertType)) {\n        return\n      }\n\n      // Remove the blockquote if it's empty\n      if (end + 1 === text.value.length) {\n        const next = head.children[1]\n        if (next) {\n          if (next.type !== 'element' || next.tagName !== 'br') {\n            return\n          }\n          if (!head.children[2]) {\n            return\n          }\n          head.children = head.children.slice(2)\n          const node = head.children[0]\n          if (node && node.type === 'text' && node.value.charAt(0) === '\\n') {\n            node.value = node.value.slice(1)\n          }\n        } else {\n          const skipped = headIndex + 1 < node.children.length && isWhitespace(node.children[headIndex + 1])\n          const nextIndex = skipped ? headIndex + 2 : headIndex + 1\n          if (nextIndex >= node.children.length || node.children[nextIndex].type !== 'element') {\n            return\n          }\n\n          node.children = node.children.slice(nextIndex)\n        }\n      } else if (\n        text.value.charAt(end + 1) === '\\n' &&\n        // Check if the next character is a newline or a non-whitespace character\n        (end + 2 === text.value.length || !/^\\s*$/.test(text.value.slice(end + 2)))\n      ) {\n        text.value = text.value.slice(end + 2)\n      } else {\n        // Remove the alert marker if it's not followed by a newline or a non-whitespace character\n        text.value = text.value.replace(/^\\s*\\[!.*?\\]\\s*/, '')\n      }\n\n      // Extract content from paragraphs to avoid wrapping in <p> tags\n      const contentChildren = []\n      for (let i = headIndex; i < node.children.length; i++) {\n        const child = node.children[i]\n        if (child.type === 'element' && child.tagName === 'p' && child.children) {\n          contentChildren.push(...child.children)\n        } else {\n          contentChildren.push(child)\n        }\n      }\n\n      // Replace the blockquote with a div containing the alert\n      parent.children[index] = {\n        type: 'element',\n        tagName: 'div',\n        properties: { className: ['markdown-alert', `markdown-alert-${alertType}`] },\n        children: [\n          {\n            type: 'element',\n            tagName: 'div',\n            properties: { className: ['markdown-alert-content'] },\n            children: [{ type: 'text', value: ' ' }, ...contentChildren],\n          },\n        ],\n      }\n    })\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { Element } from 'hast'\nimport type { Root } from 'mdast'\nimport { visit } from 'unist-util-visit'\n\nconst ALERT_TYPES = ['note', 'tip', 'important', 'warning', 'caution', 'success'] as const\n\n// Simple whitespace check function\nfunction isWhitespace(node: any): boolean {\n  return node.type === 'text' && typeof node.value === 'string' && /^\\s*$/.test(node.value)\n}\n\nexport function rehypeAlert() {\n  return (tree: Root) => {\n    visit(tree, 'element', (node: Element, index, parent: any) => {\n      if (node.tagName !== 'blockquote' || typeof index !== 'number' || !parent || parent.type !== 'root') {\n        return\n      }\n\n      // Find the first non-whitespace child\n      const headIndex = node.children.findIndex((child) => !isWhitespace(child))\n      if (headIndex === -1) {\n        return\n      }\n\n      const head = node.children[headIndex]\n\n      if (!head || head.type !== 'element' || head.tagName !== 'p') {\n        return\n      }\n\n      const text = head.children[0]\n      if (!text || text.type !== 'text' || !text.value.startsWith('[!')) {\n        return\n      }\n\n      const end = text.value.indexOf(']')\n      if (end === -1) {\n        return\n      }\n\n      // Extract the alert type\n      const alertType = text.value.slice(2, end).toLowerCase() as (typeof ALERT_TYPES)[number]\n      if (!ALERT_TYPES.includes(alertType)) {\n        return\n      }\n\n      // Remove the blockquote if it's empty\n      if (end + 1 === text.value.length) {\n        const next = head.children[1]\n        if (next) {\n          if (next.type !== 'element' || next.tagName !== 'br') {\n            return\n          }\n          if (!head.children[2]) {\n            return\n          }\n          head.children = head.children.slice(2)\n          const node = head.children[0]\n          if (node && node.type === 'text' && node.value.charAt(0) === '\\n') {\n            node.value = node.value.slice(1)\n          }\n        } else {\n          const skipped = headIndex + 1 < node.children.length && isWhitespace(node.children[headIndex + 1])\n          const nextIndex = skipped ? headIndex + 2 : headIndex + 1\n          if (nextIndex >= node.children.length || node.children[nextIndex]?.type !== 'element') {\n            return\n          }\n\n          node.children = node.children.slice(nextIndex)\n        }\n      } else if (\n        text.value.charAt(end + 1) === '\\n' &&\n        // Check if the next character is a newline or a non-whitespace character\n        (end + 2 === text.value.length || !/^\\s*$/.test(text.value.slice(end + 2)))\n      ) {\n        text.value = text.value.slice(end + 2)\n      } else {\n        // Remove the alert marker if it's not followed by a newline or a non-whitespace character\n        text.value = text.value.replace(/^\\s*\\[!.*?\\]\\s*/, '')\n      }\n\n      // Extract content from paragraphs to avoid wrapping in <p> tags\n      const contentChildren = []\n      for (let i = headIndex; i < node.children.length; i++) {\n        const child = node.children[i]\n        if (child?.type === 'element' && child.tagName === 'p' && child.children) {\n          contentChildren.push(...child.children)\n        } else {\n          contentChildren.push(child)\n        }\n      }\n\n      // Replace the blockquote with a div containing the alert\n      parent.children[index] = {\n        type: 'element',\n        tagName: 'div',\n        properties: { className: ['markdown-alert', `markdown-alert-${alertType}`] },\n        children: [\n          {\n            type: 'element',\n            tagName: 'div',\n            properties: { className: ['markdown-alert-icon'] },\n            children: [],\n          },\n          {\n            type: 'element',\n            tagName: 'div',\n            properties: { className: ['markdown-alert-content'] },\n            children: [{ type: 'text', value: ' ' }, ...contentChildren],\n          },\n        ],\n      }\n    })\n  }\n}\n"],
+  "mappings": "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",
   "names": ["node"]
 }

package/package.json

@@ -16,7 +16,7 @@
     "lowlight",
     "highlightjs"
   ],
-  "version": "0.1.7",
+  "version": "0.1.9",
   "engines": {
     "node": ">=20"
   },
@@ -95,10 +95,10 @@
     "@types/mdast": "^4.0.4",
     "@types/unist": "^3.0.2",
     "vfile": "^6.0.1",
-    "vite": "5.4.19",
-    "vue": "^3.5.12",
+    "vite": "6.1.6",
+    "vue": "^3.5.17",
     "@scalar/build-tooling": "0.2.4",
-    "@scalar/themes": "0.13.9"
+    "@scalar/themes": "0.13.12"
   },
   "scripts": {
     "build": "scalar-build-esbuild",

package/dist/css/markdown.css

@@ -1,526 +0,0 @@
-@import url("./code.css");
-
-.scalar-app {
-  /* Base container and variables */
-  .markdown {
-    --scalar-refs-heading-spacing: 24px;
-    --markdown-border: var(--scalar-border-width) solid var(--scalar-border-color);
-    --markdown-spacing-sm: 12px;
-    --markdown-spacing-md: 16px;
-    --markdown-line-height: 1.625;
-
-    font-family: var(--scalar-font);
-    word-break: break-word;
-  }
-
-  .markdown > * {
-    margin-bottom: var(--markdown-spacing-md);
-  }
-
-  /* margin gets doubled between heading + non heading elements if we don't do this*/
-  .markdown > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):last-child {
-    margin-bottom: 0;
-  }
-  /* Headings (h1-h6) */
-  .markdown h1 {
-    --font-size: 1.5rem;
-    --markdown-line-height: 32px;
-  }
-
-  .markdown h2,
-  .markdown h3 {
-    --font-size: 1.25rem;
-    --markdown-line-height: 1.3;
-  }
-
-  .markdown h4,
-  .markdown h5,
-  .markdown h6 {
-    --font-size: 1rem;
-  }
-
-  .markdown h1,
-  .markdown h2,
-  .markdown h3,
-  .markdown h4,
-  .markdown h5,
-  .markdown h6 {
-    display: block;
-    font-size: var(--font-size);
-    font-weight: var(--scalar-bold);
-    margin-top: var(--scalar-refs-heading-spacing);
-    margin-bottom: var(--markdown-spacing-sm);
-    scroll-margin-top: 1rem;
-  }
-
-  /* Text formatting and paragraphs */
-  .markdown b,
-  .markdown strong {
-    font-weight: var(--scalar-bold);
-  }
-
-  .markdown p {
-    color: inherit;
-    line-height: var(--markdown-line-height);
-    display: block;
-  }
-
-  /* Images */
-  .markdown img {
-    overflow: hidden;
-    border-radius: var(--scalar-radius);
-    max-width: 100%;
-  }
-
-  /* Lists */
-  .markdown ul:not(.contains-task-list),
-  .markdown ol {
-    display: flex;
-    flex-direction: column;
-    gap: 2px;
-  }
-
-  .markdown ul:not(.contains-task-list) {
-    list-style-position: inside;
-  }
-
-  .markdown ul {
-    list-style-type: disc;
-  }
-
-  .markdown li {
-    line-height: var(--markdown-line-height);
-    position: relative;
-  }
-
-  .markdown ul li {
-    padding-left: var(--markdown-spacing-md);
-  }
-
-  .markdown ol {
-    counter-reset: item;
-    padding-left: 37.5px;
-  }
-
-  .markdown ol li::before {
-    content: counter(item) "\002E";
-    counter-increment: item;
-    font: var(--scalar-font);
-    font-weight: var(--scalar-semibold);
-    position: absolute;
-    top: 0;
-    left: -24px;
-    line-height: var(--markdown-line-height);
-    margin-right: var(--markdown-spacing-sm);
-  }
-
-  .markdown ol li::before,
-  .markdown ol ol ol li::before,
-  .markdown ol ol ol ol ol ol li::before {
-    content: counter(item, decimal) "\002E";
-  }
-
-  .markdown ol ol li::before,
-  .markdown ol ol ol ol li::before,
-  .markdown ol ol ol ol ol ol ol li::before {
-    content: counter(item, lower-alpha) "\002E";
-  }
-
-  .markdown ol ol li::before,
-  .markdown ol ol ol ol ol li::before,
-  .markdown ol ol ol ol ol ol ol ol li::before {
-    content: counter(item, lower-roman) "\002E";
-  }
-
-  .markdown ul:first-of-type li:first-of-type {
-    margin-top: 0;
-  }
-
-  /* Tables */
-  .markdown table {
-    display: table;
-    table-layout: fixed;
-    overflow-x: auto;
-    position: relative;
-    border-collapse: collapse;
-    width: 100%;
-    margin: 1em 0;
-    box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);
-    border-radius: var(--scalar-radius);
-  }
-
-  .markdown tbody,
-  .markdown thead {
-    vertical-align: middle;
-  }
-
-  .markdown tbody {
-    display: table-row-group;
-  }
-
-  .markdown thead {
-    display: table-header-group;
-  }
-
-  .markdown tr {
-    display: table-row;
-    border-color: inherit;
-    vertical-align: inherit;
-  }
-
-  .markdown td,
-  .markdown th {
-    display: table-cell;
-    vertical-align: top;
-    min-width: 1em;
-    padding: 8.5px 16px;
-    line-height: var(--markdown-line-height);
-    position: relative;
-    word-break: initial;
-    font-size: var(--scalar-small);
-    color: var(--scalar-color-1);
-    border-right: var(--markdown-border);
-    border-bottom: var(--markdown-border);
-  }
-
-  .markdown td > *,
-  .markdown th > * {
-    margin-bottom: 0;
-  }
-
-  .markdown th:empty {
-    display: none;
-  }
-
-  .markdown td:first-of-type,
-  .markdown th:first-of-type {
-    border-left: none;
-  }
-
-  .markdown td:last-of-type,
-  .markdown th:last-of-type {
-    border-right: none;
-  }
-
-  .markdown tr:last-of-type td {
-    border-bottom: none;
-  }
-
-  .markdown th {
-    font-weight: var(--scalar-bold);
-    text-align: left;
-    border-left-color: transparent;
-    background: var(--scalar-background-2);
-  }
-
-  .markdown th:first-of-type {
-    border-top-left-radius: var(--scalar-radius);
-  }
-
-  .markdown th:last-of-type {
-    border-top-right-radius: var(--scalar-radius);
-  }
-
-  .markdown tr > [align="left"] {
-    text-align: left;
-  }
-
-  .markdown tr > [align="right"] {
-    text-align: right;
-  }
-
-  .markdown tr > [align="center"] {
-    text-align: center;
-  }
-
-  /* Details */
-  .markdown details {
-    border: var(--markdown-border);
-    border-radius: var(--scalar-radius);
-    color: var(--scalar-color-1);
-  }
-
-  .markdown details > :not(summary) {
-    margin: var(--markdown-spacing-md);
-    margin-bottom: 0;
-  }
-
-  .markdown details > p:has(> strong):not(:has(:not(strong))) {
-    margin-bottom: 8px;
-  }
-
-  .markdown details > p:has(> strong):not(:has(:not(strong))) + * {
-    margin-top: 0;
-  }
-
-  .markdown details > table {
-    width: calc(100% - calc(var(--markdown-spacing-md) * 2));
-  }
-
-  .markdown summary {
-    border-radius: 2.5px;
-    display: flex;
-    align-items: flex-start;
-    gap: 10px;
-    min-height: 40px;
-    padding: 7px 14px;
-    position: relative;
-    font-weight: var(--scalar-semibold);
-    line-height: var(--markdown-line-height);
-    cursor: pointer;
-    user-select: none;
-  }
-
-  .markdown summary:hover {
-    background-color: var(--scalar-background-2);
-  }
-
-  .markdown details[open] {
-    padding-bottom: var(--markdown-spacing-md);
-  }
-
-  .markdown details[open] > summary {
-    border-bottom: var(--markdown-border);
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-
-  .markdown summary::before {
-    display: block;
-    content: "";
-    flex-shrink: 0;
-    width: var(--markdown-spacing-md);
-    height: var(--markdown-spacing-md);
-    background-color: var(--scalar-color-3);
-    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="1em" height="1em"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"></path></svg>');
-    margin-top: 5px;
-  }
-
-  .markdown summary:hover::before {
-    background-color: var(--scalar-color-1);
-  }
-
-  .markdown details[open] > summary::before {
-    transform: rotate(90deg);
-  }
-
-  .markdown details:has(+ details) {
-    border-bottom: 0;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    margin-bottom: 0;
-  }
-
-  .markdown details:has(+ details) + details,
-  .markdown details:has(+ details) + details > summary {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-
-  /* Links */
-  .markdown a {
-    --font-color: var(--scalar-link-color, var(--scalar-color-accent));
-    --font-visited: var(--scalar-link-color-visited, var(--scalar-color-2));
-    text-decoration: var(--scalar-text-decoration);
-
-    color: var(--font-color);
-    font-weight: var(--scalar-link-font-weight, var(--scalar-semibold));
-    text-underline-offset: 0.25rem;
-    text-decoration-thickness: 1px;
-    text-decoration-color: color-mix(in srgb, var(--font-color) 30%, transparent);
-  }
-
-  .markdown a:hover {
-    text-decoration-color: var(currentColor, var(--scalar-color-1));
-    color: var(--scalar-link-color-hover, var(--scalar-color-accent));
-    -webkit-text-decoration: var(--scalar-text-decoration-hover);
-    text-decoration: var(--scalar-text-decoration-hover);
-  }
-
-  .markdown a:visited {
-    color: var(--font-visited);
-  }
-
-  /* Text effects and formatting */
-  .markdown em {
-    font-style: italic;
-  }
-
-  .markdown sup,
-  .markdown sub {
-    font-size: var(--scalar-micro);
-    font-weight: 450;
-  }
-
-  .markdown sup {
-    vertical-align: super;
-  }
-
-  .markdown sub {
-    vertical-align: sub;
-  }
-
-  .markdown del {
-    text-decoration: line-through;
-  }
-
-  /* Code blocks and inline code */
-  .markdown code {
-    font-family: var(--scalar-font-code);
-    background-color: var(--scalar-background-2);
-    box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);
-    font-size: var(--scalar-micro);
-    border-radius: 2px;
-    padding: 0 3px;
-  }
-
-  .markdown .hljs {
-    font-size: var(--scalar-small);
-  }
-
-  .markdown pre code {
-    display: block;
-    white-space: pre;
-    padding: var(--markdown-spacing-sm);
-    line-height: 1.5;
-    margin: var(--markdown-spacing-sm) 0;
-    -webkit-overflow-scrolling: touch;
-    overflow-x: auto;
-    max-width: 100%;
-    min-width: 100px;
-  }
-
-  /* Horizontal rules */
-  .markdown hr {
-    border: none;
-    border-bottom: var(--markdown-border);
-  }
-
-  /* Blockquotes */
-  .markdown blockquote {
-    border-left: 1px solid var(--scalar-color-1);
-    padding-left: var(--markdown-spacing-md);
-    margin: 0;
-    display: block;
-    font-weight: var(--scalar-bold);
-    font-size: var(--scalar-heading-2);
-  }
-
-  /* Markdown Checklist */
-  .markdown .contains-task-list {
-    display: flex;
-    flex-direction: column;
-    gap: 2px;
-    list-style: none;
-  }
-
-  .markdown .contains-task-list li {
-    align-items: center;
-    display: flex;
-    gap: 10.5px;
-    padding-left: 10.5px;
-  }
-
-  .markdown .contains-task-list input {
-    position: relative;
-    appearance: none;
-    -webkit-appearance: none;
-    display: flex;
-    width: var(--markdown-spacing-md);
-    height: var(--markdown-spacing-md);
-    align-content: center;
-    justify-content: center;
-    border: 1px solid var(--scalar-color-3);
-    border-radius: var(--scalar-radius);
-  }
-
-  .markdown .contains-task-list input:checked {
-    background-color: var(--scalar-color-1);
-    border-color: var(--scalar-color-1);
-  }
-
-  .markdown .contains-task-list input[type="checkbox"]::before {
-    content: "";
-    position: absolute;
-    left: 5px;
-    top: 1px;
-    width: 5px;
-    height: 10px;
-    border: solid var(--scalar-background-1);
-    border-width: 0 1.5px 1.5px 0;
-    transform: rotate(45deg);
-    opacity: 0;
-  }
-
-  .markdown .contains-task-list input[type="checkbox"]:checked::before {
-    opacity: 1;
-  }
-
-  /* Markdown Alert */
-  .markdown .markdown-alert {
-    align-items: stretch;
-    border-radius: var(--scalar-radius-lg);
-    background-color: color-mix(in srgb, var(--scalar-background-2), transparent);
-    border: var(--markdown-border);
-    display: flex;
-    font-size: var(--scalar-small);
-    gap: var(--markdown-spacing-sm);
-    padding: calc(var(--markdown-spacing-sm) - 0.5px);
-    padding-left: 42px;
-    position: relative;
-  }
-
-  .markdown .markdown-alert::before {
-    content: "";
-    position: absolute;
-    left: var(--markdown-spacing-sm);
-    top: calc(var(--markdown-spacing-sm) + 0.5px);
-    width: 16px;
-    height: 16px;
-    background-color: currentColor;
-    mask-repeat: no-repeat;
-    mask-size: contain;
-    mask-position: center;
-  }
-
-  .markdown .markdown-alert.markdown-alert-note::before,
-  .markdown .markdown-alert.markdown-alert-tip::before {
-    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 17v-6a.5.5 0 0 0-.5-.5l-.5.001h-1M12 17h-2m2 0h2m-2 5c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.75 7.5a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z" fill="currentColor"/></svg>');
-  }
-
-  .markdown .markdown-alert.markdown-alert-important::before,
-  .markdown .markdown-alert.markdown-alert-warning::before {
-    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 8v4m10 0c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 16a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z" fill="currentColor"/></svg>');
-  }
-
-  .markdown .markdown-alert.markdown-alert-caution::before {
-    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 8v4m3.312-10a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 16a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z" fill="currentColor"/></svg>');
-    color: var(--scalar-color-red);
-  }
-
-  .markdown .markdown-alert.markdown-alert-success::before {
-    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 9.5 10.5 15 8 12.5m14-.5c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
-    color: var(--scalar-color-green);
-  }
-
-  .markdown .markdown-alert.markdown-alert-note::before {
-    color: var(--scalar-color-blue);
-  }
-
-  .markdown .markdown-alert.markdown-alert-tip::before {
-    color: var(--scalar-color-2);
-  }
-
-  .markdown .markdown-alert.markdown-alert-important::before {
-    color: var(--scalar-color-purple);
-  }
-
-  .markdown .markdown-alert.markdown-alert-warning::before {
-    color: var(--scalar-color-orange);
-  }
-
-  .markdown .markdown-alert .markdown-alert-content {
-    margin: 0;
-    line-height: 20px;
-  }
-}