@astrojs/starlight@0.16.0

Minor Changes

• #1383 490c6ef Thanks @delucis! - Refactors Starlight’s internal virtual module system for components to avoid circular references

  This is a change to an internal API.
  If you were importing the internal virtual:starlight/components module, this no longer exists.
  Update your imports to use the individual virtual modules now available for each component, for example virtual:starlight/components/EditLink.

• #1151 134292d Thanks @kevinzunigacuellar! - Fixes sidebar auto-generation issue when a file and a directory, located at the same level, have identical names.

  For example, src/content/docs/guides.md and src/content/docs/guides/example.md will now both be included and src/content/docs/guides.md is treated in the same way a src/content/docs/guides/index.md file would be.

• #1386 0163634 Thanks @delucis! - Tightens line-height on <LinkCard> titles to fix regression from original design

  If you want to preserve the previous line-height, you can add the following custom CSS to your site:

  .sl-link-card a {
  	line-height: 1.6;
  }

• #1376 8398432 Thanks @delucis! - Tweaks vertical spacing in Markdown content styles.

  This is a subtle change to Starlight’s default content styling that should improve most sites:

  • Default vertical spacing between content items is reduced from 1.5rem to 1rem.
  • Spacing before headings is now relative to font size, meaning higher-level headings have slightly more spacing and lower-level headings slightly less.

  The overall impact is to tighten up content that belongs together and improve the visual hierarchy of headings to break up sections.

  Although this is a subtle change, we recommend visually inspecting your site in case this impacts layout of any custom CSS or components.

  If you want to preserve the previous spacing, you can add the following custom CSS to your site:

  /* Restore vertical spacing to match Starlight v0.15 and below. */
  .sl-markdown-content
  	:not(a, strong, em, del, span, input, code)
  	+ :not(a, strong, em, del, span, input, code, :where(.not-content *)) {
  	margin-top: 1.5rem;
  }
  .sl-markdown-content
  	:not(h1, h2, h3, h4, h5, h6)
  	+ :is(h1, h2, h3, h4, h5, h6):not(:where(.not-content *)) {
  	margin-top: 2.5rem;
  }

• #1372 773880d Thanks @HiDeoo! - Updates the table of contents highlighting styles to prevent UI shifts when scrolling through a page.

  If you want to preserve the previous, buggy styling, you can add the following custom CSS to your site:

  starlight-toc a[aria-current='true'],
  starlight-toc a[aria-current='true']:hover,
  starlight-toc a[aria-current='true']:focus {
  	font-weight: 600;
  	color: var(--sl-color-text-invert);
  	background-color: var(--sl-color-text-accent);
  }