@scalar/api-reference 0.1.25 → 0.1.27

package/dist/components/ApiClientModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiClientModal.vue.d.ts","sourceRoot":"","sources":["../../src/components/ApiClientModal.vue.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,UAAU,CAAA;AAIpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA4KzB,GAAG;0BACG,GAAG;;AA5KtC,wBA4L0G;AAG1G,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"ApiClientModal.vue.d.ts","sourceRoot":"","sources":["../../src/components/ApiClientModal.vue.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,UAAU,CAAA;AAIpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAsLzB,GAAG;0BACG,GAAG;;AAtLtC,wBAsM0G;AAG1G,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/Content/Content.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Content.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Content/Content.vue.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;;;;;;;;;;;;;;;;;;;;AAwOvC,wBAAkD"}
+{"version":3,"file":"Content.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Content/Content.vue.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;;;;;;;;;;;;;;;;;;;;AAqOvC,wBAAkD"}

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import '../../theme/scrollbar.css';
-export { default as ApiClientModal, useApiClientStore } from './components/ApiClientModal.vue';
+export { default as ApiClientModal, useApiClientStore, } from './components/ApiClientModal.vue';
 export { default as ApiReference } from './components/ApiReference.vue';
 export { default as Sidebar } from './components/Sidebar.vue';
 export { default as RenderedReference } from './components/Content/Content.vue';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAA;AAClC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAC9F,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAA;AACvE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AAE/E,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAA;AAElC,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,iBAAiB,GAClB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAA;AACvE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AAE/E,cAAc,SAAS,CAAA"}

package/dist/index.js

@@ -37189,7 +37189,7 @@ Component that was made reactive: `, type2);
   const FlowModal = _export_sfc$1(_sfc_main$m$1, [
     [
       "__scopeId",
-      "data-v-5579cc4c"
+      "data-v-075b7f61"
     ]
   ]);
   const BYTE_UNITS = [
@@ -45295,13 +45295,20 @@ ${closingBraceIndent}]`;
       };
     }
   });
-  const ApiClientModal_vue_vue_type_style_index_0_scoped_de2869cd_lang = "";
+  const ApiClientModal_vue_vue_type_style_index_0_scoped_cd5e89a0_lang = "";
   ApiClientModal = _export_sfc(_sfc_main$n, [
     [
       "__scopeId",
-      "data-v-de2869cd"
+      "data-v-cd5e89a0"
     ]
   ]);
+  function useRefOnMount(setter) {
+    const value = ref$1(null);
+    onMounted(() => {
+      value.value = setter();
+    });
+    return value;
+  }
   const Card_vue_vue_type_style_index_0_scoped_632b8afa_lang = "";
   const _sfc_main$m = {};
   const _hoisted_1$i = {
@@ -46725,11 +46732,11 @@ ${closingBraceIndent}]`;
       };
     }
   });
-  const Introduction_vue_vue_type_style_index_0_scoped_81d26b6e_lang = "";
+  const Introduction_vue_vue_type_style_index_0_scoped_5de9da25_lang = "";
   const Introduction = _export_sfc(_sfc_main$d, [
     [
       "__scopeId",
-      "data-v-81d26b6e"
+      "data-v-5de9da25"
     ]
   ]);
   const _hoisted_1$c = {
@@ -48431,13 +48438,6 @@ ${closingBraceIndent}]`;
       "data-v-16147dd7"
     ]
   ]);
-  function useRefOnMount(setter) {
-    const value = ref$1(null);
-    onMounted(() => {
-      value.value = setter();
-    });
-    return value;
-  }
   const _hoisted_1$1 = [
     "onClick"
   ];
@@ -48470,7 +48470,7 @@ ${closingBraceIndent}]`;
         };
       });
       const localServers = computed(() => {
-        if (props.spec.servers.length > 0) {
+        if (props.spec.servers && props.spec.servers.length > 0) {
           return props.spec.servers;
         } else if (fallBackServer.value) {
           return [
@@ -48550,11 +48550,11 @@ ${closingBraceIndent}]`;
       };
     }
   });
