[Select] Add validation for consistency

[geospatialem]

Check existing issues

• I have checked for existing issues to avoid duplicates

Description

Add validation for consistency across the design system to the select component

Acceptance Criteria

• Add a required prop
• Add an invalid prop
  • triggers:
    • required
• 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):

Figma resources

See the Figma file for development implementation.

Relevant Info

#4598

Which Component

select

Example Use Case

Validation

Priority impact

p2 - want for current milestone

Calcite package

• @esri/calcite-components
• @esri/calcite-components-react

Esri team

Calcite (design)

[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.