@podlite/to-jsx 0.0.41 → 0.0.43

package/lib/podlite.css

@@ -222,6 +222,103 @@ details.folded > .folded-content {
     padding: 1em;
 }
 
+/* Folded heading sections — =for head L :folded wraps the whole section */
+details.folded-section {
+    margin: 1em 0;
+}
+
+details.folded-section > summary.folded-section-summary {
+    cursor: pointer;
+    list-style: none;
+    display: flex;
+    align-items: center;
+    gap: 0.25em;
+}
+
+details.folded-section > summary.folded-section-summary::-webkit-details-marker {
+    display: none;
+}
+
+details.folded-section > summary.folded-section-summary::before {
+    content: '▶';
+    flex-shrink: 0;
+    transition: transform 0.2s ease;
+}
+
+details.folded-section[open] > summary.folded-section-summary::before {
+    transform: rotate(90deg);
+}
+
+/* Render the heading inline with the disclosure marker so the summary stays
+   on one line. Preserves <h1>..<h6> semantics (heading level announced to
+   assistive tech) while fixing the visual break caused by block-level h*.
+   The `.line-src` selector handles the case where the editor wraps each
+   node for live preview line-sync. */
+details.folded-section > summary.folded-section-summary h1,
+details.folded-section > summary.folded-section-summary h2,
+details.folded-section > summary.folded-section-summary h3,
+details.folded-section > summary.folded-section-summary h4,
+details.folded-section > summary.folded-section-summary h5,
+details.folded-section > summary.folded-section-summary h6,
+details.folded-section > summary.folded-section-summary > .line-src {
+    display: inline;
+    margin: 0;
+}
+
+details.folded-section > .folded-section-content {
+    padding: 0.5em 0 0 1em;
+}
+
+/* TOC per-item fold — single-line disclosure + link for toc items that have
+   nested children (leaf items render as plain li without a marker).
+   A left gutter (padding-left) on every toc item reserves space for the
+   disclosure marker so that text at the same level starts on the same
+   x-position regardless of whether an item is foldable. The marker sits
+   in that gutter via absolute positioning. */
+li.toc-item,
+li.toc-item-foldable {
+    position: relative;
+    padding-left: 1.2em;
+    list-style: none;
+}
+
+/* Normalise nested toc-list indentation — browser default padding-left (40px)
+   stacks with the per-item gutter, producing exaggerated indent for deeper
+   levels. Use a predictable 1.5em step per level. */
+ul.toc-list {
+    padding-left: 1.5em;
+    list-style: none;
+}
+.toc > ul.toc-list {
+    padding-left: 0;
+}
+
+li.toc-item-foldable > details.toc-fold > summary.toc-list-summary {
+    cursor: pointer;
+    list-style: none;
+}
+
+li.toc-item-foldable > details.toc-fold > summary.toc-list-summary::-webkit-details-marker {
+    display: none;
+}
+
+li.toc-item-foldable > details.toc-fold > summary.toc-list-summary::before {
+    content: '▶';
+    position: absolute;
+    left: 0;
+    display: inline-block;
+    transition: transform 0.2s ease;
+}
+
+li.toc-item-foldable > details.toc-fold[open] > summary.toc-list-summary::before {
+    transform: rotate(90deg);
+}
+
+/* Keep summary content inline when editor preview wraps nodes in .line-src */
+li.toc-item-foldable > details.toc-fold > summary.toc-list-summary > .line-src {
+    display: inline;
+}
+
 /* Folded notification blocks */
 details.notify.folded {
     border-left-width: 4px;
@@ -294,10 +391,17 @@ li.task-list-item {
     margin-left: -1em;
     padding-left: 0;
     display: flex;
-    align-items: baseline;
+    align-items: flex-start;
     gap: 0.35em;
 }
 
+li.task-list-item > input[type='checkbox'] {
+    /* nudge the checkbox down so its centre aligns roughly with the cap-height
+       of the first line of text rather than sitting at its top edge */
+    margin-top: 0.25em;
+    flex-shrink: 0;
+}
+
 li.task-list-item p {
     margin: 0;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@podlite/to-jsx",
-  "version": "0.0.41",
+  "version": "0.0.43",
   "description": "Render Podlite markup as React JSX components",
   "main": "lib/index.js",
   "homepage": "https://podlite.org",
@@ -22,10 +22,10 @@
     "test": "yarn g:jest  --passWithNoTests"
   },
   "dependencies": {
-    "@podlite/diagram": "^0.0.41",
-    "@podlite/schema": "0.0.37",
+    "@podlite/diagram": "^0.0.43",
+    "@podlite/schema": "0.0.39",
     "entities": "^4.5.0",
-    "podlite": "0.0.50",
+    "podlite": "0.0.52",
     "react-is": "^18.0.0"
   },
   "exports": {