openpencil/packages/docs/reference
Danila Poyarkov 37bc706a59
fix: lay out fill text and repeat() grid tracks (#866)
* fix(core): let fill text share an auto-layout row

Fill frames grow and shrink from a zero flex basis, so fill siblings split a row's free space. Fill text only got flexGrow, and its measure function capped it at its stored width, 100px for new text, so seven fill labels in a 280px row each kept 100px and overflowed. Without a measurer, the fallback pinned that width and set no grow at all. Fill text now uses the same zero basis as fill frames on both paths.

* fix(design-jsx): read repeat() and minmax() in grid tracks

Track lists were split on whitespace, so columns="repeat(7, 1fr)" became the tracks repeat(7, and 1fr), read as fixed 0px and 1px columns that collapsed the grid. Tokens inside parentheses now stay together, repeat() expands its tracks, minmax() grows like its maximum, and a track the grid cannot express sizes to its content instead of to 0.

* refactor(scene-graph): parse CSS grid tracks with postcss-value-parser

design-jsx read repeat() and minmax() with a hand-written tokenizer and regexes, while dom-css already parses CSS values with postcss-value-parser. Track lists are now parsed in @open-pencil/scene-graph/css on that library, where both packages can use it, and design-jsx calls it. dom-css's hand-written declaration of the library's types is replaced by the types the library ships, which the shared module needs. The Scene Graph guide records that CSS values are parsed there.
2026-10-05 14:06:07 +00:00
..
cli.md feat: write variables as a CSS token stylesheet (#856) 2026-10-04 18:15:52 +00:00
design-authoring.md fix: lay out fill text and repeat() grid tracks (#866) 2026-10-05 14:06:07 +00:00
dom-css-mapping.md refactor!: generate Tailwind JSX through dom-css (#763) 2026-09-26 10:50:28 +04:00
figma-compatibility.md feat(fig): support text on path 2026-08-17 12:00:01 +03:00
file-format.md docs(fig): clarify existing round-trip fidelity limits 2026-09-13 15:32:57 +03:00
keyboard-shortcuts.md feat(app): expand Figma menu and selection parity (#459) 2026-08-03 00:23:05 +03:00
node-types.md feat(editor): add component property controls 2026-07-17 21:59:49 +03:00
scene-graph.md docs: generate llms files 2026-05-22 16:03:04 +03:00