Use Chakra composition for field + help text

[dtemkin1]

Prerequisites

• I have read the documentation

What theme are you using?

chakra-ui

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

The chakra-ui theme uses Text components for helper text. This makes the spacing look a bit off, especially when using a LayoutGrid.

Describe the solution you'd like

The FieldTemplate component in the chakra-ui theme could follow the closed component composition format shown in the Chakra documentation, and helper text could be shown with Field.HelperText

Describe alternatives you've considered

Users could write their own components, but that would add a lot of overhead for individual projects for a relatively minor UI change.

[heath-freenome]

@antpaw Do you understand what the ask is here? And if so are you able to do the work?
If not, @dtemkin1 are you open to providing a PR for the theme?

[antpaw]

I've tried it out and it's not safe to add <Field.HelperText> as it depends on <Field.Root>. Not every component is wrapped by <Field.Root> this is because eg: chakra ui can not deal with multiple checkboxes inside one <Field.Root>.

However I'm happy to change or modify the <Text> element to something other that fixes the spacing issues. I just need to reproduces this issues first. Maybe you can provide a config for the playground and a screenshot of the issue.

[heath-freenome]

@dtemkin1 Can you provide some test cases for @antpaw ?