@stainless-api/docs-ui 0.1.0-beta.53 → 0.1.0-beta.54

package/dist/styles.css

@@ -1469,6 +1469,7 @@ a.stl-ui-button {
   p {
     display: block;
     margin: 0 0 1em;
+    line-height: 150%;
 
     &:last-child {
       margin: 0;
@@ -1496,21 +1497,24 @@ a.stl-ui-button {
 .stldocs-root .stldocs-input {
   border: 1px solid var(--stl-color-border);
   background: var(--stl-color-background);
-  border-radius: 0.3rem;
+  border-radius: var(--stl-ui-layout-border-radius-sml);
   display: flex;
-  gap: 0.5rem;
 
   &:focus-within {
     border-color: var(--stl-color-accent);
   }
 
+  &.stldocs-input-disabled {
+    opacity: 0.5;
+  }
+
   input,
   .stldocs-masked-input-display {
     flex-grow: 1;
     border: none;
     background-color: transparent;
     margin: 0.5rem;
-    font-size: 0.85rem;
+    font-size: 1rem;
     letter-spacing: initial;
     white-space: pre;
     contain: content;
@@ -1531,8 +1535,7 @@ a.stl-ui-button {
   }
 
   .stldocs-icon {
-    margin-top: auto;
-    margin-bottom: auto;
+    margin: auto 0.25rem auto 0.75rem;
   }
 }
 
@@ -1559,7 +1562,9 @@ a.stl-ui-button {
   }
 
   [data-stldocs-listview-selected='true'] > :first-child {
-    background-color: var(--stldocs-color-selected);
+    background:
+      linear-gradient(var(--stl-color-ui-background-hover), var(--stl-color-ui-background-hover)),
+      linear-gradient(var(--stl-color-ui-background), var(--stl-color-ui-background));
     border-radius: 0.5rem;
   }
 }
@@ -2728,32 +2733,8 @@ a.stl-ui-button {
     display: flex;
     gap: 1rem;
 
-    .stldocs-togglebutton {
-      display: flex;
+    .stl-ui-button {
       flex-grow: 1;
-      gap: 0.5rem;
-      border-radius: 8px;
-      padding: 0.4em 0.8em;
-      line-height: 1.5;
-      justify-content: center;
-      font-size: 0.9rem;
-      cursor: pointer;
-      background-color: transparent;
-      border: 1px solid var(--stl-color-border);
-
-      &:hover,
-      &[data-stldocs-toggle-selected='true'] {
-        background-color: var(--stldocs-color-selected);
-
-        .stldocs-search-filter-count {
-          color: var(--stl-color-inverse-foreground);
-          background-color: var(--stl-color-foreground);
-        }
-      }
-
-      .stldocs-icon {
-        margin: auto 0;
-      }
 
       .stldocs-search-filter-count {
         font-size: 0.75rem;
@@ -2792,6 +2773,9 @@ a.stl-ui-button {
         .stldocs-search-result-resource-path {
           font-family: var(--stl-typography-font-mono);
           color: var(--stl-color-foreground);
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
         }
       }
     }
@@ -2898,6 +2882,9 @@ a.stl-ui-button {
     display: flex;
     gap: 0.5rem;
     font-size: 0.8rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 
     .stldocs-search-breadcrumb-item {
       color: var(--stl-color-foreground-muted);
@@ -2908,31 +2895,36 @@ a.stl-ui-button {
       margin-bottom: auto;
     }
   }
+
+  .stldocs-search-disabled-state-container {
+    margin: auto;
+    text-align: center;
+  }
 }
 
 .stldocs-root .stldocs-search-modal {
-  height: 100%;
+  height: calc(100svh - var(--sl-nav-height));
   width: 100%;
   overflow: hidden;
-  margin: 3rem auto;
   display: none;
   padding: 1rem;
   inset: 0;
-  max-width: 1024px;
-  max-height: 80vh;
   background-color: var(--stl-color-background);
   color: var(--stl-color-foreground);
-  border: 1px solid var(--stl-color-border);
-  border-radius: 8px;
+  gap: 0.5rem;
+  border: none;
 
   &:popover-open,
   &[data-stldocs-modal-open='true'] {
-    display: block;
+    display: flex;
+    flex-direction: column;
     position: fixed;
+    top: var(--sl-nav-height);
   }
 
   .stldocs-search-form {
     height: 100%;
+    width: 100%;
 
     .stldocs-listview {
       margin: 0.8rem 0;
@@ -2940,10 +2932,16 @@ a.stl-ui-button {
     }
   }
 
+  .stldocs-search-modal-close-button {
+    display: flex;
+    justify-content: flex-end;
+  }
+
   &::backdrop {
     background-color: var(--stldocs-color-backdrop-overlay);
     -webkit-backdrop-filter: blur(0.25rem);
     backdrop-filter: blur(0.25rem);
+    top: var(--sl-nav-height);
   }
 }
 
@@ -2953,6 +2951,32 @@ a.stl-ui-button {
   }
 }
 
+@media (min-width: 50rem) {
+  .stldocs-root {
+    .stldocs-search-modal {
+      height: 100%;
+      max-width: 1024px;
+      max-height: 80vh;
+      margin: 3rem auto;
+      border: 1px solid var(--stl-color-border);
+      border-radius: var(--stl-ui-layout-border-radius-sml);
+
+      .stldocs-search-modal-close-button {
+        display: none;
+      }
+
+      &:popover-open,
+      &[data-stldocs-modal-open='true'] {
+        top: 0;
+      }
+
+      &::backdrop {
+        top: 0;
+      }
+    }
+  }
+}
+
 @media (max-width: 50rem) {
   .stldocs-root .stldocs-search-modal {
     .stldocs-search-filter-label,

package/dist/{typescript-CJraLOyM.js → typescript-C--P_L-R.js}

@@ -2,7 +2,7 @@ import { t as __exportAll } from "./chunk-CAbhIZi1.js";
 import { a as useLanguage, l as useSpec, r as useDeclaration } from "./docs-CXqi26jB.js";
 import { n as useLanguageComponents } from "./contexts-CLpvBI91.js";
 import { t as useComponents } from "./use-components-DBx5LZk0.js";
-import { t as style_default } from "./style-gnVEeXFj.js";
+import { t as style_default } from "./style-cJZFOvnF.js";
 import * as React$1 from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stainless-api/docs-ui",
   "private": false,
-  "version": "0.1.0-beta.53",
+  "version": "0.1.0-beta.54",
   "publishConfig": {
     "access": "public"
   },

package/dist/routing-BcWYAHJp.d.ts

@@ -1,54 +0,0 @@
-import * as SDKJSON from "@stainless/sdk-json";
-
-//#region src/routing.d.ts
-declare namespace routing_d_exports {
-  export { DocsLanguage, LanguageNames, Languages, ParsedStainlessPath, RouteEntry, SpecTreeEntry, SupportedLanguageSyntaxes, expandToElement, findNavigationPath, generateRoute, generateRouteList, getLanguageSnippet, getResource, isSupportedLanguage, parseRoute, parseStainlessPath, scrollToPath, trimStainlessPath, updateHistory, walkTree };
-}
-declare const Languages: readonly ["http", "node", "python", "go", "typescript", "terraform", "ruby", "java", "kotlin", "csharp", "php"];
-declare const SupportedLanguageSyntaxes: string[];
-type DocsLanguage = (typeof Languages)[number];
-declare const LanguageNames: Record<DocsLanguage, string>;
-declare function getLanguageSnippet(language: DocsLanguage): "node.default" | "go.default" | "python.default" | "terraform.default" | "http.curl" | "typescript.default" | "ruby.default" | "java.default" | "kotlin.default" | "csharp.default" | "php.default";
-declare function isSupportedLanguage(language: string): language is DocsLanguage;
-type ParsedStainlessPath = ReturnType<typeof parseStainlessPath>;
-declare function parseStainlessPath(stainlessPath: string): {
-  resource: string[] | null;
-  method: string | null;
-  model: string | null;
-  routable: string | undefined;
-} | null;
-declare function trimStainlessPath(stainlessPath: string): string;
-declare function getResource(stainlessPath: string): string | undefined;
-declare function parseRoute(basePath: string, route: string): {
-  stainlessPath: string;
-  language: DocsLanguage;
-};
-declare function generateRoute(basePath: string, language: string, stainlessPath: string): string | null;
-type SpecTreeEntry = {
-  data: SDKJSON.Method | SDKJSON.Resource | SDKJSON.Model;
-  path: string[];
-};
-declare function walkTree(spec: SDKJSON.Spec, includeModels?: boolean): Generator<SpecTreeEntry, void, any>;
-type RouteEntry = {
-  title: string;
-  kind: SpecTreeEntry['data']['kind'];
-  language: DocsLanguage;
-  stainlessPath: string;
-  slug: string;
-};
-declare function generateRouteList({
-  spec,
-  languages,
-  excludeLanguages
-}: {
-  spec: SDKJSON.Spec;
-  languages?: DocsLanguage[];
-  excludeLanguages?: DocsLanguage[];
-}): RouteEntry[];
-type ResourceOrMethod = SDKJSON.Resource | SDKJSON.Method;
-declare function findNavigationPath(items: ResourceOrMethod[], target: string): string[] | undefined;
-declare function expandToElement(el: HTMLElement | null): void;
-declare function scrollToPath(stainlessPath: string): void;
-declare function updateHistory(basePath: string, language: DocsLanguage, stainlessPath: string): void;
-//#endregion
-export { routing_d_exports as _, RouteEntry as a, updateHistory as b, expandToElement as c, generateRouteList as d, getLanguageSnippet as f, parseStainlessPath as g, parseRoute as h, ParsedStainlessPath as i, findNavigationPath as l, isSupportedLanguage as m, LanguageNames as n, SpecTreeEntry as o, getResource as p, Languages as r, SupportedLanguageSyntaxes as s, DocsLanguage as t, generateRoute as u, scrollToPath as v, walkTree as x, trimStainlessPath as y };