diff --git a/.changeset/pre.json b/.changeset/pre.json index c9ac6fada..9fef0829a 100644 --- a/.changeset/pre.json +++ b/.changeset/pre.json @@ -104,6 +104,7 @@ "fix-geo-mark-domain", "fix-geopath-canvas-tooltip", "fix-implicit-series-domain", + "fix-pattern-canvas", "fix-pie-arc-xrange", "fix-scale-band-invert", "fix-transform-projection-reactivity", @@ -135,6 +136,10 @@ "honest-hoops-peel", "hot-dots-stick", "hot-pigs-push", + "html-background-origin", + "html-box-sizing", + "html-circle-ellipse-pattern-fills", + "html-default-border-width", "huge-boats-fix", "huge-lions-do", "huge-regions-live", @@ -178,6 +183,7 @@ "open-bushes-run", "open-houses-vanish", "orientation-to-valueaxis", + "pattern-html-layer", "piechart-arcchart-labels-prop", "pink-flies-worry", "pink-hornets-rest", diff --git a/packages/layerchart/CHANGELOG.md b/packages/layerchart/CHANGELOG.md index 8113973e2..b82b60464 100644 --- a/packages/layerchart/CHANGELOG.md +++ b/packages/layerchart/CHANGELOG.md @@ -1,5 +1,23 @@ # LayerChart +## 2.0.0-next.56 + +### Minor Changes + +- feat(Circle, Ellipse): Support pattern/gradient `fill` values on the `` layer by switching from `background-color` to the `background` shorthand (with `background-origin: border-box` to keep patterns aligned under the border). Accepts values produced by `` / `` in HTML mode. ([#449](https://github.com/techniq/layerchart/pull/449)) + +- feat(Pattern): Support `` layer by producing CSS `repeating-linear-gradient` (lines) and `radial-gradient` (circles) values usable as a `background`/`fill`. Gradient-valued `background` (e.g. ``) is also supported. ([#449](https://github.com/techniq/layerchart/pull/449)) + +### Patch Changes + +- fix(Pattern): Restore canvas layer support by registering as a `group` node so snippet children (e.g. ``) render correctly ([#449](https://github.com/techniq/layerchart/pull/449)) + +- fix(Rect): On the `` layer, set `background-origin: border-box` so fills/patterns start at the outer edge — previously the CSS `background` shorthand reset origin to `padding-box`, shifting patterns inward by `border-width` when a stroke was applied. ([#449](https://github.com/techniq/layerchart/pull/449)) + +- fix(Rect, Circle, Ellipse): Apply `box-sizing: border-box` on the `` layer so the visual extent equals `width`×`height` (or `r * 2`, `rx * 2`×`ry * 2`) — the border is drawn within that extent instead of added to it, matching SVG bounds. ([#449](https://github.com/techniq/layerchart/pull/449)) + +- fix(Rect, Circle, Ellipse): On the `` layer, default `border-width` to `1px` when `stroke` is set without an explicit `strokeWidth`, matching SVG's implicit `stroke-width: 1`. Also ensures Circle/Ellipse `border-width` gets the required `px` unit. ([#449](https://github.com/techniq/layerchart/pull/449)) + ## 2.0.0-next.55 ### Minor Changes diff --git a/packages/layerchart/package.json b/packages/layerchart/package.json index b37a14cee..2696db52e 100644 --- a/packages/layerchart/package.json +++ b/packages/layerchart/package.json @@ -5,7 +5,7 @@ "license": "MIT", "repository": "techniq/layerchart", "homepage": "https://layerchart.com", - "version": "2.0.0-next.55", + "version": "2.0.0-next.56", "scripts": { "dev": "pnpm package:watch", "package": "svelte-package",