[TextArea] Fix overflow, add minRows/maxRows, and align API with InputField

[ravisuhag]

Summary

TextArea is a custom HTML textarea wrapper with label, helper text, and error state support. Has critical accessibility gaps around label association and ARIA attributes.

Improvements

4. Fix overflow: hidden on textarea

CSS has overflow: hidden which clips content. Should be overflow: auto or paired with explicit resize control.

6. Add minRows/maxRows props

No height control beyond fixed CSS. Should support row-based height constraints.

7. Align API with InputField

InputField has size and variant CVA variants. TextArea doesn't follow the same pattern.

Moved to Cross-Cutting Issues

The following items have been moved to cross-cutting issues that address them across all components:

• Replace hardcoded CSS values with design tokens (Replace hardcoded CSS values with design tokens #672)
• Accessibility baseline (Accessibility baseline: aria attributes, roles, and semantic HTML #673)

Files

• packages/raystack/raystack/components/text-area/

[rohanchkrabrty]

6. Add minRows/maxRows props

Adding minRows/maxRows props would introduce significant complexity (refs, getComputedStyle, layout effects, auto-resize logic) for a thin wrapper component. The native rows attribute already provides row-based height control and is the standard HTML approach. The real issue is that the CSS min-height overrides the rows attribute, preventing users from using it effectively. We can fix that instead and document the rows and columns properly