refactor: Convert Form stories

[brianacnguyen]

Description

• Convert Label, HelpText, TextField, and TextFieldSearch stories
• Add Input story

Screenshots/Recordings

Pre-merge author checklist

• I’ve followed MetaMask Coding Standards.
• I've clearly explained:
  • What problem this PR is solving.
  • How this problem was solved.
  • How reviewers can test my changes.
• I’ve indicated what issue this PR is linked to: Fixes #???
• I’ve included tests if applicable.
• I’ve documented any added code.
• I’ve applied the right labels on the PR (see labeling guidelines).
• I’ve properly set the pull request status:
  • In case it's not yet "ready for review", I've set it to "draft".
  • In case it's "ready for review", I've changed it from "draft" to "non-draft".

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[codecov-commenter]

Codecov Report

Attention: 11 lines in your changes are missing coverage. Please review.

Comparison is base (46b493b) 34.59% compared to head (5c2ce08) 34.61%.
Report is 1 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #7349      +/-   ##
==========================================
+ Coverage   34.59%   34.61%   +0.01%     
==========================================
  Files        1017     1018       +1     
  Lines       27150    27137      -13     
  Branches     2211     2210       -1     
==========================================
  Hits         9393     9393              
+ Misses      17268    17255      -13     
  Partials      489      489              

Files	Coverage Δ
...ary/components/Form/HelpText/HelpText.constants.ts	100.00% <100.00%> (ø)
.../components/Form/TextField/TextField.constants.tsx	100.00% <ø> (ø)
...nt-library/components/Form/TextField/TextField.tsx	63.15% <ø> (ø)
...mponents/Form/TextField/foundation/Input/Input.tsx	66.66% <100.00%> (ø)
.../Form/TextFieldSearch/TextFieldSearch.constants.ts	85.71% <ø> (ø)
...rary/components/Form/HelpText/HelpText.stories.tsx	0.00% <0.00%> (ø)
...nt-library/components/Form/Label/Label.stories.tsx	0.00% <0.00%> (ø)
.../Form/TextField/foundation/Input/Input.stories.tsx	0.00% <0.00%> (ø)
...s/Form/TextFieldSearch/TextFieldSearch.stories.tsx	0.00% <0.00%> (ø)
...ry/components/Form/TextField/TextField.stories.tsx	0.00% <0.00%> (ø)

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[georgewrmarshall]

Looking good! A couple comments. Also one suggestion to make PRs easier to read I would suggest using screen casts instead of screenshots e.g.

after.mov

[georgewrmarshall]

TextFieldSearch working for me now. Must have been an issue on my side only. LGTM

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

15.4% Coverage
0.0% Duplication