gympass/yoga

[FEAT] Add prop inverted to input components

RuanRamalho opened this issue · 1 comments

Hello, my name is Ruan and I would like to contribute to Yoga!

Looking to Yoga docs, I noticed a possible feature for <Input /> component.

In the Input props documentation , I saw that it doesn't have the prop inverted as I found in the <Button /> props, as the <Button /> has support for dark mode and it is a form component, nothing fairer than the input acquiring support for dark mode with the prop inverted since it is also a form component.

This is an example of the <Input /> in white mode without a prop inverted

image

And this is an example of how <Input /> component with inverted property should work

image

Conclusion:

In order to have a good practice, the inverted property is needed in the <Input /> component as well as in the <Button /> component.

Hey @RuanRamalho,

Hope you're doing well! 🌟
Just wanted to give you a heads-up that it seems like this issue has taken a bit of a nap and gone MIA. 😴 Since we're doing some cleanup, we're going to close it for now.

No worries though! If you think there's still life in it or if you've got more info to share, feel free to wake it up by reopening. Your input is always appreciated!