Rework form layout

[franzheidl]

This PR introduces label and required props to TextInput, Textarea, Select, Checkbox and Radio. It removes the variant -prop from TextInputRow, TextareaRow, and SelectRow, as these will only support floating labels from now on.

TextInput, Textarea, Select, Checkbox, and Radio can now render their own label (and mark as required if passed) WITHOUT the need to use TextInputRow, TextareaRow, SelectRow, CheckboxRow, or RadioRow respectively.

For now, the respective …-Row components will continue to work, but the mid-term aim is to remove them. They will now pass the label and required prop directly to the actual input component.

Also, this PR introduces a generic FormRow component to take care of form element spacing.

The minimising logic of floating labels has been moved to the Label component. It now accepts a floating prop to set it up (position it absolute), and a minimised prop if it is to be minimised. All form input elements that can render labels will now use this Label component internally.

TODO:

• [x] Use context in RadioGroup and CheckboxGroup to suply name and pass methods to handle parent and child state, so we don't have to clone children in:
• [x] RadioGroup
• [x] CheckboxGroup
• [x] Make sure the default story is not rendered twice on the Docs page using the same name attribute for both RadioGroup and CheckboxGroup
• [x] Render helptext, errortext, successtext (and trigger corresponding visual states) for:
• [x] TextInput
• [x] Textarea
• [x] Switch
• [x] Select.

[ArtieReus]

Hi @franzheidl !! if you don't want someone merge a PR I would recommend setting the PR to draft. Look under the reviewers you will see a link with Convert to draft. Then is not anymore for other users to merge until you switch back the PR :)

[franzheidl]

Hey @ArtieReus, tu ets un sabelotodo! 🤓 Done just as you recommended. Wasn't quite sure whether Draft-PRs can be viewed by other users but they can, so works fine for me, thanks. 🙏👋