Skip to content

fix(tokens): gelijke hoogte voor input fields en buttons#143

Merged
jeffreylauwers merged 1 commit intomainfrom
fix/input-button-height
Apr 6, 2026
Merged

fix(tokens): gelijke hoogte voor input fields en buttons#143
jeffreylauwers merged 1 commit intomainfrom
fix/input-button-height

Conversation

@jeffreylauwers
Copy link
Copy Markdown
Owner

@jeffreylauwers jeffreylauwers commented Apr 6, 2026

Closes #141

Summary

  • dsn.form-control.padding-block-start/end in base.json: van {dsn.space.block.lg} (12px) naar {dsn.space.block.md} (8px) — de juiste laag om dit te fixen
  • text-input.json delegeert correct naar {dsn.form-control.padding-block-*} zoals voorheen
  • Cascadeert via de token-hiërarchie naar TextInput, Select, SearchInput, DateInput en TimeInput
  • TextArea wordt ook meegenomen — min-block-size: 48px zorgt voor voldoende hoogte
  • button-inset-inline-end bij DateInput en TimeInput: van 8px → 4px voor compactere icoonpositie

De tijdelijke workaround in page-header.css (token-overrides voor padding-block) wordt verwijderd in de feature/page-header PR zodra deze fix gemerged is.

Test plan

  • pnpm test — 1234 tests groen
  • pnpm --filter storybook exec tsc --noEmit — 0 fouten
  • Token cascade geverifieerd: form-controltext-input / text-area via de juiste lagen

🤖 Generated with Claude Code

Verlaag `--dsn-text-input-padding-block-start/end` van 12px naar 8px
zodat `min-block-size` (48px) de hoogte bepaalt — net als bij de button.
Cascadeert automatisch naar Select, SearchInput, DateInput en TimeInput.

Verlaag `button-inset-inline-end` bij DateInput en TimeInput van 8px
naar 4px voor compactere icoonpositie.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@jeffreylauwers jeffreylauwers force-pushed the fix/input-button-height branch from d41f7de to d243888 Compare April 6, 2026 10:50
@jeffreylauwers jeffreylauwers merged commit ac4ea57 into main Apr 6, 2026
3 checks passed
jeffreylauwers pushed a commit that referenced this pull request Apr 6, 2026
- changelog: v5.19.0 Menu component (PR #136) + v5.19.1 form-control
  padding-block fix (PR #143)
- README: Navigation Components (3 → 4), test count 1225 → 1234 / 61 suites
- 03-components.md: Menu component toegevoegd (Navigation 3 → 4 total)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
jeffreylauwers pushed a commit that referenced this pull request Apr 6, 2026
- changelog: v5.19.0 Menu component (PR #136) + v5.19.1 form-control
  padding-block fix (PR #143)
- README: Navigation Components (3 → 4), test count 1225 → 1234 / 61 suites
- 03-components.md: Menu component toegevoegd (Navigation 3 → 4 total)

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.

feat(tokens): gelijke hoogte voor input fields en buttons

1 participant