@stainless-api/docs 0.1.0-beta.5 → 0.1.0-beta.51

package/stl-docs/components/content-panel/ContentPanel.astro

@@ -1,17 +1,9 @@
 ---
-import { ContentBreadcrumbs } from './ContentBreadcrumbs';
-import { ProseAIDropdown } from './ProseAIDropdown';
-const currentPath = Astro.url.pathname;
+
 ---
 
-<div class="content-panel">
-  <div class="sl-container stl-ui-prose">
-    <div class="stl-ui-not-prose stl-page-nav-container stl-prose-page-nav-container">
-      <ContentBreadcrumbs currentPath={currentPath} sidebarEntry={Astro.locals.starlightRoute.sidebar} />
-      <ProseAIDropdown currentPath={currentPath} sidebarEntry={Astro.locals.starlightRoute.sidebar} />
-    </div>
-    <slot />
-  </div>
+<div class="content-panel sl-container stl-ui-prose">
+  <slot />
 </div>
 
 <style>
@@ -19,54 +11,32 @@ const currentPath = Astro.url.pathname;
     .content-panel {
       padding: 1.5rem var(--sl-content-pad-x);
     }
-    .content-panel + .content-panel {
-      border-top: 1px solid var(--sl-color-hairline);
-    }
     .sl-container {
       max-width: var(--sl-content-width);
     }
 
-    .sl-container > :global(* + *) {
-      margin-top: 1.5rem;
-    }
-
     @media (min-width: 72rem) {
       .sl-container {
         margin-inline: var(--sl-content-margin-inline, auto);
       }
     }
   }
