text-area: add validation with label requirement + invalid prop for invalid text area styles

[paulcpederson]

Description

We'd like to move our textareas to use the new calcite-text-area component, but we are missing the status prop we had with calcite-input.

Acceptance Criteria

text-area should have a status prop which allows setting invalid to show an error state with a message below.

• Add Label* update to required prop
• Add invalid prop with triggers:
  • required
    • max-length exceeded
• Deprecate the status prop in favor of an invalid pop as they might not be needed for an "idle" or "valid" status
• Update invalid styling to a 2px bottom border, for instance (example below):

Relevant Info

No response

Which Component

calcite-text-area

Example Use Case

No response

Priority impact

p2 - want for current milestone

Esri team

ArcGIS Online

[jcfranco]

Related: #4598.

[geospatialem]

Repurposing the above request from the efforts of the validation epic mentioned above, where we will:

1. Add Label* update to required prop
2. Add invalid prop with triggers:
   • required
   • max-length exceeded

More information can be sought on the Figma form validation file.

[github-actions]

cc @geospatialem, @brittneytewks

[geospatialem]

Closing in favor of the efforts completed in #8057, where the status property was added, along with an internal input-message for displaying validation messages.

Additional efforts will be completed in #8000 for setting the validity state of the component internally.