Description:
The TextAreaInput component lacks distinct visual styling when the disabled or readOnly props are applied. Currently, while the field becomes uneditable, it retains a white background, which is inconsistent with TextInput and other form elements that use a grey background (surface-disabled) to indicate inactivity.
Steps to reproduce:
- Open Fuselage Storybook.
- Navigate to Inputs/TextAreaInput.
- Toggle the disabled control.
- Observe that the background does not change color.
Expected behavior:
The component should use the standardized design tokens for disabled states, including a background color change and a not-allowed cursor.