Skip to content

feat(Body): implementeer Body component met cascade basisstijlen#84

Merged
jeffreylauwers merged 1 commit intomainfrom
feature/body-component
Mar 13, 2026
Merged

feat(Body): implementeer Body component met cascade basisstijlen#84
jeffreylauwers merged 1 commit intomainfrom
feature/body-component

Conversation

@jeffreylauwers
Copy link
Owner

Sluit #83.

Summary

  • CSS class dsn-body instelt zes document-level CSS properties via design tokens (achtergrond, kleur, font-family, font-size, line-height, font-weight)
  • React <Body> component rendert <div class="dsn-body"> — zelfde patroon als alle andere componenten
  • Storybook global decorator voegt dsn-body toe aan document.body.className zodat alle stories automatisch de juiste omgevingsstijlen erven
  • Storybook story aangemaakt onder Foundations/Body met docs en voorbeeld
  • Introduction.mdx bijgewerkt (43 componenten, Body toegevoegd aan Layout Components)

Test plan

  • Alle 1008 tests groen (pnpm test)
  • TypeScript schoon (pnpm --filter storybook exec tsc --noEmit)
  • Lint schoon (pnpm lint)
  • Storybook lokaal bekijken: Body verschijnt onder Foundations in de sidebar
  • Controleren dat bestaande component-previews de basisstijlen erven via de decorator
  • Light en dark mode wisselen — achtergrond en tekstkleur schakelen correct mee

🤖 Generated with Claude Code

Sluit issue #83. Voegt een Body component toe dat document-level CSS stijlen
instelt (achtergrond, kleur, typografie) zodat alle child-elementen deze
defaults erven via de CSS cascade. De Storybook global decorator past dsn-body
toe op alle stories zodat component-previews altijd in de juiste omgeving worden
getoond.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@jeffreylauwers jeffreylauwers merged commit 93ff38c into main Mar 13, 2026
3 checks passed
jeffreylauwers pushed a commit that referenced this pull request Mar 13, 2026
- README.md: Layout Components 4→5 (Body toegevoegd), 1002→1008 tests
- docs/README.md: versie 5.6.0→5.7.0, 42→43 componenten, 1002→1008 tests
- docs/03-components.md: Body sectie toegevoegd onder Layout Components
- docs/05-storybook-configuration.md: decorator beschrijving bijgewerkt (dsn-body)
- docs/changelog.md: v5.7.0 entry toegevoegd (PR #84)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant