feat!: handle color states on form elements

[benjamincanac]

Resolves #229, resolves #202

This pull request introduces some breaking changes to provide color states to Input, Textarea, Select and SelectMenu components:

InputGroup

• Component has been renamed to FormGroup and now has its own documentation page
• error prop has been added with its own preset ui.formGroup.error
• Component now uses a render function to dynamically set the color prop of children to red
• label, labelWrapper and required preset classes have been moved in label object

Input / Textarea / Select / SelectMenu

• rounded preset class has been moved from variants to the root of the preset to be customizable globally
• placeholder preset class has been moved from variants to the root of the preset to be customizable globally
• appearance prop has been removed in favor of color (defaults to white) and variant (defaults to outline) to follow Badge and Button convention, this will also allow us to define other variants in the future
• padded prop has been added to remove padding easily

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
ui	✅ Ready (Inspect)	Visit Preview	May 26, 2023 5:31pm