Merge pull request #143 from jeffreylauwers/fix/input-button-height

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

Author: jeffreylauwers

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

@@ -2,9 +2,9 @@
   "dsn": {
     "date-input": {
       "button-inset-inline-end": {
-        "value": "{dsn.space.inline.md}",
+        "value": "{dsn.space.inline.sm}",
         "type": "dimension",
-        "comment": "Distance from the inline-end border to the calendar button (8px)"
+        "comment": "Distance from the inline-end border to the calendar button (4px)"
       },
       "icon-gap": {
         "value": "{dsn.space.text.md}",

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

@@ -2,9 +2,9 @@
   "dsn": {
     "time-input": {
       "button-inset-inline-end": {
-        "value": "{dsn.space.inline.md}",
+        "value": "{dsn.space.inline.sm}",
         "type": "dimension",
-        "comment": "Distance from the inline-end border to the clock button (8px)"
+        "comment": "Distance from the inline-end border to the clock button (4px)"
       },
       "icon-color": {
         "value": "{dsn.color.action-2.color-default}",

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

@@ -404,14 +404,14 @@
         "comment": "Form control line height"
       },
       "padding-block-start": {
-        "value": "{dsn.space.block.lg}",
+        "value": "{dsn.space.block.md}",
         "type": "dimension",
-        "comment": "Form control top padding"
+        "comment": "Form control top padding — 8px zodat min-block-size (48px) de hoogte bepaalt, gelijk aan de button"
       },
       "padding-block-end": {
-        "value": "{dsn.space.block.lg}",
+        "value": "{dsn.space.block.md}",
         "type": "dimension",
-        "comment": "Form control bottom padding"
+        "comment": "Form control bottom padding — 8px zodat min-block-size (48px) de hoogte bepaalt, gelijk aan de button"
       },
       "padding-inline-start": {
         "value": "{dsn.space.inline.lg}",