Skip to content

Commit d243888

Browse files
Jeffrey Lauwersclaude
andcommitted
fix(tokens): gelijke hoogte voor input fields en buttons (#141)
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>
1 parent 234f70f commit d243888

3 files changed

Lines changed: 8 additions & 8 deletions

File tree

packages/design-tokens/src/tokens/components/date-input.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,9 @@
22
"dsn": {
33
"date-input": {
44
"button-inset-inline-end": {
5-
"value": "{dsn.space.inline.md}",
5+
"value": "{dsn.space.inline.sm}",
66
"type": "dimension",
7-
"comment": "Distance from the inline-end border to the calendar button (8px)"
7+
"comment": "Distance from the inline-end border to the calendar button (4px)"
88
},
99
"icon-gap": {
1010
"value": "{dsn.space.text.md}",

packages/design-tokens/src/tokens/components/time-input.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,9 @@
22
"dsn": {
33
"time-input": {
44
"button-inset-inline-end": {
5-
"value": "{dsn.space.inline.md}",
5+
"value": "{dsn.space.inline.sm}",
66
"type": "dimension",
7-
"comment": "Distance from the inline-end border to the clock button (8px)"
7+
"comment": "Distance from the inline-end border to the clock button (4px)"
88
},
99
"icon-color": {
1010
"value": "{dsn.color.action-2.color-default}",

packages/design-tokens/src/tokens/themes/start/base.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -404,14 +404,14 @@
404404
"comment": "Form control line height"
405405
},
406406
"padding-block-start": {
407-
"value": "{dsn.space.block.lg}",
407+
"value": "{dsn.space.block.md}",
408408
"type": "dimension",
409-
"comment": "Form control top padding"
409+
"comment": "Form control top padding — 8px zodat min-block-size (48px) de hoogte bepaalt, gelijk aan de button"
410410
},
411411
"padding-block-end": {
412-
"value": "{dsn.space.block.lg}",
412+
"value": "{dsn.space.block.md}",
413413
"type": "dimension",
414-
"comment": "Form control bottom padding"
414+
"comment": "Form control bottom padding — 8px zodat min-block-size (48px) de hoogte bepaalt, gelijk aan de button"
415415
},
416416
"padding-inline-start": {
417417
"value": "{dsn.space.inline.lg}",

0 commit comments

Comments
 (0)