@trebired/frontend 28.0.0 → 28.1.0

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 28.1.0
+
+- The indent reaches past documents. `typography.indent.flow` steps in every paragraph and quote that follows a heading among the same siblings, so a band, a card or a hero indents its text under its title the way a document section does without wearing a class. It is zero by default, which leaves every existing page as it was; set it to the indent step, `token.gap("md")`, to turn it on. Only text moves: a grid, a figure, a button or a wrapper after a heading stays on the heading's edge, a document, whose body already wears `tbf-indent`, is not indented twice, and centered text (`tbf-text-center`, a centered column, the error page) is left alone so it stays centered.
+
 ## 28.0.0
 
 **Breaking: a container class is emitted under `tbfm-`.** `containers: { card: … }` now writes `.tbfm-card`, `.tbfm-card__header` and `.tbfm-card--muted`. Two prefixes mark two kinds of ownership: `tbf-` is the package's own and closed to applications, while `tbfm-` is tbf-managed, named and owned by the application and only compiled by the package. A bare `.card` said neither, and sat in the global namespace where anything could collide with it. Container names in config stay bare, and may not start with either prefix.

package/README.md

@@ -342,6 +342,10 @@ Static icon mode uses `registerStaticIcons()` in the browser. Missing cached ico
 
 `bindFrontendRuntime` binds graphs, logs, code blocks, editors, fullscreen targets, source-language breakdowns and live cards and lists only when a bound root carries their markup, and imports each system the first time it does. Each system is its own chunk: a page without a graph never downloads Chart.js, and a page without logs never downloads the log viewer or the socket client. Binding these systems is asynchronous; everything else binds synchronously as before.
 
+### Indented Flow
+
+`typography.indent.flow` indents paragraphs and quotes that follow a heading among the same siblings, by the given step; it is zero by default. Set it once in the components config and every heading in the application carries its text one step in, without a class on any component. Structure decides what moves: text that is a sibling after a heading moves, everything else stays on the heading's edge.
+
 ### Island Preparation
 
 `mountLiveIsland({ prepare })` awaits `prepare` before the island renders or hydrates, on the first mount and on every remount after a soft navigation. It receives `url`, the address the island is about to render: during a soft navigation that is the target, which the browser history does not show until the new content is in place, so read the route from `url` rather than from `location`. Load what the island renders there, such as the page module of the current route, and the server markup hydrates against it without a mismatch.

package/dist/indent/styles/index.scss

@@ -14,3 +14,9 @@
     var(#{ns.css-var("border-width")}, 1px) solid var(#{ns.css-var("border")}, currentColor)
   );
 }
+
+$centered: "#{ns.class("text-center")}, #{ns.class("center")}, #{ns.class("error-page__body")}";
+
+:where(h1, h2, h3, h4, h5, h6) ~ :where(p, blockquote):not(:where(#{$centered}, #{$centered} *)) {
+  padding-inline-start: token("flow", 0px);
+}

package/package.json

@@ -8,7 +8,7 @@
     }
   },
   "name": "@trebired/frontend",
-  "version": "28.0.0",
+  "version": "28.1.0",
   "description": "Generic browser runtime systems for Trebired frontend packages and applications.",
   "type": "module",
   "sideEffects": [