@taprootio/espalier 6.3.0 → 6.5.0

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+# 6.5.0
+
+An open preview takes the width a capped main leaves it, so a page that shows both never leaves canvas beside the preview.
+
+- **Changed: a resized preview or help pane is a floor, not an exact size, while main sits at its configured maximum.** The preview, then open in-grid help, absorbs the spare width up to `--esp-page-preview-max-width` and `--esp-page-flyout-max-width`, and canvas appears only once both stand at their maximums, in equal gutters on a centered page. Before, dragging the preview narrower on a wide page (or setting a retained width) kept it exactly that wide and the surplus became canvas on both sides.
+- **Dragging toward a narrower preview has no visible effect while main is capped**, and the seam holds where main reaches its cap; dragging wider still works. The chosen width is kept and applies again when the page narrows. On a page where a pane has been resized, the exposed outer-edge separators now appear only when the panes are at their maximums.
+- **Unchanged:** pages whose main is not capped, `kind="site"`, and pages where no pane has been resized (configured `--esp-page-*-default-width` values stay exact targets until then) keep their exact widths. There is no opt-in attribute and no new token; to keep canvas, bound the panes with their maximum tokens. The Page alignment guide documents the rule.
+
+# 6.4.0
+
+A full-screen dialog can be bounded to a rectangle, so the rest of the page stays visible around it.
+
+- **New: four inset custom properties on `esp-dialog`**: `--esp-dialog-inset-block-start`, `--esp-dialog-inset-inline-start`, `--esp-dialog-inset-inline-end`, and `--esp-dialog-inset-block-end`. Each is a length measured from the viewport edge and defaults to `0px`, so a dialog that sets none covers the viewport exactly as before. Set them on the `esp-dialog` host and the dialog's scrolling surface and both backdrop layers paint only inside the rectangle. They are logical: inline start is the left edge in left-to-right text and the right edge in right-to-left text.
+- **`esp-box full-screen` fills the bounded rectangle.** It takes its position and size from the same four properties, from the dialog host or any ancestor, and its scroll container now follows the box instead of the viewport. Without the properties it still fills the viewport.
+- **Bounds change where the dialog paints, not what is reachable.** The dialog has never closed on an outside click, so clicks on the uncovered region reach the page unless something there is `inert`. Inside `esp-page`'s markup the page's tracks are inert as before, so the uncovered header and preview are not clickable; a dialog that is a direct child of another component's shadow root leaves the page around it live. The Tab trap and `Escape` act only while focus is inside the dialog, so a click on an uncovered control takes focus out of it. Set `inert` on the uncovered regions that must not be reachable. The Dialog guide has the details.
+
 # 6.3.0
 
 A field fills one layer above the surface it sits on.