Aligner for headless text fields/areas, similar to Button.Aligner

[b-graves]

Is your feature request related to a problem? Please describe.

Headless text fields/area still have padding, so become misaligned from the text. See example:

Describe the solution you'd like
Either no padding on headless options or an Aligner the same was we have for ghost Buttons

Describe alternatives you've considered
Manually changing the styling

[blvdmitry]

Ready for the next release for TextField and TextArea. I went with the Aligner approach to make sure DX is aligned with other components. To make sure there is not much additional overhead though, I've added a common internal aligner utility that works across mutliple component. Keeping it internal since there are dependencies on data-attributes and css variables to get the padding value instead of hardcoding them.

https://twitter.com/blvdmitry/status/1713653015742202316

[blvdmitry]

One change I've added after the screenshot was made is to use alignment on all sides for inputs. That way View gaps will stay predictable since headless inputs padding is invisible on all sides

[b-graves]

Love this, thanks so much!