@taprootio/espalier 4.15.0 → 4.17.0

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+# 4.17.0
+
+A banner can dissolve into the section beneath it, and a lightbox swipe stays in the lightbox.
+
+- `esp-image` gains `scrim-edge`. Set it to `flush` on a banner with a directional scrim and the scrim reaches full opacity along the edge it is anchored to, relaxing to the ordinary `scrim-strength` over a short band — so a full-bleed banner sitting directly above an `esp-section` in the same context meets that band with no seam, instead of showing a quarter of the photograph through a visible line. It defaults to `none`, and is inert for `scrim="none"`, `scrim="flat"` and `scrim="radial"`, where a full-opacity edge has no meaning.
+- The join works because both sides paint the same token: when a banner's polarity matches the page scheme its scrim ink *is* `--esp-color-background`, which is what a section paints its band with. A banner pinned to the opposite polarity with `banner-scheme` keeps that polarity, so its flush edge reads as a deliberate colour break rather than a dissolve.
+- `--esp-image-scrim-edge-depth` sets how far the edge takes to relax (12% of the gradient axis by default), and `--esp-image-scrim-edge-image` with `--esp-image-scrim-edge-size` let a flush edge carry the adjoining band's own seamless tile up over the photograph, fading out with it. The component anchors its side of the tile to the scrim's edge; match the band's `background-size` and anchor its background to the top to keep the pattern continuous.
+- Nothing about the existing scrim changes: `scrim-strength`, `--esp-image-scrim-color`, `--esp-image-scrim-opacity` and the reduced-transparency treatment all behave exactly as before, and a banner without `scrim-edge` renders pixel for pixel what it did in 4.16.0.
+- Swiping inside an open `esp-lightbox` no longer opens the navigation drawer as well. A right-swipe for the previous image that started near the screen edge used to trigger both, dropping the menu over the photograph it had just turned to.
+
+# 4.16.0
+
+Breadcrumbs read as navigation, and a tab strip stays inside its own rounded corners.
+
+- Breadcrumb links now take the same ink as the links in page content (`--esp-color-link`, with the matching hover color and hover background) instead of the heading color, so a trail no longer looks like a stray heading fragment.
+- **Behavior change:** a crumb is a link whenever it has a `url`, including the last one, which previously always rendered as an inert italic label. A trail can now end at its deepest folder and stay clickable. If you have a final crumb that must not be clickable — a current-page crumb, say — remove its `url` and it renders the italic label exactly as before. Nothing else about the trail changes.
+- The current-page crumb keeps the heading ink and is reachable on its own through `--esp-breadcrumb-current-color`, so it stays visibly distinct from the links beside it.
+- Separator arrows have their own color — an accent derived from the link ink at a different hue — instead of matching headings, and `--esp-breadcrumb-separator-color` now works on a single `esp-breadcrumb` as well as on the whole trail.
+- A breadcrumb that supplies its own separator is no longer skipped when the trail decides which crumb is last, and trails whose crumbs are added or removed after first render re-point their arrows.
+- `esp-tab-group`'s tab strip rounds its own top corners to match the container instead of relying on the container's overflow clip, which WebKit drops over a scrolling tab strip — the strip no longer paints a square corner across the group's rounded border and shadow.
+- A button with both a label and an icon no longer doubles the space between them. The label cell and the icon cell each carried a full `--esp-button-padding`, so the seam between them was twice the spacing every outer edge gets; the gap is now a single padding, matching the rest of the button. Buttons with an icon get correspondingly narrower. The incognito treatment sets its own spacing and is unchanged.
+
 # 4.15.0
 
 Lightbox slides show their photo instead of an empty box, and the bottom panel