feat: add Input component

[intergalacticspacehighway]

This PR adds an Input component as displayed in Figma Link 1 Link 2

Changes

• Label component now acts as a Text instead of View and accepts all of our design system Text props. (See text.web.tsx). This approach is recommended here
• Added hidden html native input on web so it can respond to htmlFor prop in label
• Extracted colors from tailwind/config and moved to a separate file so it can be used for non-style props. e.g. selectionColor or maybe gradients in future.

Features

Input component

• API is kept in such a way that can maximize productivity and be easier to maintain. It's less flexible (you can't control where the helper, label will be displayed) but I guess this serves our purpose.
• Accessibile on all the platforms 🚀

Fixes

• fontWeight 600 points to semi-bold instead of bold.

P.S. There are some small changes in Text component. Let me know if those are not very obvious or if there's a better way to implement them!

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/showtime/showtime/HMiY9Hu2bjG5Qm6pnqNvA2F2RMJ3
✅ Preview: https://showtime-git-input-showtime.vercel.app

[github-actions]

PR Preview

This pull request preview deployment is now available.

✅ Preview: io.showtime.development://expo-development-client/?url=https://exp.host/@tryshowtime/showtime/index.exp?release-channel=pr-587&sdkVersion=43.0.0

Comment ID: 990589586

[intergalacticspacehighway]

storybook-react's document.tsx is not transpiling which is leading to build failure. Looking into it.

[axeldelafosse]

💯