Mark One: Text Input Component

[natalynyu]

This is the Text Input component, which integrates the ValidationErrorMessage component in it. The styling of this component is based off of the text input fields in the Course Planning app.

Types of changes

• [ ] Bug fix (non-breaking change which fixes an issue)
• [X] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• [x] I have run eslint on the code
• [x] I have added JSDoc for all of my code (where applicable)
• [x] I have added tests to cover my changes.

Priority:

• [x] Normal
• [ ] High

Related Issues:

Addresses #123

[codecov[bot]]

Codecov Report

:exclamation: No coverage uploaded for pull request base (develop@bec00f2). Click here to learn what that means. The diff coverage is 100%.

@@           Coverage Diff            @@
##             develop    #39   +/-   ##
========================================
  Coverage           ?   100%           
========================================
  Files              ?     25           
  Lines              ?    324           
  Branches           ?     27           
========================================
  Hits               ?    324           
  Misses             ?      0           
  Partials           ?      0

Impacted Files	Coverage Δ
src/Forms/ValidationErrorMessage.tsx	100% <ø> (ø)
src/Theme/index.ts	100% <100%> (ø)
src/Forms/TextInput.tsx	100% <100%> (ø)
src/Forms/Label.tsx	100% <100%> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more Δ = absolute <relative> (impact), ø = not affected, ? = missing data Powered by Codecov. Last update bec00f2...1351197. Read the comment docs.

[chrxr]

• Type-to-filter needs no additional work.
• Autocomplete (suggested search) should be a different component.
• [x] Need a parameter for visible / non-visible label.
• [x] Need a parameter for disabling field.
• [x] Need a label position property that would take value of top or left.

[rmainwork]

I'm approving my part of these.

[jonseitz]

This looks good! Great job incorporating all those changes. I think should be all set to merge.