@scalar/api-reference 0.1.4 → 0.1.6

package/dist/variables.css

@@ -1,132 +0,0 @@
-.scalar-api-reference,
-#headlessui-portal-root,
-.dark-mode {
-  /** Fonts */
-  --scalar-api-reference-font-sans: system-ui, "Segoe UI", Roboto, Helvetica,
-    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  --scalar-api-reference-font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono",
-    "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace",
-    "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
-
-  --scalar-api-reference-sidebar-border-color: #000;
-  --scalar-api-reference-theme-background-1: #fff;
-  --scalar-api-reference-theme-background-2: #fafafa;
-  --scalar-api-reference-border-color: #d4d4d4;
-  --scalar-api-reference-border: 1px solid
-    var(--scalar-api-reference-border-color);
-  --scalar-api-reference-theme-button-1-color: #fff;
-  --scalar-api-reference-theme-button-1-hover: #ccc;
-  --scalar-api-reference-theme-button-1: red;
-  --scalar-api-reference-theme-color-1: #000;
-  --scalar-api-reference-theme-color-2: #a3a3a3;
-  --scalar-api-reference-theme-color-3: #666;
-  --scalar-api-reference-theme-color-ghost: #eee;
-  --scalar-api-reference-theme-error-color: red;
-  --scalar-api-reference-theme-font-size-4: 16px;
-  --scalar-api-reference-theme-header-height: 0;
-  --scalar-api-reference-rounded: 4px;
-  --scalar-api-reference-theme-semibold: 600;
-  --scalar-api-reference-theme-shadow-1: 0 0 4px rgba(0, 0, 0, 0.1);
-  --scalar-api-reference-theme-sidebar-width: 300px;
-  --scalar-api-reference-theme-small: 12px;
-  --scalar-api-reference-app-header-height: 100px;
-  --scalar-api-reference-col-width-1: 300px;
-  --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-font-color: #000;
-  --scalar-api-reference-full-height: 100%;
-  --scalar-api-reference-sidebar-background-1: white;
-  --scalar-api-reference-sidebar-color-1: #000;
-  --scalar-api-reference-sidebar-color-2: #ccc;
-  --scalar-api-reference-sidebar-color-active: blue;
-  --scalar-api-reference-sidebar-item-hover-background: var(#ccc);
-  --scalar-api-reference-theme-background-3: #ccc;
-  --scalar-api-reference-theme-bold: 700;
-  --scalar-api-reference-border-width: 1px;
-  --scalar-api-reference-theme-color-accent: blue;
-  --scalar-api-reference-theme-delete-color: red;
-  --scalar-api-reference-theme-get-color: green;
-  --scalar-api-reference-theme-heading-2: 24px;
-  --scalar-api-reference-theme-heading-4: 16px;
-  --scalar-api-reference-theme-micro: 10px;
-  --scalar-api-reference-theme-mini: 12px;
-  --scalar-api-reference-theme-paragraph: 16px;
-  --scalar-api-reference-theme-patch-color: orange;
-  --scalar-api-reference-theme-post-color: blue;
-  --scalar-api-reference-theme-put-color: purple;
-  --scalar-api-reference-rounded-lg: 8px;
-  --scalar-api-reference-theme-regular: 14px;
-  --scalar-api-reference-theme-toc-width: 300px;
-  --scalar-api-reference-theme-post-color: blue;
-  --scalar-api-reference-theme-patch-color: orange;
-  --scalar-api-reference-theme-delete-color: red;
-  --scalar-api-reference-theme-get-color: green;
-  --scalar-api-reference-theme-put-color: purple;
-}
-
-/*
-.scalar-api-reference,
-#headlessui-portal-root,
-.dark-mode {
-  --scalar-api-reference-font-sans: var(--theme-font);
-  --scalar-api-reference-font-mono: var(--theme-font-code);
-
-  --scalar-api-reference-sidebar-border-color: var(--theme-border-color);
-  --scalar-api-reference-theme-background-1: var(--theme-background-1);
-  --scalar-api-reference-theme-background-2: var(--theme-background-2);
-  --scalar-api-reference-border-color: var(--theme-border-color);
-  --scalar-api-reference-border: var(--theme-border);
-  --scalar-api-reference-theme-button-1-color: var(--theme-button-1-color);
-  --scalar-api-reference-theme-button-1-hover: var(--theme-button-1-hover);
-  --scalar-api-reference-theme-button-1: var(--theme-button-1);
-  --scalar-api-reference-theme-color-1: var(--theme-color-1);
-  --scalar-api-reference-theme-color-2: var(--theme-color-2);
-  --scalar-api-reference-theme-color-3: var(--theme-color-3);
-  --scalar-api-reference-theme-color-ghost: var(--theme-color-ghost);
-  --scalar-api-reference-theme-error-color: var(--theme-error-color);
-  --scalar-api-reference-theme-font-size-4: var(--theme-font-size-4);
-  --scalar-api-reference-theme-header-height: var(--theme-header-height);
-  --scalar-api-reference-rounded: var(--theme-radius);
-  --scalar-api-reference-theme-semibold: var(--theme-semibold);
-  --scalar-api-reference-theme-shadow-1: var(--theme-shadow-1);
-  --scalar-api-reference-theme-sidebar-width: var(--theme-sidebar-width);
-  --scalar-api-reference-theme-small: var(--theme-small);
-  --scalar-api-reference-app-header-height: var(--app-header-height);
-  --scalar-api-reference-col-width-1: var(--col-width-1);
-  --scalar-api-reference-col-width-2: var(--col-width-2);
-  --scalar-api-reference-col-width-3: var(--col-width-3);
-  --scalar-api-reference-document-height: var(--document-height);
-  --scalar-api-reference-font-color: var(--theme-color-1);
-  --scalar-api-reference-full-height: var(--full-height);
-  --scalar-api-reference-sidebar-background-1: var(--theme-background-1);
-  --scalar-api-reference-sidebar-color-1: var(--theme-color-1);
-  --scalar-api-reference-sidebar-color-2: var(--theme-color-2);
-  --scalar-api-reference-sidebar-color-active: var(--theme-color-accent);
-  --scalar-api-reference-sidebar-item-hover-background: var(
-    --theme-background-2
-  );
-  --scalar-api-reference-theme-background-3: var(--theme-background-3);
-  --scalar-api-reference-theme-bold: var(--theme-bold);
-  --scalar-api-reference-border-width: var(--theme-border-width);
-  --scalar-api-reference-theme-color-accent: var(--theme-color-accent);
-  --scalar-api-reference-theme-delete-color: var(--theme-delete-color);
-  --scalar-api-reference-font-mono: var(--theme-font-code);
-  --scalar-api-reference-theme-get-color: var(--theme-get-color);
-  --scalar-api-reference-theme-heading-2: var(--theme-heading-2);
-  --scalar-api-reference-theme-heading-4: var(--theme-heading-4);
-  --scalar-api-reference-theme-micro: var(--theme-micro);
-  --scalar-api-reference-theme-mini: var(--theme-mini);
-  --scalar-api-reference-theme-paragraph: var(--theme-paragraph);
-  --scalar-api-reference-theme-patch-color: var(--theme-patch-color);
-  --scalar-api-reference-theme-post-color: var(--theme-post-color);
-  --scalar-api-reference-theme-put-color: var(--theme-put-color);
-  --scalar-api-reference-rounded-lg: var(--theme-radius-lg);
-  --scalar-api-reference-theme-regular: var(--theme-regular);
-  --scalar-api-reference-theme-toc-width: var(--theme-toc-width);
-  --scalar-api-reference-theme-post-color: var(--theme-post-color);
-  --scalar-api-reference-theme-patch-color: var(--theme-patch-color);
-  --scalar-api-reference-theme-get-color: var(--theme-get-color);
-  --scalar-api-reference-theme-delete-color: var(--theme-delete-color);
-  --scalar-api-reference-theme-put-color: var(--theme-put-color);
-} */

package/src/assets/css/reset.css

@@ -1,154 +0,0 @@
-/***
-    The new CSS reset - version 1.8.4 (last updated 14.2.2023)
-    GitHub page: https://github.com/elad2412/the-new-css-reset
-***/
-
-/*
-    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
-    - The "symbol *" part is to solve Firefox SVG sprite bug
-    - The editor uses some browser defaults so it needs to be excluded from the reset (DOC-466)
- */
-*:where(
-    :not(html, iframe, canvas, img, svg, video, audio):not(
-        svg *,
-        symbol *,
-        .editor *,
-        .reference *
-      )
-  ) {
-  all: unset;
-  display: revert;
-}
-
-/* Optional future support for reverting on >Chrome 90 */
-/* @supports (-webkit-user-modify: revert-layer) {
-  * {
-    -moz-user-modify: revert-layer;
-    -webkit-user-modify: revert-layer;
-    overflow-wrap: revert-layer;
-    -webkit-line-break: revert-layer;
-    -webkit-user-select: revert-layer;
-  }
-} */
-
-/* Preferred box-sizing value */
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-/* Strip the padding from editor elements */
-.editor *,
-.reference * {
-  padding: 0;
-  margin: 0;
-}
-
-/* Reapply the pointer cursor for anchor tags */
-a,
-button {
-  cursor: revert;
-}
-
-/* Reapply outlines on keyboard focus */
-a[href]:focus-visible,
-button:focus-visible,
-[tabindex]:focus-visible {
-  outline: 1px dashed var(--theme-color-2);
-  outline-offset: 2px;
-}
-
-/* Revert the font-size for selects
-  Ideally we would remove this once we style our selects better (DOC-466) */
-select {
-  font-size: revert;
-}
-
-/* Revert the line-height for buttons and inputs
-  Ideally we would remove this once we style our inputs and buttons better (DOC-466) */
-input,
-button {
-  line-height: revert;
-}
-
-/* Remove list styles (bullets/numbers) */
-/* It would be good to include this again (DOC-466) */
-/* ol,
-ul,
-menu {
-  list-style: none;
-} */
-
-/* For images to not be able to exceed their container */
-img {
-  max-inline-size: 100%;
-  max-block-size: 100%;
-}
-
-/* removes spacing between cells in tables */
-table {
-  border-collapse: collapse;
-}
-
-/* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
-/* Align our input text to the left */
-input,
-textarea {
-  -webkit-user-select: auto;
-  text-align: left;
-  font-weight: initial;
-}
-
-/* revert the 'white-space' property for textarea elements on Safari */
-textarea {
-  white-space: revert;
-}
-
-/* minimum style to allow to style meter element */
-meter {
-  -webkit-appearance: revert;
-  appearance: revert;
-}
-
-/* preformatted text - use only for this feature */
-/* :where(pre) {
-  all: revert;
-} */
-
-/* reset default text opacity of input placeholder */
-::placeholder {
-  color: revert;
-}
-
-/* remove default dot (•) sign */
-::marker {
-  content: initial;
-}
-
-/* fix the feature of 'hidden' attribute.
-display:revert; revert to element instead of attribute */
-:where([hidden]) {
-  display: none;
-}
-
-/* revert for bug in Chromium browsers
- - fix for the content editable attribute will work properly.
- - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
-:where([contenteditable]:not([contenteditable='false'])) {
-  -moz-user-modify: revert-layer, read-write;
-  -webkit-user-modify: revert-layer, read-write;
-  overflow-wrap: revert-layer, break-word;
-  -webkit-line-break: revert-layer, after-white-space;
-  -webkit-user-select: revert-layer, auto;
-}
-
-/* apply back the draggable feature - exist only in Chromium and Safari */
-:where([draggable='true']) {
-  -webkit-user-drag: element;
-}
-
-/* Revert Modal native behavior */
-:where(dialog:modal) {
-  all: revert;
-}

package/src/assets/css/variables.css

@@ -1,132 +0,0 @@
-.scalar-api-reference,
-#headlessui-portal-root,
-.dark-mode {
-  /** Fonts */
-  --scalar-api-reference-font-sans: system-ui, "Segoe UI", Roboto, Helvetica,
-    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  --scalar-api-reference-font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono",
-    "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace",
-    "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
-
-  --scalar-api-reference-sidebar-border-color: #000;
-  --scalar-api-reference-theme-background-1: #fff;
-  --scalar-api-reference-theme-background-2: #fafafa;
-  --scalar-api-reference-border-color: #d4d4d4;
-  --scalar-api-reference-border: 1px solid
-    var(--scalar-api-reference-border-color);
-  --scalar-api-reference-theme-button-1-color: #fff;
-  --scalar-api-reference-theme-button-1-hover: #ccc;
-  --scalar-api-reference-theme-button-1: red;
-  --scalar-api-reference-theme-color-1: #000;
-  --scalar-api-reference-theme-color-2: #a3a3a3;
-  --scalar-api-reference-theme-color-3: #666;
-  --scalar-api-reference-theme-color-ghost: #eee;
-  --scalar-api-reference-theme-error-color: red;
-  --scalar-api-reference-theme-font-size-4: 16px;
-  --scalar-api-reference-theme-header-height: 0;
-  --scalar-api-reference-rounded: 4px;
-  --scalar-api-reference-theme-semibold: 600;
-  --scalar-api-reference-theme-shadow-1: 0 0 4px rgba(0, 0, 0, 0.1);
-  --scalar-api-reference-theme-sidebar-width: 300px;
-  --scalar-api-reference-theme-small: 12px;
-  --scalar-api-reference-app-header-height: 100px;
-  --scalar-api-reference-col-width-1: 300px;
-  --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-font-color: #000;
-  --scalar-api-reference-full-height: 100%;
-  --scalar-api-reference-sidebar-background-1: white;
-  --scalar-api-reference-sidebar-color-1: #000;
-  --scalar-api-reference-sidebar-color-2: #ccc;
-  --scalar-api-reference-sidebar-color-active: blue;
-  --scalar-api-reference-sidebar-item-hover-background: var(#ccc);
-  --scalar-api-reference-theme-background-3: #ccc;
-  --scalar-api-reference-theme-bold: 700;
-  --scalar-api-reference-border-width: 1px;
-  --scalar-api-reference-theme-color-accent: blue;
-  --scalar-api-reference-theme-delete-color: red;
-  --scalar-api-reference-theme-get-color: green;
-  --scalar-api-reference-theme-heading-2: 24px;
-  --scalar-api-reference-theme-heading-4: 16px;
-  --scalar-api-reference-theme-micro: 10px;
-  --scalar-api-reference-theme-mini: 12px;
-  --scalar-api-reference-theme-paragraph: 16px;
-  --scalar-api-reference-theme-patch-color: orange;
-  --scalar-api-reference-theme-post-color: blue;
-  --scalar-api-reference-theme-put-color: purple;
-  --scalar-api-reference-rounded-lg: 8px;
-  --scalar-api-reference-theme-regular: 14px;
-  --scalar-api-reference-theme-toc-width: 300px;
-  --scalar-api-reference-theme-post-color: blue;
-  --scalar-api-reference-theme-patch-color: orange;
-  --scalar-api-reference-theme-delete-color: red;
-  --scalar-api-reference-theme-get-color: green;
-  --scalar-api-reference-theme-put-color: purple;
-}
-
-/*
-.scalar-api-reference,
-#headlessui-portal-root,
-.dark-mode {
-  --scalar-api-reference-font-sans: var(--theme-font);
-  --scalar-api-reference-font-mono: var(--theme-font-code);
-
-  --scalar-api-reference-sidebar-border-color: var(--theme-border-color);
-  --scalar-api-reference-theme-background-1: var(--theme-background-1);
-  --scalar-api-reference-theme-background-2: var(--theme-background-2);
-  --scalar-api-reference-border-color: var(--theme-border-color);
-  --scalar-api-reference-border: var(--theme-border);
-  --scalar-api-reference-theme-button-1-color: var(--theme-button-1-color);
-  --scalar-api-reference-theme-button-1-hover: var(--theme-button-1-hover);
-  --scalar-api-reference-theme-button-1: var(--theme-button-1);
-  --scalar-api-reference-theme-color-1: var(--theme-color-1);
-  --scalar-api-reference-theme-color-2: var(--theme-color-2);
-  --scalar-api-reference-theme-color-3: var(--theme-color-3);
-  --scalar-api-reference-theme-color-ghost: var(--theme-color-ghost);
-  --scalar-api-reference-theme-error-color: var(--theme-error-color);
-  --scalar-api-reference-theme-font-size-4: var(--theme-font-size-4);
-  --scalar-api-reference-theme-header-height: var(--theme-header-height);
-  --scalar-api-reference-rounded: var(--theme-radius);
-  --scalar-api-reference-theme-semibold: var(--theme-semibold);
-  --scalar-api-reference-theme-shadow-1: var(--theme-shadow-1);
-  --scalar-api-reference-theme-sidebar-width: var(--theme-sidebar-width);
-  --scalar-api-reference-theme-small: var(--theme-small);
-  --scalar-api-reference-app-header-height: var(--app-header-height);
-  --scalar-api-reference-col-width-1: var(--col-width-1);
-  --scalar-api-reference-col-width-2: var(--col-width-2);
-  --scalar-api-reference-col-width-3: var(--col-width-3);
-  --scalar-api-reference-document-height: var(--document-height);
-  --scalar-api-reference-font-color: var(--theme-color-1);
-  --scalar-api-reference-full-height: var(--full-height);
-  --scalar-api-reference-sidebar-background-1: var(--theme-background-1);
-  --scalar-api-reference-sidebar-color-1: var(--theme-color-1);
-  --scalar-api-reference-sidebar-color-2: var(--theme-color-2);
-  --scalar-api-reference-sidebar-color-active: var(--theme-color-accent);
-  --scalar-api-reference-sidebar-item-hover-background: var(
-    --theme-background-2
-  );
-  --scalar-api-reference-theme-background-3: var(--theme-background-3);
-  --scalar-api-reference-theme-bold: var(--theme-bold);
-  --scalar-api-reference-border-width: var(--theme-border-width);
-  --scalar-api-reference-theme-color-accent: var(--theme-color-accent);
-  --scalar-api-reference-theme-delete-color: var(--theme-delete-color);
-  --scalar-api-reference-font-mono: var(--theme-font-code);
-  --scalar-api-reference-theme-get-color: var(--theme-get-color);
-  --scalar-api-reference-theme-heading-2: var(--theme-heading-2);
-  --scalar-api-reference-theme-heading-4: var(--theme-heading-4);
-  --scalar-api-reference-theme-micro: var(--theme-micro);
-  --scalar-api-reference-theme-mini: var(--theme-mini);
-  --scalar-api-reference-theme-paragraph: var(--theme-paragraph);
-  --scalar-api-reference-theme-patch-color: var(--theme-patch-color);
-  --scalar-api-reference-theme-post-color: var(--theme-post-color);
-  --scalar-api-reference-theme-put-color: var(--theme-put-color);
-  --scalar-api-reference-rounded-lg: var(--theme-radius-lg);
-  --scalar-api-reference-theme-regular: var(--theme-regular);
-  --scalar-api-reference-theme-toc-width: var(--theme-toc-width);
-  --scalar-api-reference-theme-post-color: var(--theme-post-color);
-  --scalar-api-reference-theme-patch-color: var(--theme-patch-color);
-  --scalar-api-reference-theme-get-color: var(--theme-get-color);
-  --scalar-api-reference-theme-delete-color: var(--theme-delete-color);
-  --scalar-api-reference-theme-put-color: var(--theme-put-color);
-} */

package/src/components/ApiClientModal.vue

@@ -1,184 +0,0 @@
-<script setup lang="ts">
-import { ApiClient, useApiClientStore } from '@scalar/api-client'
-import { useMediaQuery } from '@vueuse/core'
-
-import { type Spec } from '../types'
-import { default as Sidebar } from './Sidebar.vue'
-
-defineProps<{ spec: Spec }>()
-
-const { hideApiClient, state } = useApiClientStore()
-
-const isMobile = useMediaQuery('(max-width: 1000px)')
-
-const proxyUrl = import.meta.env.VITE_CLIENT_PROXY
-</script>
-<template>
-  <div
-    v-if="state.showApiClient"
-    class="api-client-drawer">
-    <div class="scalar-api-client__overlay">
-      <div class="scalar-api-client__container">
-        <!-- <div class="scalar-api-client__navigation">
-          <button
-            class="scalar-api-client__close"
-            type="button"
-            @click="hideApiClient">
-            <span>Back to Reference</span>
-          </button>
-        </div> -->
-        <div class="scalar-api-client-height flex flex-row">
-          <Sidebar
-            v-show="!isMobile"
-            :spec="spec" />
-          <ApiClient
-            :proxyUrl="proxyUrl"
-            @escapeKeyPress="hideApiClient" />
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    v-if="state.showApiClient"
-    class="api-client-drawer-exit"
-    @click="hideApiClient"></div>
-</template>
-
-<style scoped>
-.scalar-api-client__container .scalar-api-client {
-  width: calc(100% - var(--scalar-api-reference-theme-sidebar-width));
-}
-
-.scalar-api-client__container {
-  position: absolute;
-  right: 0;
-  left: 0;
-  bottom: 0;
-  top: 0;
-  z-index: 9;
-  border-radius: 0;
-  box-shadow: none;
-  opacity: 1;
-  overflow: hidden;
-  pointer-events: all;
-  background: var(--scalar-api-reference-theme-background-1) !important;
-  border-radius: var(--scalar-api-reference-rounded);
-  box-shadow: var(--scalar-api-reference-theme-shadow-1);
-  height: 100%;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-}
-
-@media screen and (max-width: 1265px) {
-  .scalar-api-client__container {
-    width: 100vw !important;
-  }
-}
-
-.scalar-api-client__navigation {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  padding: 11px 12px;
-  height: var(--scalar-api-reference-theme-header-height);
-  background-color: var(--scalar-api-reference-theme-background-1);
-  z-index: 10;
-  position: sticky;
-  border-bottom: var(--scalar-api-reference-border);
-  top: 0;
-}
-
-.scalar-api-client__close {
-  appearance: none;
-  border: none;
-  outline: none;
-  display: flex;
-  align-items: center;
-  background: transparent;
-  font-size: 14px;
-  color: var(--scalar-api-reference-theme-color-1);
-  font-weight: var(--scalar-api-reference-theme-semibold);
-}
-.scalar-api-client__close:hover {
-  cursor: pointer;
-}
-/*
-TODO: Markup is missing
-.scalar-api-client__close__icon {
-  width: 28px;
-  height: 28px;
-  border-radius: var(--scalar-api-reference-rounded);
-  margin-right: 12px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  color: var(--scalar-api-reference-theme-color-2);
-}
-.scalar-api-client__close__icon:hover {
-  background: var(--scalar-api-reference-theme-background-2);
-}
-.scalar-api-client__close__icon svg {
-  width: 12px;
-  height: 12px;
-  transform: rotate(180deg);
-} */
-.api-client-drawer {
-  background: var(--scalar-api-reference-theme-background-1);
-  height: calc(100vh - 58px);
-  width: calc(100vw - 8px);
-  border-radius: 12px;
-  overflow: hidden;
-  visibility: visible;
-  position: fixed;
-  bottom: 4px;
-  left: 4px;
-  z-index: 9999;
-  opacity: 0;
-  animation: apiclientfadein 0.35s forwards;
-}
-@keyframes apiclientfadein {
-  from {
-    transform: translate3d(0, 20px, 0) scale(0.985);
-    opacity: 0;
-  }
-  to {
-    transform: translate3d(0, 0, 0) scale(1);
-    opacity: 1;
-  }
-}
-.api-client-drawer-exit {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  background: rgba(0, 0, 0, 0.44);
-  transition: all 0.3s ease-in-out;
-  z-index: 9998;
-  cursor: pointer;
-  animation: drawerexitfadein 0.35s forwards;
-}
-@keyframes drawerexitfadein {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-.scalar-api-client-height {
-  height: 100%;
-}
-.scalar-api-client-height .sidebar {
-  flex: 1 1 0%;
-  flex-grow: 1;
-  flex-shrink: 1;
-  flex-basis: 0%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  width: var(--scalar-api-reference-theme-sidebar-width);
-  border-right: 1px solid var(--scalar-api-reference-border-color);
-}
-</style>