@astrojs/starlight 0.1.1 → 0.1.3

package/404.astro

@@ -1,6 +1,6 @@
 ---
 import config from 'virtual:starlight/user-config';
-import { withBase } from './utils/base';
+import { pathWithBase } from './utils/base';
 
 // Built-in CSS styles.
 import './style/props.css';
@@ -40,7 +40,7 @@ const { lang = 'en', dir = 'ltr', locale } = config.defaultLocale || {};
           <p>Houston, we have a problem.</p>
           <p>
             We couldn’t find that link. Check the address or
-            <a href={withBase('/')}>head back home</a>.
+            <a href={pathWithBase('/')}>head back home</a>.
           </p>
         </MarkdownContent>
       </main>

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @astrojs/starlight
 
+## 0.1.3
+
+### Patch Changes
+
+- [#183](https://github.com/withastro/starlight/pull/183) [`89e0a04`](https://github.com/withastro/starlight/commit/89e0a04c26639246f550957acda2285e50417729) Thanks [@delucis](https://github.com/delucis)! - Fix disclosure caret rotation in sidebar sub-groups
+
+- [#177](https://github.com/withastro/starlight/pull/177) [`bdafdb0`](https://github.com/withastro/starlight/commit/bdafdb050d9d4e2501485dff37b71a3175a3b0c8) Thanks [@rviscomi](https://github.com/rviscomi)! - Fix Markdown table overflow
+
+- [#185](https://github.com/withastro/starlight/pull/185) [`4844915`](https://github.com/withastro/starlight/commit/4844915c25c9cdfb852e41584d93abfd85b82d08) Thanks [@delucis](https://github.com/delucis)! - Support setting an SVG as the hero image file
+
+## 0.1.2
+
+### Patch Changes
+
+- [#174](https://github.com/withastro/starlight/pull/174) [`6ab31b4`](https://github.com/withastro/starlight/commit/6ab31b4900166f952c1ca5ec4e4a1ef66f31be97) Thanks [@rviscomi](https://github.com/rviscomi)! - Split `withBase` URL helper to fix use with files.
+
+- [#168](https://github.com/withastro/starlight/pull/168) [`cb18eef`](https://github.com/withastro/starlight/commit/cb18eef4fda8227a6c5ec73589526dd7fbb8f4a6) Thanks [@BryceRussell](https://github.com/BryceRussell)! - Fix bottom padding on left sidebar
+
+- [#167](https://github.com/withastro/starlight/pull/167) [`990ec53`](https://github.com/withastro/starlight/commit/990ec53dee099fdb6d113a3be5ef375c73e6945a) Thanks [@BryceRussell](https://github.com/BryceRussell)! - Add `bundlePath` option to Pagefind configuration
+
+- [`4f666ba`](https://github.com/withastro/starlight/commit/4f666ba4fad7118a31bae819eb6be068da9e4d94) Thanks [@delucis](https://github.com/delucis)! - Fix focus outline positioning in tabs
+
 ## 0.1.1
 
 ### Patch Changes

package/components/HeadSEO.astro

@@ -4,7 +4,7 @@ import config from 'virtual:starlight/user-config';
 import type { HeadConfigSchema } from '../schemas/head';
 import { createHead } from '../utils/head';
 import { localizedUrl } from '../utils/localizedUrl';
-import { withBase } from '../utils/base';
+import { fileWithBase } from '../utils/base';
 
 interface Props {
   data: CollectionEntry<'docs'>['data'];
@@ -33,7 +33,7 @@ const headDefaults: z.input<ReturnType<typeof HeadConfigSchema>> = [
     tag: 'link',
     attrs: {
       rel: 'shortcut icon',
-      href: withBase('/favicon.svg'),
+      href: fileWithBase('/favicon.svg'),
       type: 'image/svg+xml',
     },
   },
@@ -81,7 +81,7 @@ if (Astro.site) {
     tag: 'link',
     attrs: {
       rel: 'sitemap',
-      href: withBase('/sitemap-index.xml'),
+      href: fileWithBase('/sitemap-index.xml'),
     },
   });
 }

package/components/Hero.astro

@@ -14,18 +14,24 @@ const {
   image,
   actions,
 } = Astro.props.hero;
+
+const imageAttrs = {
+  loading: 'eager' as const,
+  decoding: 'async' as const,
+  width: 400,
+  height: 400,
+  alt: image?.alt,
+};
 ---
 
 <div class="hero">
   {
     image?.file ? (
-      <Image
-        src={image.file}
-        loading="eager"
-        width={400}
-        height={400}
-        alt={image.alt}
-      />
+      image.file.format === 'svg' ? (
+        <img src={image.file.src} {...imageAttrs} />
+      ) : (
+        <Image src={image.file} {...imageAttrs} />
+      )
     ) : (
       image?.html && <div class="hero-html flex" set:html={image.html} />
     )

package/components/MarkdownContent.astro

@@ -95,7 +95,8 @@
   }
 
   .content :global(table) {
-    border: 1px solid var(--sl-color-gray-5);
+    display: block;
+    overflow: auto;
     border-collapse: collapse;
   }
   .content :global(tr:nth-child(2n)) {

package/components/Search.astro

@@ -108,6 +108,7 @@ const t = useTranslations(Astro.props.locale);
       new PagefindUI({
         element: '#starlight__search',
         baseUrl: import.meta.env.BASE_URL,
+        bundlePath: import.meta.env.BASE_URL.replace(/\/$/, '') + '/_pagefind/',
         showImages: false,
       });
     });

package/components/Sidebar.astro

@@ -28,6 +28,10 @@ const { sidebar, locale } = Astro.props;
     gap: 1rem;
   }
 
+  .sidebar > :global(:last-child) {
+    padding-bottom: 1rem;
+  }
+
   .mobile-preferences {
     justify-content: space-between;
     border-top: 1px solid var(--sl-color-gray-6);

package/components/SidebarSublist.astro

@@ -65,7 +65,7 @@ interface Props {
   :global([dir='rtl']) .caret {
     transform: rotateZ(180deg);
   }
-  [open] .caret {
+  [open] > summary .caret {
     transform: rotateZ(90deg);
   }
 

package/components/SiteTitle.astro

@@ -1,7 +1,7 @@
 ---
 import { logos } from 'virtual:starlight/user-images';
 import config from 'virtual:starlight/user-config';
-import { withBase } from '../utils/base';
+import { pathWithBase } from '../utils/base';
 
 interface Props {
   locale: string | undefined;
@@ -23,7 +23,7 @@ if (config.logo) {
   if (err) throw new Error(err);
 }
 
-const href = withBase(Astro.props.locale || '/');
+const href = pathWithBase(Astro.props.locale || '/');
 ---
 
 <a {href} class="site-title flex">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astrojs/starlight",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Build beautiful, high-performance documentation websites with Astro",
   "keywords": [
     "docs",

package/user-components/Tabs.astro

@@ -58,6 +58,7 @@ const { html, panels } = processPanels(panelHtml);
     text-decoration: none;
     border-bottom: 2px solid var(--sl-color-gray-5);
     color: var(--sl-color-gray-3);
+    outline-offset: var(--sl-outline-offset-inside);
   }
   .tab [role='tab'][aria-selected] {
     color: var(--sl-color-white);

package/utils/base.ts

@@ -1,11 +1,17 @@
 const base = stripTrailingSlash(import.meta.env.BASE_URL);
 
 /** Get the a root-relative URL path with the site’s `base` prefixed. */
-export function withBase(path: string) {
+export function pathWithBase(path: string) {
   path = stripLeadingSlash(stripTrailingSlash(path));
   return path ? base + '/' + path + '/' : base + '/';
 }
 
+/** Get the a root-relative file URL path with the site’s `base` prefixed. */
+export function fileWithBase(path: string) {
+  path = stripLeadingSlash(stripTrailingSlash(path));
+  return path ? base + '/' + path : base;
+}
+
 function stripLeadingSlash(path: string) {
   return path.replace(/^\//, '');
 }

package/utils/navigation.ts

@@ -1,6 +1,6 @@
 import { basename, dirname } from 'node:path';
 import config from 'virtual:starlight/user-config';
-import { withBase } from './base';
+import { pathWithBase } from './base';
 import { pickLang } from './i18n';
 import { Route, getLocaleRoutes, routes } from './routing';
 import { localeToLang, slugToPathname } from './slugs';
@@ -109,7 +109,7 @@ function linkFromConfig(
 
 /** Create a link entry. */
 function makeLink(href: string, label: string, currentPathname: string): Link {
-  if (!isAbsolute(href)) href = withBase(href);
+  if (!isAbsolute(href)) href = pathWithBase(href);
   const isCurrent = href === currentPathname;
   return { type: 'link', label, href, isCurrent };
 }