feat: support custom stacked form column widths and help text under the label

[huwshimi]

Done

• support stacked fields with custom column widths and help under the label to support this design:

QA

Pinging @canonical/react-library-maintainers for a review.

Storybook

To see rendered examples of all react-components, run:

yarn start

QA in your project

from react-components run:

yarn build
npm pack

Install the resulting tarball in your project with:

yarn add <path-to-tarball>

QA steps

• Open FormikField.stories.tsx.
• In the fields example add the props:

    helpAfterLabel: true,
    help: "hi",
    stacked: true,
    stackedFieldColumns: 2,
    stackedLabelColumns: 2,

• open the formikfield page in storybook and you should see the help under the label and the reduced column widths.

[Ninfa-Jeon]

Thanks, Huw!

[github-actions]

🎉 This PR is included in version 4.4.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