feat(element-configs): Add TextConfig + fix Text element sizing bug

- TextConfig with 10 semantic typography variants
  * display, h1, h2, h3, h4 (headings)
  * body, body-sm (body text)
  * caption, label, code (special text)
- All variants use design tokens
- Fix Text element bug: width 'auto' instead of stretching to 100%
- Text now properly sizes to content with display: flex + width: auto

Part of STYLE-002 MVP 1 implementation.
Next: MVP 2 - Node Integration.
This commit is contained in:
Tara West
2026-01-15 10:39:50 +01:00
parent e370d40931
commit ea62e07bc6
3 changed files with 150 additions and 4 deletions

View File

@@ -28,7 +28,9 @@ const TextNode = {
},
defaultCss: {
position: 'relative',
display: 'flex'
display: 'flex',
// FIX: Text should size to content by default, not stretch to parent width
width: 'auto'
},
inputProps: {
text: {