Merge branch 'main' into am/safari-mermaid

Author: Anca2022

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@interledger/docs-design-system",
-  "version": "0.9.1",
+  "version": "0.10.2",
   "type": "module",
   "description": "Shared styles and components used across all Interledger Starlight documentation sites",
   "exports": {
@@ -17,9 +17,9 @@
   "license": "ISC",
   "repository": {
     "type": "git",
-    "url": "https://github.com/interledger/docs-design-system"
+    "url": "git+https://github.com/interledger/docs-design-system.git"
   },
   "dependencies": {
-    "mermaid": "^11.8.0"
+    "mermaid": "^11.12.1"
   }
 }

src/components/LinkOut.astro

@@ -6,9 +6,9 @@ const { href, withIcon = true } = Astro.props;
     href={href}
     target="_blank"
     rel="noopener noreferrer"
-    class="icon"
   >
     <slot />
+    <span class="icon"></span>
   </a> : 
   <a
     href={href}
@@ -21,13 +21,9 @@ const { href, withIcon = true } = Astro.props;
 
 <style>
 .icon {
-  white-space: nowrap;
-  display: inline-flex;
-  gap: var(--space-3xs);
-}
-
-.icon::after {
-  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18"><path stroke="hsl(221,8%,56%)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 3H3a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-4M11 1h6m0 0v6m0-6L7 11"/></svg>');
+  display: inline-block;
+  margin-left: var(--space-3xs);
+  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18"><path stroke="hsl(221,8%,56%)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 3H3a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-4M11 1h6m0 0v6m0-6L7 11"/></svg>');
   height: 0.75em;
   width: 0.75em;
 }