Fill the three biggest gaps that blocked authoring real designs in JSX:
- mask prop on any node: <Ellipse mask> / mask="luminance" / mask="vector"
sets isMask + maskType so sibling content clips (Figma's mask model)
- <svg> element rendering inline SVG markup into vector nodes, reusing the
iconify path pipeline (extractPaths + parseSVGPath + scalePathInfos)
- Instance overrides: <Instance of="X" overrides={{ 'childName:prop': v }} />
applies child overrides by name and records them so component sync keeps them
Adds gap tests and the shared scalePathInfos/finishIconRender helpers to
avoid duplicating the iconify pipeline.
|
||
|---|---|---|
| .. | ||
| builders.test.ts | ||
| export.test.ts | ||
| gaps.test.ts | ||
| grid-layout.test.ts | ||
| render-tree.test.ts | ||
| tailwind.test.ts | ||
| text-props.test.ts | ||