starlight-cannoli-plugins 2.9.0 → 2.10.0

package/README.md

@@ -398,7 +398,7 @@ An Astro integration that injects a client-side script to apply opt-in DOM patch
 
 - `hideSingleLineGutters` (optional, default: `false`): Hides the line number gutter on Expressive Code blocks that contain only a single line.
 - `syncTocLabelsFromHeadings` (optional, default: `false`): Copies the rendered HTML of each heading into its matching Starlight TOC anchor label, so the TOC properly reflects any custom markup (e.g. math) present in the heading.
-- `limitDetailsElementHeight` (optional, default: `false`): Wraps the content of every `<details>` element (excluding its `<summary>`) in a `<div class="details-wrapper">`, useful for applying consistent spacing or animation styles.
+- `limitDetailsElementHeight` (optional, default: `false`): Limits the height of expanded `<details>` elements and makes their content scrollable.
 - `offerToggleAllDetails` (optional, default: `false`): Injects an "Expand All Dropdowns" toggle checkbox into the right sidebar (before `nav[aria-labelledby="starlight__on-this-page"]`). Clicking it opens or closes every `<details>` element on the page at once. Only appears on pages that contain at least one visible `<details>` element.
 - `offerTabbedContent` (optional, default: `false`): Injects a "Tabbed view" toggle checkbox immediately after `#starlight__on-this-page` in the right sidebar. When enabled by the user, the page's markdown content is reorganised into tabs — one per `<h2>` heading, plus an optional "Main" tab for any content that appears before the first `<h2>`. The toggle state is persisted to `localStorage`; active tab selection is not persisted. Only activates when the page has at least two sections (i.e. two or more `<h2>` elements, or one `<h2>` with pre-heading content). Has no effect on pages that lack `#starlight__on-this-page` (e.g. pages with the TOC disabled). Clicking a TOC anchor while tabs are enabled automatically switches to the tab containing the target heading. The generated elements use the classes `tabbed-content`, `tabbed-content-nav`, `tabbed-content-tab`, and `tabbed-content-panel` for styling; toggle button uses the existing `.toggle-checkbox-btn` class.
 

package/dist/{chunk-D3DPYGKF.js → chunk-RHYQUYJ3.js}

@@ -9,6 +9,10 @@ var CONDITIONAL_CSS = {
         max-width: 100%;
       }
 
+      .main-pane details > summary {
+        padding-left: 1.1em;
+      }
+
       .main-pane details[open] > div.details-wrapper {
         overflow: auto;
         max-height: 67vh;
@@ -21,9 +25,9 @@ var CONDITIONAL_CSS = {
       }
     `,
     disabled: css`
-      .main-pane details > *:not(summary) {
-        padding: 0 1rem;
-        margin: 1rem 0;
+      .main-pane details {
+        padding-left: 1rem;
+        padding-right: 1rem;
       }
     `
   }

package/dist/index.js

@@ -24,7 +24,7 @@ import {
 } from "./chunk-NCXV367P.js";
 import {
   starlightDomPatches
-} from "./chunk-D3DPYGKF.js";
+} from "./chunk-RHYQUYJ3.js";
 import "./chunk-4VNS5WPM.js";
 
 // src/plugins/starlight-index-sourced-sidebar/index.ts

package/dist/plugins/starlight-dom-patches.d.ts

@@ -5,7 +5,7 @@ interface DomPatchesOptions {
     hideSingleLineGutters?: boolean;
     /** Copy rendered heading innerHTML into matching Starlight TOC anchor labels. @default false */
     syncTocLabelsFromHeadings?: boolean;
-    /** Wrap `<details>` content (excluding `<summary>`) in a `.details-wrapper` div. @default false */
+    /** Limit the height of expanded `<details>` elements and make their content scrollable. @default false */
     limitDetailsElementHeight?: boolean;
     /**
      * Inject a toggle checkbox (after `#starlight__on-this-page`) that reorganises page content

package/dist/plugins/starlight-dom-patches.js

@@ -1,6 +1,6 @@
 import {
   starlightDomPatches
-} from "../chunk-D3DPYGKF.js";
+} from "../chunk-RHYQUYJ3.js";
 import "../chunk-4VNS5WPM.js";
 export {
   starlightDomPatches

package/dist/styles/_starlight.scss

@@ -69,10 +69,6 @@ starlight-toc ul > li {
   padding: 0.5em 0;
   display: block;
 
-  summary {
-    padding-left: 1.1em;
-  }
-
   html[data-theme="light"] & {
     background: rgba(162, 171, 173, 0.08);
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "starlight-cannoli-plugins",
   "type": "module",
-  "version": "2.9.0",
+  "version": "2.10.0",
   "description": "Starlight plugins for automatic sidebar generation and link validation",
   "license": "ISC",
   "main": "./dist/index.js",