-  const Content_vue_vue_type_style_index_0_scoped_198a7b11_lang = "";
+  const Content_vue_vue_type_style_index_0_scoped_914a90eb_lang = "";
   Content = _export_sfc(_sfc_main$1, [
     [
       "__scopeId",
-      "data-v-198a7b11"
+      "data-v-914a90eb"
     ]
   ]);
   const _hoisted_1 = {

package/dist/style.css

@@ -527,10 +527,10 @@ to {
 }
 }
 
-.scalar-api-client__container .scalar-api-client[data-v-de2869cd] {
+.scalar-api-client__container .scalar-api-client[data-v-cd5e89a0] {
   width: calc(100% - var(--scalar-api-reference-theme-sidebar-width));
 }
-.scalar-api-client__container[data-v-de2869cd] {
+.scalar-api-client__container[data-v-cd5e89a0] {
   position: absolute;
   right: 0;
   left: 0;
@@ -551,11 +551,11 @@ to {
   flex-direction: column;
 }
 @media screen and (max-width: 1265px) {
-.scalar-api-client__container[data-v-de2869cd] {
+.scalar-api-client__container[data-v-cd5e89a0] {
     width: 100vw !important;
 }
 }
-.scalar-api-client__navigation[data-v-de2869cd] {
+.scalar-api-client__navigation[data-v-cd5e89a0] {
   width: 100%;
   display: flex;
   align-items: center;
@@ -567,7 +567,7 @@ to {
   border-bottom: 1px solid var(--theme-border-color);
   top: 0;
 }
-.scalar-api-client__close[data-v-de2869cd] {
+.scalar-api-client__close[data-v-cd5e89a0] {
   appearance: none;
   border: none;
   outline: none;
@@ -578,7 +578,7 @@ to {
   color: var(--theme-color-1);
   font-weight: var(--theme-semibold);
 }
-.scalar-api-client__close[data-v-de2869cd]:hover {
+.scalar-api-client__close[data-v-cd5e89a0]:hover {
   cursor: pointer;
 }
 /*
@@ -601,7 +601,7 @@ TODO: Markup is missing
   height: 12px;
   transform: rotate(180deg);
 } */
-.api-client-drawer[data-v-de2869cd] {
+.api-client-drawer[data-v-cd5e89a0] {
   background: var(--theme-background-1);
   height: calc(100vh - 58px);
   width: calc(100vw - 8px);
@@ -613,9 +613,9 @@ TODO: Markup is missing
   left: 4px;
   z-index: 9999;
   opacity: 0;
-  animation: apiclientfadein-de2869cd 0.35s forwards;
+  animation: apiclientfadein-cd5e89a0 0.35s forwards;
 }
-@keyframes apiclientfadein-de2869cd {
+@keyframes apiclientfadein-cd5e89a0 {
 from {
     transform: translate3d(0, 20px, 0) scale(0.985);
     opacity: 0;
@@ -625,7 +625,7 @@ to {
     opacity: 1;
 }
 }
-.api-client-drawer-exit[data-v-de2869cd] {
+.api-client-drawer-exit[data-v-cd5e89a0] {
   position: fixed;
   top: 0;
   left: 0;
@@ -635,9 +635,9 @@ to {
   transition: all 0.3s ease-in-out;
   z-index: 9998;
   cursor: pointer;
-  animation: drawerexitfadein-de2869cd 0.35s forwards;
+  animation: drawerexitfadein-cd5e89a0 0.35s forwards;
 }
-@keyframes drawerexitfadein-de2869cd {
+@keyframes drawerexitfadein-cd5e89a0 {
 from {
     opacity: 0;
 }
@@ -645,10 +645,10 @@ to {
     opacity: 1;
 }
 }
-.scalar-api-client-height[data-v-de2869cd] {
+.scalar-api-client-height[data-v-cd5e89a0] {
   height: 100%;
 }
-.scalar-api-client-height .sidebar[data-v-de2869cd] {
+.scalar-api-client-height .sidebar[data-v-cd5e89a0] {
   flex: 1 1 0%;
   flex-grow: 1;
   flex-shrink: 1;
@@ -1005,30 +1005,30 @@ to {
   margin-top: -7px;
 }
 
-.heading[data-v-81d26b6e] {
+.heading[data-v-5de9da25] {
   margin-top: 0px !important;
 }
-.loading[data-v-81d26b6e] {
+.loading[data-v-5de9da25] {
   background: var(--theme-background-2);
-  animation: loading-skeleton-81d26b6e 2s infinite alternate;
+  animation: loading-skeleton-5de9da25 2s infinite alternate;
   border-radius: var(--theme-radius-lg);
 }
-.heading.loading[data-v-81d26b6e] {
+.heading.loading[data-v-5de9da25] {
   width: 80%;
 }
-.tag-description .loading[data-v-81d26b6e] {
+.tag-description .loading[data-v-5de9da25] {
   height: 20px;
   margin-bottom: 4px;
   width: 100%;
   display: inline-block;
 }
-.tag-description .loading[data-v-81d26b6e]:first-of-type {
+.tag-description .loading[data-v-5de9da25]:first-of-type {
   margin-top: 12px;
 }
-.tag-description .loading[data-v-81d26b6e]:last-of-type {
+.tag-description .loading[data-v-5de9da25]:last-of-type {
   width: 40%;
 }
-@keyframes loading-skeleton-81d26b6e {
+@keyframes loading-skeleton-5de9da25 {
 from {
     background: var(--theme-background-2);
 }
@@ -1339,7 +1339,7 @@ to {
 }
 }
 
-.render-loading[data-v-198a7b11] {
+.render-loading[data-v-914a90eb] {
   height: calc(
     var(--scalar-api-reference-full-height) -
       var(--scalar-api-reference-theme-header-height)
@@ -1348,7 +1348,7 @@ to {
   align-items: center;
   justify-content: center;
 }
-.show-more[data-v-198a7b11] {
+.show-more[data-v-914a90eb] {
   background: var(--theme-background-1);
   appearance: none;
   border: none;
@@ -1366,191 +1366,192 @@ to {
   margin-bottom: 48px;
   position: relative;
 }
-.show-more[data-v-198a7b11]:hover {
+.show-more[data-v-914a90eb]:hover {
   color: var(--theme-color-2);
   cursor: pointer;
 }
-.show-more-icon[data-v-198a7b11] {
+.show-more-icon[data-v-914a90eb] {
   width: 14px;
   height: 14px;
   margin-left: 3px;
 }
-.show-more[data-v-198a7b11]:active {
+.show-more[data-v-914a90eb]:active {
   box-shadow: 0 0 0 1px var(--theme-border-color);
 }
 @media (max-width: 1165px) {
-.show-more[data-v-198a7b11] {
+.show-more[data-v-914a90eb] {
     margin-top: -24px;
     margin-bottom: 24px;
 }
 }
 /* fonts */
 :root {
-    --app-header-height: 50px;
-    --theme-border-width: 1px;
-    --theme-radius: 3px;
-    --theme-radius-lg: 6px;
-    --theme-radius-xl: 8px;
-  
-    --theme-header-height: 50px;
-    --theme-sidebar-width: 250px;
-    --theme-toc-width: 250px;
-  
-    /* TYPOGRAPHY ------------------------------------ */
-    --theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-      Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-    --theme-font-code: 'JetBrains Mono';
-  
-    /** Font sizes for rendered text content (editor styles or static content) */
-    --theme-heading-1: 40px; /* Editor Page heading */
-    --theme-page-description: 24px;
-    --theme-heading-2: 24px; /* Editor section headings */
-    --theme-heading-3: 20px;
-    --theme-heading-4: 16px;
-    --theme-heading-5: 16px;
-    --theme-heading-6: 16px;
-  
-    --theme-paragraph: 16px;
-    --theme-small: 14px;
-    --theme-mini: 13px;
-    --theme-micro: 12px;
-    --theme-bold: 600;
-    --theme-semibold: 500;
-    --theme-regular: 400;
-  
-    /* Font sizes for interactive applications (not rendered text content) */
-    --theme-font-size-1: 24px;
-    --theme-font-size-2: 16px;
-    --theme-font-size-3: 14px;
-    --theme-font-size-4: 13px;
-    --theme-font-size-5: 12px;
-  
-    --theme-line-height-1: 32px;
-    --theme-line-height-2: 24px;
-    --theme-line-height-3: 20px;
-    --theme-line-height-4: 18px;
-    --theme-line-height-5: 16px;
-  
-    --theme-font-medium: 500;
-    --theme-font-bold: 700;
-    
-    /* let's clean these up please :) */
-    --scalar-api-reference-theme-header-height: 0;
-    --scalar-api-reference-theme-sidebar-width: 250px;
-    --scalar-api-reference-theme-toc-width: 250px;
-    --scalar-api-reference-app-header-height: 100px;
-    --scalar-api-reference-col-width-1: 250px;
-    --scalar-api-reference-col-width-2: calc(50% - 150px);
-    --scalar-api-reference-col-width-3: calc(50% - 150px);
-    --scalar-api-reference-document-height: 100vh;
-    --scalar-api-reference-full-height: 100%;
+  --app-header-height: 50px;
+  --theme-border-width: 1px;
+  --theme-radius: 3px;
+  --theme-radius-lg: 6px;
+  --theme-radius-xl: 8px;
+
+  --theme-header-height: 50px;
+  --theme-sidebar-width: 250px;
+  --theme-toc-width: 250px;
+
+  /* TYPOGRAPHY ------------------------------------ */
+  --theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  --theme-font-code: 'JetBrains Mono';
+
+  /** Font sizes for rendered text content (editor styles or static content) */
+  --theme-heading-1: 40px; /* Editor Page heading */
+  --theme-page-description: 24px;
+  --theme-heading-2: 24px; /* Editor section headings */
+  --theme-heading-3: 20px;
+  --theme-heading-4: 16px;
+  --theme-heading-5: 16px;
+  --theme-heading-6: 16px;
+
+  --theme-paragraph: 16px;
+  --theme-small: 14px;
+  --theme-mini: 13px;
+  --theme-micro: 12px;
+  --theme-bold: 600;
+  --theme-semibold: 500;
+  --theme-regular: 400;
+
+  /* Font sizes for interactive applications (not rendered text content) */
+  --theme-font-size-1: 24px;
+  --theme-font-size-2: 16px;
+  --theme-font-size-3: 14px;
+  --theme-font-size-4: 13px;
+  --theme-font-size-5: 12px;
+
+  --theme-line-height-1: 32px;
+  --theme-line-height-2: 24px;
+  --theme-line-height-3: 20px;
+  --theme-line-height-4: 18px;
+  --theme-line-height-5: 16px;
+
+  --theme-font-medium: 500;
+  --theme-font-bold: 700;
+
+  /* let's clean these up please :) */
+  --scalar-api-reference-theme-header-height: 0;
+  --scalar-api-reference-theme-sidebar-width: 250px;
+  --scalar-api-reference-theme-toc-width: 250px;
+  --scalar-api-reference-app-header-height: 100px;
+  --scalar-api-reference-col-width-1: 250px;
+  --scalar-api-reference-col-width-2: calc(50% - 150px);
+  --scalar-api-reference-col-width-3: calc(50% - 150px);
+  --scalar-api-reference-document-height: 100vh;
+  --scalar-api-reference-full-height: 100%;
 }
 @media (max-width: 460px) {
 :root {
-      --theme-font-size-1: 22px;
-      --theme-font-size-2: 14px;
-      --theme-font-size-3: 12px;
+    --theme-font-size-1: 22px;
+    --theme-font-size-2: 14px;
+    --theme-font-size-3: 12px;
 }
 }
 @media (max-width: 720px) {
 :root {
-      --theme-heading-1: 24px;
-      --theme-page-description: 20px;
+    --theme-heading-1: 24px;
+    --theme-page-description: 20px;
 }
 }
 .light-mode {
-    color-scheme: light;
-    --theme-color-1: #2a2f45;
-    --theme-color-2: #757575;
-    --theme-color-3: #8e8e8e;
-    --theme-color-disabled: #b4b1b1;
-    --theme-color-ghost: #a7a7a7;
-    --theme-color-accent: #0099ff;
-    --theme-background-1: #fff;
-    --theme-background-2: #f6f6f6;
-    --theme-background-3: #e7e7e7;
-    --theme-background-4: rgba(0, 0, 0, 0.06);
-    --theme-background-accent: #8ab4f81f;
-  
-    --theme-border-color: rgba(0, 0, 0, 0.1);
-    --theme-scrollbar-color: rgba(0, 0, 0, 0.18);
-    --theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);
-    --theme-lifted-brightness: 1;
-    --theme-backdrop-brightness: 1;
-  
-    --theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);
-    --theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,
-      rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;
-  
-    --theme-button-1: rgb(49 53 56);
-    --theme-button-1-color: #fff;
-    --theme-button-1-hover: rgb(28 31 33);
-  
-    --theme-error-color: #ae262f;
-    --theme-warning-color: #d89c6a;
-    --theme-success-color: #26ae42;
-  
-    /* REST API Client Colors */
-    --theme-post-color: #00a67d;
-    --theme-post-background: #00a67d1a;
-    --theme-delete-color: #ef0006;
-    --theme-delete-background: #ef00061a;
-    --theme-patch-color: #b2b062;
-    --theme-patch-background: #ffe6001a;
-    --theme-get-color: #0082d0;
-    --theme-get-background: #0082d01a;
-    --theme-put-color: #f3830e;
-    --theme-put-background: #f3830e1a;
-  
-    /* Misc Scalar Branding */
-    --scalar-brand: #faf6e9;
+  color-scheme: light;
+  --theme-color-1: #2a2f45;
+  --theme-color-2: #757575;
+  --theme-color-3: #8e8e8e;
+  --theme-color-disabled: #b4b1b1;
+  --theme-color-ghost: #a7a7a7;
+  --theme-color-accent: #0099ff;
+  --theme-background-1: #fff;
+  --theme-background-2: #f6f6f6;
+  --theme-background-3: #e7e7e7;
+  --theme-background-4: rgba(0, 0, 0, 0.06);
+  --theme-background-accent: #8ab4f81f;
+
+  --theme-border-color: rgba(0, 0, 0, 0.1);
+  --theme-scrollbar-color: rgba(0, 0, 0, 0.18);
+  --theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);
+  --theme-lifted-brightness: 1;
+  --theme-backdrop-brightness: 1;
+
+  --theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);
+  --theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,
+    rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;
+
+  --theme-button-1: rgb(49 53 56);
+  --theme-button-1-color: #fff;
+  --theme-button-1-hover: rgb(28 31 33);
+
+  --theme-error-color: #ae262f;
+  --theme-warning-color: #d89c6a;
+  --theme-success-color: #26ae42;
+
+  /* REST API Client Colors */
+  --theme-post-color: #00a67d;
+  --theme-post-background: #00a67d1a;
+  --theme-delete-color: #ef0006;
+  --theme-delete-background: #ef00061a;
+  --theme-patch-color: #b2b062;
+  --theme-patch-background: #ffe6001a;
+  --theme-get-color: #0082d0;
+  --theme-get-background: #0082d01a;
+  --theme-put-color: #f3830e;
+  --theme-put-background: #f3830e1a;
+
+  /* Misc Scalar Branding */
+  --scalar-brand: #faf6e9;
 }
 .dark-mode {
-    color-scheme: dark;
-    --theme-color-1: rgba(255, 255, 255, 0.9);
-    --theme-color-2: rgba(255, 255, 255, 0.62);
-    --theme-color-3: rgba(255, 255, 255, 0.44);
-    --theme-color-disabled: rgba(255, 255, 255, 0.34);
-    --theme-color-ghost: rgba(255, 255, 255, 0.26);
-    --theme-color-accent: #8ab4f8;
-    --theme-background-1: #1a1a1a;
-    --theme-background-2: #252525;
-    --theme-background-3: #323232;
-    --theme-background-4: rgba(255, 255, 255, 0.06);
-    --theme-background-accent: #8ab4f81f;
-  
-    --theme-border-color: rgba(255, 255, 255, 0.1);
-    --theme-scrollbar-color: rgba(255, 255, 255, 0.24);
-    --theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);
-    --theme-lifted-brightness: 1.45;
-    --theme-backdrop-brightness: 0.5;
-  
-    --theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);
-    --theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,
-      rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);
-  
-    --theme-button-1: #f6f6f6;
-    --theme-button-1-color: #000;
-    --theme-button-1-hover: #e7e7e7;
-  
-    --theme-error-color: #ff0011;
-    --theme-success-color: #26ae42;
-  
-    /* REST API Client Colors */
-    --theme-post-color: #7ee787;
-    --theme-post-background: #7ee78714;
-    --theme-delete-color: #e77e7e;
-    --theme-delete-background: #e77e7e24;
-    --theme-patch-color: #b2b062;
-    --theme-patch-background: #b2b06229;
-    --theme-get-color: #79c0ff;
-    --theme-get-background: #79c0ff21;
-    --theme-put-color: #e9950c;
-    --theme-put-background: #e9950c21;
-  
-    /* Misc Scalar Branding */
-    --scalar-brand: #8b7256;
+  color-scheme: dark;
+  --theme-color-1: rgba(255, 255, 255, 0.9);
+  --theme-color-2: rgba(255, 255, 255, 0.62);
+  --theme-color-3: rgba(255, 255, 255, 0.44);
+  --theme-color-disabled: rgba(255, 255, 255, 0.34);
+  --theme-color-ghost: rgba(255, 255, 255, 0.26);
+  --theme-color-accent: #8ab4f8;
+  --theme-background-1: #1a1a1a;
+  --theme-background-2: #252525;
+  --theme-background-3: #323232;
+  --theme-background-4: rgba(255, 255, 255, 0.06);
+  --theme-background-accent: #8ab4f81f;
+
+  --theme-border-color: rgba(255, 255, 255, 0.1);
+  --theme-scrollbar-color: rgba(255, 255, 255, 0.24);
+  --theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);
+  --theme-lifted-brightness: 1.45;
+  --theme-backdrop-brightness: 0.5;
+
+  --theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);
+  --theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,
+    rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);
+
+  --theme-button-1: #f6f6f6;
+  --theme-button-1-color: #000;
+  --theme-button-1-hover: #e7e7e7;
+
+  --theme-error-color: #ff0011;
+  --theme-success-color: #26ae42;
+
+  /* REST API Client Colors */
+  --theme-post-color: #7ee787;
+  --theme-post-background: #7ee78714;
+  --theme-delete-color: #e77e7e;
+  --theme-delete-background: #e77e7e24;
+  --theme-patch-color: #b2b062;
+  --theme-patch-background: #b2b06229;
+  --theme-get-color: #79c0ff;
+  --theme-get-background: #79c0ff21;
+  --theme-put-color: #e9950c;
+  --theme-put-background: #e9950c21;
+
+  /* Misc Scalar Branding */
+  --scalar-brand: #8b7256;
 }
+
 /** Utilities, how do we deal with them? */
 .flex {
   display: flex;
@@ -1579,8 +1580,7 @@ to {
   background: var(--theme-background-2);
   border-bottom: 1px solid var(--theme-border-color);
   padding: 0 7px 0 12px;
-  border-radius: var(--theme-radius)
-    var(--theme-radius) 0 0;
+  border-radius: var(--theme-radius) var(--theme-radius) 0 0;
 }
 .codemenu {
   display: flex;
@@ -1757,7 +1757,6 @@ to {
   text-decoration: underline;
 }
 
-
 /* ----------------------------------------------------- */
 /* Responsive styles for narrow reference container (900px) */
 .references-narrow .reference {
@@ -1852,6 +1851,7 @@ to {
   grid-area: content;
   min-width: 0;
   background: var(--theme-background-1);
+  display: flex;
 }
 
 /* Measures the visible viewport of the editor */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scalar/api-reference",
-  "version": "0.1.25",
+  "version": "0.1.27",
   "author": "Scalar",
   "license": "UNLICENSED",
   "engines": {
@@ -42,10 +42,10 @@
     "typographic-base": "1.0.4",
     "unified": "10.1.2",
     "xmldom": "0.6.0",
-    "@scalar/api-client": "0.1.17",
-    "@scalar/use-clipboard": "0.1.4",
-    "@scalar/swagger-editor": "0.1.12",
-    "@scalar/use-tooltip": "0.1.4"
+    "@scalar/api-client": "0.1.18",
+    "@scalar/swagger-editor": "0.1.13",
+    "@scalar/use-tooltip": "0.1.4",
+    "@scalar/use-clipboard": "0.1.4"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "4.2.3",