fix/Input: Fix HelpLink position on inputs.

[moathabuhamad-cengage]

Issue: #1163

What I did

Fix HelpLink position on inputs. Fix errors in code example in the docs

Screenshots:

Checklist

• [x] changeset has been added
• [x] Pull request description is descriptive
• [x] I have made corresponding changes to the documentation
• [x] New and existing unit tests pass locally with my changes
• [-] I have added tests that prove my fix is effective or that my feature works

How to test

Test the styling and design under /story/input--help-link Review the Doc example under /api/input/#help_link

[changeset-bot[bot]]

🦋 Changeset detected

Latest commit: a7e42d8034d1d29f87acb972df3f9f37a44123ef

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

| Name | Type | | --------------- | ----- | | react-magma-dom | Patch |

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions[bot]]

🚀 Deployed on https://docs-preview-1546--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://storybook-preview-1546--upbeat-sinoussi-f675aa.netlify.app

[silvalaura]

Looks great!!

Component issues:

• When using labelPosition top, there is still space being left on the right size of the input, and it should be full width ✅
• Help link - left label: is it okay that the label is centered aligned and looks like this with a long label? ✅
• Help link - top label: is this the expected result? ✅
• Label does not collide with Help button ✅
• Looks good when input is size medium and large ✅

input.mdx issues:

• type={InputType.button} was passed to IconButton, and it doesn't need a type at all ⚠️ this is fixed, but InputType is imported and never used
• Spacer is missing as an import ✅
• size, variant and labelPosition should take an enum instead of a string ✅

[github-actions[bot]]

🚀 Deployed on https://docs-preview-1546--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://storybook-preview-1546--upbeat-sinoussi-f675aa.netlify.app