feat: Textarea

[severinlandolt]

Description

This PR adds a new Textarea component.

Closes #642
Closes #363
Closes #670

What kind of change does this PR introduce? (check at least one)

• Bug fix (non-breaking change which fixes an issue)
• New Feature (non-breaking change which adds functionality)
• Refactor
• Build-related changes
• Other, please describe:

Does this PR introduce a breaking change? (check one)

• Yes
• No

If yes, please describe the impact and migration path for existing applications:

How has This been tested?

Storybook

Screenshots (if appropriate):

The PR fulfills these requirements:

• It's submitted to the main branch
• When resolving a specific issue, it's referenced in the related issue section above
• My change requires a change to the documentation. (Managed by Tremor Team)
• I have added tests to cover my changes
• Check the "Allow edits from maintainers" option while creating your PR.
• Add refs #XXX or fixes #XXX to the related issue section if your PR refers to or fixes an issue.
• By contributing to Tremor, you confirm that you have read and agreed to Tremor's CONTRIBUTING.md guideline. You also agree that your contributions will be licensed under the Apache License 2.0 license.

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
tremor-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2023 9:34pm

[severinlandolt]

@mbauchet The Default story of Textarea has no value and no defaultValue. Hence, and according to the logic in the code with const hasSelection = hasValue(value || defaultValue); it does not have a selection. This results in the text not being rendered in the correct color, despite typing something into the textarea and focusing the thing → The text is tremor-content but should be tremor-content-emphasis. The general idea is:

• Textarea focused: text-tremor-content-emphasis
• Textarea blur: text-tremor-content

What I tried and worked is adding: focus:text-tremor-content-emphasis to the textarea, but would be cooler to have it solved with the getSelectButtonColorsfunction.

Do you have a smart idea how to fix that?

Generally happy to have you reviewing the component :)

[github-actions]

🎉 This PR is included in version 3.11.0-beta.6 🎉

The release is available on:

• npm package (@beta dist-tag)
• GitHub release

Your semantic-release bot 📦🚀