v0.4.2
A small feature release: <ResponsiveImage> (in @pro-laico/images) gains a fill mode so it can cover a height-driven container instead of only acting as an aspect-ratio box.
Added
@pro-laico/images: afillmode for<ResponsiveImage>. Passfillto cover a height-driven parent: the wrapper becomesposition:absolute; inset:0; size:100%and the inner<img>rendersobject-fit:<fit>with no aspect-ratio, while still painting the built-in LQIP blur placeholder and fade. This replaces the bespoke<img className="absolute inset-0 size-full object-cover">pattern used for full-bleed heroes, carousel slides, and detail panels — which bypassed the component's blur/fade/srcset wiring.aspectRatiois ignored in fill mode (the image is served at its natural ratio and CSSobject-fitcovers the box); the parent must establish a positioning context and its own height.
<div className="relative h-screen">
<ResponsiveImage image={image} fill sizes="100vw" />
</div>Upgrade notes
- Drop-in. Run
pnpm installto pick up0.4.2across the@pro-laico/*packages (lockstep versioning); no API changes —fillis opt-in and defaults tofalse.
Full changelog: v0.4.1...v0.4.2