Introduce a warning state in the calcite input messages component

[aart7367]

Check existing issues

• I have checked for existing issues to avoid duplicates

Description

We currently have a variety of notices that are displayed to the user in a modal.

1. Info notice to show information.
   For example the types of inputs accepted in the modal

2. Errors based on information user inputs. Here the Ok button is disabled and an error is displayed

3. A warning message based on user inputs but its a warning. User can still proceed with their action,
   We have played around with a couple of options

Using idle here seems odd since this is different from other places where we use this info notice and can be easily ignored. Its also not an error because the user can still proceed with their work

Acceptance Criteria

• A warning state similar to the yellow warning notice

Relevant Info

No response

Which Component

https://developers.arcgis.com/calcite-design-system/components/input-message/

Example Use Case

No response

Priority impact

impact - p2 - want for an upcoming milestone

Calcite package

• @esri/calcite-components
• @esri/calcite-components-react
• @esri/calcite-design-tokens
• @esri/eslint-plugin-calcite-components

Esri team

ArcGIS Online

[macandcheese]

There is no "warning" validity state - so we'd need to decouple the Input Message's intent a bit from being tied 1:1 to form component status. cc @SkyeSeitz @ashetland re: our conversation about a generic "message" component.

As a workaround, you can use the "valid" (or "idle") and set a css property override: https://codepen.io/mac_and_cheese/pen/jENKdNR?editors=1000

[aart7367]

@macandcheese thanks for the suggestion. The workaround might actually work for what we are trying to do. Will let you know