-  /* Overrides */
-  @layer stainless {
-    .content-panel {
-      padding: 0 var(--sl-content-pad-x);
-    }
 
-    .stl-prose-page-nav-container {
-      padding: 1rem 0 0;
-    }
+  .content-panel {
+    padding: 0 var(--sl-content-pad-x) 0 var(--sl-content-pad-x);
   }
-</style>
 
-<style is:global>
-  .content-panel:nth-of-type(2) .stl-page-nav-container {
-    display: none;
+  .content-panel + .content-panel {
+    margin-top: 24px;
   }
-</style>
 
-<script>
-  import { initDropdownButton } from '@stainless-api/ui-primitives/scripts';
-  import { getPageLoadEvent } from '../../../plugin/helpers/getPageLoadEvent';
-  import { onSelectAIOption } from '../../../plugin/globalJs/ai-dropdown.ts';
+  @media (min-width: 50rem) {
+    .content-panel {
+      padding: 0 0 0 var(--sl-content-pad-x);
+    }
+  }
 
-  document.addEventListener(getPageLoadEvent(), () => {
-    console.log('Initializing AI Dropdown');
-    initDropdownButton({
-      dropdownId: 'prose-ai-dropdown-button',
-      onSelect: (option: string) => onSelectAIOption(option, false),
-      onPrimaryAction: () => {
-        onSelectAIOption('claude', false);
-      },
-    });
-  });
-</script>
+  .stl-prose-page-nav-container {
+    padding: 1rem 0 0;
+  }
+</style>

package/stl-docs/components/headers/DefaultHeader.astro

@@ -4,7 +4,7 @@ import Search from 'virtual:starlight/components/Search';
 import SiteTitle from 'virtual:starlight/components/SiteTitle';
 import HeaderLinks from './HeaderLinks.astro';
 import NavLinks from '../nav-tabs/NavTabs.astro';
-import { TABS } from 'virtual:stl-stl-starlight-virtual-module';
+import { TABS } from 'virtual:stl-docs-virtual-module';
 import ThemeSelect from 'virtual:starlight/components/ThemeSelect';
 import SplashMobileMenuToggle from './SplashMobileMenuToggle.astro';
 

package/stl-docs/components/headers/HeaderLinks.astro

@@ -1,5 +1,5 @@
 ---
-import { HEADER_LINKS } from 'virtual:stl-stl-starlight-virtual-module';
+import { HEADER_LINKS } from 'virtual:stl-docs-virtual-module';
 import { Button } from '@stainless-api/ui-primitives';
 ---
 

package/stl-docs/components/headers/SplashMobileMenuToggle.astro

@@ -5,7 +5,7 @@ import Sidebar from 'virtual:starlight/components/Sidebar';
 
 <div class="stl-splash-mobile-menu-toggle">
   <MobileMenuToggle />
-  <div id="starlight__sidebar" class="sidebar-pane">
+  <div id="starlight__sidebar" class="sidebar sidebar-pane">
     <div class="sidebar-content sl-flex">
       <Sidebar />
     </div>
@@ -13,6 +13,16 @@ import Sidebar from 'virtual:starlight/components/Sidebar';
 </div>
 
 <style>
+  @layer starlight.core {
+    .sidebar-pane {
+      li,
+      li a,
+      li a[aria-current='page'] {
+        all: revert-layer;
+      }
+    }
+  }
+
   :global([aria-expanded='true']) ~ .sidebar-pane {
     --sl-sidebar-visibility: visible;
   }
@@ -24,6 +34,11 @@ import Sidebar from 'virtual:starlight/components/Sidebar';
     inset-inline-start: 0;
     width: 100%;
     overflow-y: auto;
+    left: 0;
+
+    a {
+      font-size: var(--stl-typography-scale-sm);
+    }
   }
 
   .sidebar-content {
@@ -32,6 +47,7 @@ import Sidebar from 'virtual:starlight/components/Sidebar';
     padding: 1rem var(--sl-sidebar-pad-x) 0;
     flex-direction: column;
     gap: 1rem;
+    background-color: var(--stl-color-background);
   }
 
   @media (min-width: 50rem) {

package/stl-docs/components/headers/StackedHeader.astro

@@ -1,12 +1,12 @@
 ---
-import LanguageSelect from "virtual:starlight/components/LanguageSelect";
-import Search from "virtual:starlight/components/Search";
-import SiteTitle from "virtual:starlight/components/SiteTitle";
+import LanguageSelect from 'virtual:starlight/components/LanguageSelect';
+import Search from 'virtual:starlight/components/Search';
+import SiteTitle from 'virtual:starlight/components/SiteTitle';
 import HeaderLinks from './HeaderLinks.astro';
-import { TABS } from "virtual:stl-stl-starlight-virtual-module";
-import ThemeSelect from "virtual:starlight/components/ThemeSelect";
-import SecondaryNavTabs from "../nav-tabs/SecondaryNavTabs.astro";
-import SplashMobileMenuToggle from "./SplashMobileMenuToggle.astro";
+import { TABS } from 'virtual:stl-docs-virtual-module';
+import ThemeSelect from 'virtual:starlight/components/ThemeSelect';
+import SecondaryNavTabs from '../nav-tabs/SecondaryNavTabs.astro';
+import SplashMobileMenuToggle from './SplashMobileMenuToggle.astro';
 
 interface Props {
   shouldRenderSearch?: boolean;
@@ -38,14 +38,14 @@ const { hasSidebar } = Astro.locals.starlightRoute;
 <SecondaryNavTabs />
 
 <style is:inline>
-    .stl-top-container {
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-      justify-content: end;
-      gap: 0.5rem;
-      width: 100%;
-    }
+  .stl-top-container {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: end;
+    gap: 0.5rem;
+    width: 100%;
+  }
   @media (min-width: 50rem) {
     :root {
       --sl-nav-height: 88px;
@@ -64,12 +64,17 @@ const { hasSidebar } = Astro.locals.starlightRoute;
   }
 </style>
 
-{TABS.length === 0 && (
-  <style is:inline>
-    @media (min-width: 50rem) {
-      :root {
-        --sl-nav-height: 56px;
-      }
-    }
-  </style>
-)}
+{
+  TABS.length === 0 && (
+    <style
+      is:inline
+      set:text={`
+        @media (min-width: 50rem) {
+          :root {
+            --sl-nav-height: 56px;
+          }
+        }
+      `}
+    />
+  )
+}

package/stl-docs/components/icons/chat-gpt.tsx

@@ -0,0 +1,17 @@
+export function ChatGPTIcon() {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+      <g clipPath="url(#clip0_2771_126147)">
+        <path
+          d="M14.853 6.54857C15.216 5.45907 15.091 4.26557 14.5105 3.27457C13.6375 1.75457 11.8825 0.972574 10.1685 1.34057C9.40596 0.481574 8.31046 -0.00692579 7.16196 7.42116e-05C5.40996 -0.00392579 3.85546 1.12407 3.31646 2.79107C2.19096 3.02157 1.21946 3.72607 0.650955 4.72457C-0.228545 6.24057 -0.0280446 8.15157 1.14696 9.45157C0.783955 10.5411 0.908955 11.7346 1.48946 12.7256C2.36246 14.2456 4.11746 15.0276 5.83146 14.6596C6.59346 15.5186 7.68946 16.0071 8.83796 15.9996C10.591 16.0041 12.146 14.8751 12.685 13.2066C13.8105 12.9761 14.782 12.2716 15.3505 11.2731C16.229 9.75707 16.028 7.84757 14.8535 6.54757L14.853 6.54857ZM8.83896 14.9541C8.13746 14.9551 7.45796 14.7096 6.91946 14.2601C6.94396 14.2471 6.98646 14.2236 7.01396 14.2066L10.2 12.3666C10.363 12.2741 10.463 12.1006 10.462 11.9131V7.42157L11.8085 8.19907C11.823 8.20607 11.8325 8.22007 11.8345 8.23607V11.9556C11.8325 13.6096 10.493 14.9506 8.83896 14.9541ZM2.39696 12.2026C2.04546 11.5956 1.91896 10.8841 2.03946 10.1936C2.06296 10.2076 2.10446 10.2331 2.13396 10.2501L5.31996 12.0901C5.48146 12.1846 5.68146 12.1846 5.84346 12.0901L9.73296 9.84407V11.3991C9.73396 11.4151 9.72646 11.4306 9.71396 11.4406L6.49346 13.3001C5.05896 14.1261 3.22696 13.6351 2.39746 12.2026H2.39696ZM1.55846 5.24807C1.90846 4.64007 2.46096 4.17507 3.11896 3.93357C3.11896 3.96107 3.11746 4.00957 3.11746 4.04357V7.72407C3.11646 7.91107 3.21646 8.08457 3.37896 8.17707L7.26846 10.4226L5.92196 11.2001C5.90846 11.2091 5.89146 11.2106 5.87646 11.2041L2.65546 9.34307C1.22396 8.51407 0.732955 6.68257 1.55796 5.24857L1.55846 5.24807ZM12.6215 7.82257L8.73196 5.57657L10.0785 4.79957C10.092 4.79057 10.109 4.78907 10.124 4.79557L13.345 6.65507C14.779 7.48357 15.2705 9.31807 14.442 10.7521C14.0915 11.3591 13.5395 11.8241 12.882 12.0661V8.27557C12.8835 8.08857 12.784 7.91557 12.622 7.82257H12.6215ZM13.9615 5.80557C13.938 5.79107 13.8965 5.76607 13.867 5.74907L10.681 3.90907C10.5195 3.81457 10.3195 3.81457 10.1575 3.90907L6.26796 6.15507V4.60007C6.26696 4.58407 6.27446 4.56857 6.28696 4.55857L9.50746 2.70057C10.942 1.87307 12.776 2.36557 13.603 3.80057C13.9525 4.40657 14.079 5.11607 13.9605 5.80557H13.9615ZM5.53596 8.57707L4.18896 7.79957C4.17446 7.79257 4.16496 7.77857 4.16296 7.76257V4.04307C4.16396 2.38707 5.50746 1.04507 7.16346 1.04607C7.86396 1.04607 8.54196 1.29207 9.08046 1.74007C9.05596 1.75307 9.01396 1.77657 8.98596 1.79357L5.79996 3.63357C5.63696 3.72607 5.53696 3.89907 5.53796 4.08657L5.53596 8.57607V8.57707ZM6.26746 7.00007L7.99996 5.99957L9.73246 6.99957V9.00007L7.99996 10.0001L6.26746 9.00007V7.00007Z"
+          fill="currentColor"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_2771_126147">
+          <rect width="16" height="16" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}

package/stl-docs/components/icons/claude.tsx

@@ -0,0 +1,10 @@
+export function ClaudeIcon() {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+      <path
+        d="M3.13924 10.6036L6.28658 8.84444L6.33924 8.69111L6.28658 8.60638H6.13266L5.60608 8.5741L3.8076 8.52568L2.2481 8.46113L0.737215 8.38043L0.356456 8.29973L0 7.83169L0.0364557 7.59766L0.356456 7.38382L0.814177 7.42416L1.82684 7.49276L3.34582 7.59766L4.4476 7.66222L6.08 7.83169H6.33924L6.3757 7.72678L6.28658 7.66222L6.21772 7.59766L4.64608 6.53649L2.94481 5.4148L2.05367 4.76922L1.57165 4.44239L1.32861 4.13574L1.22329 3.46595L1.66076 2.98581L2.2481 3.02615L2.39797 3.0665L2.99342 3.52244L4.26532 4.50292L5.92608 5.72145L6.16911 5.92319L6.26633 5.8546L6.27848 5.80618L6.16911 5.62461L5.26582 3.99856L4.30177 2.34426L3.87241 1.65833L3.75899 1.24678C3.71848 1.07731 3.69013 0.93609 3.69013 0.762591L4.18835 0.0887672L4.4638 0L5.1281 0.0887672L5.4076 0.330859L5.82076 1.27098L6.48911 2.75178L7.52608 4.76518L7.82987 5.36234L7.9919 5.91512L8.05266 6.08459H8.15797V5.98775L8.24304 4.85395L8.40101 3.46192L8.55494 1.67044L8.60759 1.16608L8.85873 0.560847L9.35696 0.234023L9.74582 0.419627L10.0658 0.875567L10.0213 1.17011L9.83089 2.40075L9.45823 4.32942L9.21519 5.62058H9.35696L9.51899 5.45918L10.1752 4.59168L11.277 3.21983L11.763 2.67512L12.3301 2.07392L12.6947 1.78745H13.3833L13.8896 2.53793L13.6628 3.31263L12.9539 4.20837L12.3666 4.96693L11.5241 6.09669L10.9975 7.0005L11.0461 7.07313L11.1716 7.06103L13.0754 6.65754L14.1043 6.47193L15.3316 6.26212L15.8866 6.52035L15.9473 6.78262L15.7286 7.31926L14.4162 7.64205L12.877 7.9487L10.5843 8.48937L10.5559 8.50954L10.5884 8.54989L11.6213 8.64673L12.0628 8.67094H13.1443L15.1575 8.82023L15.6841 9.16723L16 9.59089L15.9473 9.91368L15.1372 10.3252L14.0435 10.067L11.4916 9.46177L10.6167 9.24389H10.4952V9.31652L11.2243 10.0267L12.561 11.229L14.2339 12.7784L14.319 13.1618L14.1043 13.4644L13.8775 13.4321L12.4071 12.3306L11.84 11.8343L10.5559 10.757H10.4709V10.8699L10.7666 11.3017L12.3301 13.6419L12.4111 14.3601L12.2977 14.5941L11.8927 14.7354L11.4471 14.6547L10.5316 13.3756L9.58785 11.9352L8.82633 10.644L8.73316 10.6964L8.28354 15.5181L8.07291 15.7642L7.58684 15.9498L7.18177 15.6432L6.96709 15.1469L7.18177 14.1664L7.44101 12.8874L7.65165 11.8706L7.84203 10.6077L7.95544 10.1881L7.94734 10.1598L7.85418 10.1719L6.89823 11.4792L5.44405 13.4361L4.29367 14.6627L4.01823 14.7717L3.54025 14.5255L3.58481 14.0857L3.85215 13.6944L5.44405 11.6769L6.40405 10.4261L7.0238 9.70387L7.01975 9.59896H6.98329L2.75443 12.3346L2.00101 12.4314L1.67696 12.1288L1.71747 11.6325L1.87139 11.4711L3.14329 10.5996L3.13924 10.6036Z"
+        fill="#D97757"
+      />
+    </svg>
+  );
+}

package/stl-docs/components/icons/cursor.tsx

@@ -0,0 +1,10 @@
+export function CursorIcon() {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 466.73 532.09">
+      <path
+        fill="currentColor"
+        d="M457.43,125.94L244.42,2.96c-6.84-3.95-15.28-3.95-22.12,0L9.3,125.94c-5.75,3.32-9.3,9.46-9.3,16.11v247.99c0,6.65,3.55,12.79,9.3,16.11l213.01,122.98c6.84,3.95,15.28,3.95,22.12,0l213.01-122.98c5.75-3.32,9.3-9.46,9.3-16.11v-247.99c0-6.65-3.55-12.79-9.3-16.11h-.01ZM444.05,151.99l-205.63,356.16c-1.39,2.4-5.06,1.42-5.06-1.36v-233.21c0-4.66-2.49-8.97-6.53-11.31L24.87,145.67c-2.4-1.39-1.42-5.06,1.36-5.06h411.26c5.84,0,9.49,6.33,6.57,11.39h-.01Z"
+      />
+    </svg>
+  );
+}

package/stl-docs/components/icons/gemini.tsx

@@ -0,0 +1,19 @@
+export const GeminiIcon = () => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 192" width="16" height="16">
+    <defs>
+      <clipPath id="clippath">
+        <path
+          d="M164.93 86.68c-13.56-5.84-25.42-13.84-35.6-24.01-10.17-10.17-18.18-22.04-24.01-35.6-2.23-5.19-4.04-10.54-5.42-16.02C99.45 9.26 97.85 8 96 8s-3.45 1.26-3.9 3.05c-1.38 5.48-3.18 10.81-5.42 16.02-5.84 13.56-13.84 25.43-24.01 35.6-10.17 10.16-22.04 18.17-35.6 24.01-5.19 2.23-10.54 4.04-16.02 5.42C9.26 92.55 8 94.15 8 96s1.26 3.45 3.05 3.9c5.48 1.38 10.81 3.18 16.02 5.42 13.56 5.84 25.42 13.84 35.6 24.01 10.17 10.17 18.18 22.04 24.01 35.6 2.24 5.2 4.04 10.54 5.42 16.02A4.03 4.03 0 0 0 96 184c1.85 0 3.45-1.26 3.9-3.05 1.38-5.48 3.18-10.81 5.42-16.02 5.84-13.56 13.84-25.42 24.01-35.6 10.17-10.17 22.04-18.18 35.6-24.01 5.2-2.24 10.54-4.04 16.02-5.42A4.03 4.03 0 0 0 184 96c0-1.85-1.26-3.45-3.05-3.9-5.48-1.38-10.81-3.18-16.02-5.42"
+          className="st0"
+        />
+      </clipPath>
+    </defs>
+    <g style={{ clipPath: 'url(#clippath)' }}>
+      <image
+        xlinkHref="data:image/webp;base64,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"
+        width={192}
+        height={192}
+      />
+    </g>
+  </svg>
+);

package/stl-docs/components/icons/markdown.tsx

@@ -0,0 +1,10 @@
+export function MarkdownIcon() {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+      <path
+        d="M14.8447 3.33301C15.151 3.33301 15.4455 3.45527 15.6621 3.67188C15.8785 3.88844 16 4.18213 16 4.48828V12.0254C15.9997 12.3315 15.8777 12.6254 15.6611 12.8418C15.4446 13.0581 15.1508 13.1797 14.8447 13.1797H1.15527C0.848967 13.1797 0.55449 13.0584 0.337891 12.8418C0.121288 12.6252 0 12.3307 0 12.0244V4.48828C1.09706e-05 4.18213 0.121501 3.88844 0.337891 3.67188C0.554493 3.45527 0.848951 3.33301 1.15527 3.33301H14.8447ZM1.15527 4.10254C1.10457 4.10245 1.0537 4.11247 1.00684 4.13184C0.960202 4.15116 0.917554 4.17917 0.881836 4.21484C0.845984 4.2507 0.817213 4.29396 0.797852 4.34082C0.778601 4.38756 0.769447 4.43773 0.769531 4.48828V12.0254C0.76962 12.0759 0.779409 12.1262 0.798828 12.1729C0.81827 12.2196 0.846978 12.2621 0.882812 12.2979C0.918602 12.3335 0.961134 12.3616 1.00781 12.3809C1.05454 12.4001 1.10474 12.4102 1.15527 12.4102H14.8447C14.9467 12.4101 15.045 12.3699 15.1172 12.2979C15.1893 12.2258 15.2293 12.1274 15.2295 12.0254V4.48828C15.2296 4.43774 15.2204 4.38755 15.2012 4.34082C15.1819 4.29403 15.1529 4.25166 15.1172 4.21582C15.0814 4.17999 15.0389 4.15126 14.9922 4.13184C14.9455 4.11249 14.8952 4.10258 14.8447 4.10254H1.15527ZM5.38477 7.56348L6.92285 5.64062H8.46094V10.8721H6.92285V7.87109L5.38477 9.79492L3.8457 7.87109V10.8711H2.30762V5.63965H3.8457L5.38477 7.56348ZM12.6924 8.33301H14.2305L11.9229 10.8711L9.61523 8.33301H11.1533V5.64062H12.6924V8.33301Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}

package/stl-docs/components/index.ts

@@ -0,0 +1 @@
+export * from '@stainless-api/ui-primitives';

package/stl-docs/components/mintlify-compat/Accordion.astro

@@ -1,46 +1,15 @@
 ---
 export interface Props {
   title: string;
+  children: astroHTML.JSX.Children;
 }
 
 const { title } = Astro.props;
----
-
-<details class="stl-ui-mintlify-compat-accordion" role="button" data-stl-ui-element>
-  <summary class="stl-ui-mintlify-compat-accordion-title">{title}</summary>
-  <div class="stl-ui-mintlify-compat-accordion-content" role="contentinfo">
-    <slot />
-  </div>
-</details>
-
-<style>
-  @layer stl-ui-mintlify-compat {
-    .stl-ui-mintlify-compat-accordion {
-      border-inline-start: none;
-      padding-inline-start: 0;
-      border-radius: 12px;
-      border: 1px solid var(--sl-color-hairline);
-      overflow: hidden;
 
-      summary {
-        padding: 16px;
-        margin-inline-start: 0;
-        overflow: hidden;
-
-        &:hover {
-          background-color: var(--sl-color-hairline);
-        }
-      }
-
-      .stl-ui-mintlify-compat-accordion-title {
-        display: flex;
-        align-items: center;
-        gap: 8px;
-      }
+import { Accordion as StainlessAccordion } from '@stainless-api/ui-primitives';
+---
 
-      .stl-ui-mintlify-compat-accordion-content {
-        padding: 16px;
-      }
-    }
-  }
-</style>
+<StainlessAccordion>
+  <StainlessAccordion.Summary>{title}</StainlessAccordion.Summary>
+  <slot />
+</StainlessAccordion>

package/stl-docs/components/mintlify-compat/AccordionGroup.astro

@@ -1,25 +1,11 @@
-<div class="stl-ui-mintlify-compat-accordion-group">
-  <slot />
-</div>
-
-<style>
-  @layer stl-ui-mintlify-compat {
-    .stl-ui-mintlify-compat-accordion-group {
-      border-radius: 12px;
-      border: 1px solid var(--sl-color-hairline);
-      overflow: hidden;
-      padding-inline-start: -5rem;
+---
+import { Accordion as StainlessAccordion } from '@stainless-api/ui-primitives';
 
-      .stl-ui-mintlify-compat-accordion {
-        margin: 0;
-        border-inline-start: none;
-        border: none;
-        border-radius: 0;
+export interface Props {
+  children: astroHTML.JSX.Children;
+}
+---
 
-        &:not(:last-child) {
-          border-bottom: 1px solid var(--sl-color-hairline);
-        }
-      }
-    }
-  }
-</style>
+<StainlessAccordion.Group>
+  <slot />
+</StainlessAccordion.Group>

package/stl-docs/components/mintlify-compat/Columns.astro

@@ -16,51 +16,49 @@ const { cols } = Astro.props;
 </div>
 
 <style>
-  @layer stl-ui-mintlify-compat {
-    .stl-ui-mintlify-compat-columns {
-      display: grid;
-      gap: 1rem;
-      grid-template-columns: 1fr;
+  .stl-ui-mintlify-compat-columns {
+    display: grid;
+    gap: 1rem;
+    grid-template-columns: 1fr;
 
-      > [data-stl-ui-element] {
-        margin: 0;
-      }
+    > [data-stl-ui-element] {
+      margin: 0;
     }
+  }
 
-    @media (min-width: 50rem) {
-      .stl-ui-mintlify-compat-columns--2 {
-        grid-template-columns: repeat(2, minmax(0, 1fr));
-      }
-      .stl-ui-mintlify-compat-columns--3 {
-        grid-template-columns: repeat(3, minmax(0, 1fr));
-      }
-      .stl-ui-mintlify-compat-columns--4 {
-        grid-template-columns: repeat(4, minmax(0, 1fr));
-      }
-      .stl-ui-mintlify-compat-columns--5 {
-        grid-template-columns: repeat(5, minmax(0, 1fr));
-      }
-      .stl-ui-mintlify-compat-columns--6 {
-        grid-template-columns: repeat(6, minmax(0, 1fr));
-      }
-      .stl-ui-mintlify-compat-columns--7 {
-        grid-template-columns: repeat(7, minmax(0, 1fr));
-      }
-      .stl-ui-mintlify-compat-columns--8 {
-        grid-template-columns: repeat(8, minmax(0, 1fr));
-      }
-      .stl-ui-mintlify-compat-columns--9 {
-        grid-template-columns: repeat(9, minmax(0, 1fr));
-      }
-      .stl-ui-mintlify-compat-columns--10 {
-        grid-template-columns: repeat(10, minmax(0, 1fr));
-      }
-      .stl-ui-mintlify-compat-columns--11 {
-        grid-template-columns: repeat(11, minmax(0, 1fr));
-      }
-      .stl-ui-mintlify-compat-columns--12 {
-        grid-template-columns: repeat(12, minmax(0, 1fr));
-      }
+  @media (min-width: 50rem) {
+    .stl-ui-mintlify-compat-columns--2 {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+    .stl-ui-mintlify-compat-columns--3 {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+    .stl-ui-mintlify-compat-columns--4 {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+    .stl-ui-mintlify-compat-columns--5 {
+      grid-template-columns: repeat(5, minmax(0, 1fr));
+    }
+    .stl-ui-mintlify-compat-columns--6 {
+      grid-template-columns: repeat(6, minmax(0, 1fr));
+    }
+    .stl-ui-mintlify-compat-columns--7 {
+      grid-template-columns: repeat(7, minmax(0, 1fr));
+    }
+    .stl-ui-mintlify-compat-columns--8 {
+      grid-template-columns: repeat(8, minmax(0, 1fr));
+    }
+    .stl-ui-mintlify-compat-columns--9 {
+      grid-template-columns: repeat(9, minmax(0, 1fr));
+    }
+    .stl-ui-mintlify-compat-columns--10 {
+      grid-template-columns: repeat(10, minmax(0, 1fr));
+    }
+    .stl-ui-mintlify-compat-columns--11 {
+      grid-template-columns: repeat(11, minmax(0, 1fr));
+    }
+    .stl-ui-mintlify-compat-columns--12 {
+      grid-template-columns: repeat(12, minmax(0, 1fr));
     }
   }
 </style>

package/stl-docs/components/mintlify-compat/Frame.astro

@@ -12,26 +12,24 @@ const { caption } = Astro.props;
 </div>
 
 <style>
-  @layer stl-ui-mintlify-compat {
-    .stl-ui-mintlify-compat-frame {
-      padding: 6px;
-      border-radius: 10px;
-      background-color: var(--sl-color-gray-7);
-      border: 1px solid var(--sl-color-gray-6);
+  .stl-ui-mintlify-compat-frame {
+    padding: 6px;
+    border-radius: 10px;
+    background-color: var(--stl-color-ui-background);
+    border: 1px solid var(--stl-color-border);
 
-      .stl-ui-mintlify-compat-frame-content {
-        border-radius: 8px;
-        overflow: hidden;
-      }
+    .stl-ui-mintlify-compat-frame-content {
+      border-radius: 8px;
+      overflow: hidden;
+    }
 
-      .stl-ui-mintlify-compat-frame-caption {
-        text-align: center;
-        padding-top: 12px;
-        padding-bottom: 6px;
-        font-size: var(--sl-text-body);
-        color: var(--sl-color-gray-3);
-        line-height: 100%;
-      }
+    .stl-ui-mintlify-compat-frame-caption {
+      text-align: center;
+      padding-top: 12px;
+      padding-bottom: 6px;
+      font-size: var(--stl-typography-scale-base);
+      color: var(--stl-color-foreground-reduced);
+      line-height: 100%;
     }
   }
 </style>

package/stl-docs/components/mintlify-compat/Step.astro

@@ -15,44 +15,42 @@ const { title } = Astro.props;
 </li>
 
 <style>
-  @layer stl-ui-mintlify-compat {
-    .stl-ui-mintlify-compat-step {
-      display: flex;
+  .stl-ui-mintlify-compat-step {
+    display: flex;
 
-      &:not(:first-child) {
-        margin-top: 1rem;
-      }
+    &:not(:first-child) {
+      margin-top: 1rem;
     }
+  }
+
+  .stl-ui-mintlify-compat-step-step-number {
+    margin-right: 1rem;
+    display: flex;
+    align-items: top;
+    justify-content: center;
+    margin-top: 4px;
 
-    .stl-ui-mintlify-compat-step-step-number {
-      margin-right: 1rem;
+    &::before {
+      counter-increment: ui-steps;
+      content: counter(ui-steps);
+      border-radius: 50%;
+      height: 1.5rem;
+      width: 1.5rem;
+      font-size: 0.8rem;
+      color: var(--stl-color-foreground);
+      font-weight: 600;
+      background-color: var(--stl-color-faint-background);
       display: flex;
-      align-items: top;
+      align-items: center;
       justify-content: center;
-      margin-top: 4px;
-
-      &::before {
-        counter-increment: ui-steps;
-        content: counter(ui-steps);
-        border-radius: 50%;
-        height: 1.5rem;
-        width: 1.5rem;
-        font-size: 0.8rem;
-        color: var(--sl-color-text);
-        font-weight: 600;
-        background-color: var(--sl-color-gray-5);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-      }
     }
+  }
 
-    .stl-ui-mintlify-compat-step-title {
-      font-weight: 600;
-      color: var(--sl-color-text);
-    }
-    .stl-ui-mintlify-compat-step-content {
-      margin-top: 0.5rem;
-    }
+  .stl-ui-mintlify-compat-step-title {
+    font-weight: 600;
+    color: var(--stl-color-foreground);
+  }
+  .stl-ui-mintlify-compat-step-content {
+    margin-top: 0.5rem;
   }
 </style>

package/stl-docs/components/mintlify-compat/Steps.astro

@@ -1,17 +1,15 @@
 <ol class="stl-ui-mintlify-compat-steps"><slot /></ol>
 
 <style>
-  @layer stl-ui-mintlify-compat {
-    .stl-ui-mintlify-compat-steps {
-      counter-reset: ui-steps;
-      list-style: none;
-      margin: 0;
-      padding: 0;
-      margin-top: 1rem;
+  .stl-ui-mintlify-compat-steps {
+    counter-reset: ui-steps;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    margin-top: 1rem;
 
-      * {
-        margin: 0;
-      }
+    * {
+      margin: 0;
     }
   }
 </style>