mittwald / flow

A collection of packages related to Flow – the mittwald design system.
https://mittwald.github.io/flow/
MIT License
6 stars 1 forks source link

Label-Value 4px to 2px #788

Closed Caro-Steinborn closed 4 weeks ago

Caro-Steinborn commented 1 month ago

We change the Label-Value height from 4px to 2px. We looked at all the possible uses of the label and realised that the distance of 4px is too large. I refer to the law of proximity: 'Elements that are close to each other are perceived as belonging together,' which supports the choice of 2px.

Bildschirmfoto 2024-09-26 um 10 09 47

Jan-Eimertenbrink commented 1 month ago

As far as I know, we need to make adjustments in two places: first, in the form control from XS to XXS, and second, in the labeled value from XS to XXS.

Affected Token

form-control: label-to-control-spacing: value: "{size-rem.xs}"

labeled-value: label-to-value-spacing: value: "{size-rem.xs}"

I have already adjusted it in Figma on our side.

deder-mw commented 4 weeks ago

Resolved by #817