fix(docs): set 300px width wrapper around textfields

[noahcoop]

Issue resolution for #87

[allisonkench]

Hello Cauldron team! Myself and @noahcoop are contributing to this project as an assignment for UM. Looking forward to hearing your feedback!

[schne324]

👍 there's just one minor thing needing to be addressed

[schne324]

👍 thanks for the contribution! The change looks good I just need to figure out why circleci isn't running in this branch. I will get this merged once I sort that out

[schne324]

Sorry for the back-and-forth. I completely overlooked the fact that you updated the actual react component rather than just the demo app. You should update the TextField documentation/demo component instead of packages/react/src/components/TextField/index.tsx because we intentionally leave our inputs at 100% without a max width container to make them work in various contexts.

[schne324]

You should update the TextField documentation/demo component instead of packages/react/src/components/TextField/index.tsx

I think all you'll need to do is back out the changes to packages/react/src/components/TextField/index.tsx and update the css to:

.TextField form {
  max-width: 300px;
}

[noahcoop]

Awesome, no worries re the back-and-forth. Just reverted the changes and updated the docs css

[schne324]

Reviewed for security (gh action still isn't working)