department-of-veterans-affairs / vets-design-system-documentation

Repository for design.va.gov website
https://design.va.gov
59 stars 65 forks source link

Experimental Design [Alert: need alt. version of sign-in alerts + lock icon] #3105

Open sterkenburgsara opened 4 months ago

sterkenburgsara commented 4 months ago

What

My HealtheVet has a use case where we need to use a warning version of the sign-in alert. While this is possible in Figma, the same flexibility doesn't exist in the coded instance of the alerts. Developers cannot use the lock icon in the warning alert today, so our team had to create a custom instance of the alert for this purpose. We are hoping that the lock icon can be used in informational and warning alert styles moving forward.

Purpose

My HealtheVet needs to have warning alerts with the "lock" icon related to a complicated series of sign-in alerts that help Veterans on the journey to verify their identity and access My HealtheVet. After taking these designs through the Design System Council earlier in the sprint, we were advised to use warning alerts to better indicate that "success" was not imminent.

Usage

Same as above

Behavior

No specific considerations for mobile or other devices

Examples

Figma files here

Screenshot 2024-07-29 at 4 12 08 PM Screenshot 2024-07-29 at 4 11 12 PM Screenshot 2024-07-29 at 4 11 28 PM

Accessibility

N/A

Guidance

For sign-in scenarios where additional steps are necessary in order for a user to unlock or access personal account information.

Collaboration Cycle Ticket

Your team

Cartography Team / My HealtheVet

Research (optional)

Code (optional)

Include any existing code.

Next steps

You may present your work to the Design System Council at an upcoming meeting. If you do not or cannot attend the Design Council Meeting, you can opt to get an asynchronous approval.

Submit requests to join an upcoming Design System Council meeting in #platform-design-system.

During the meeting, the Design System Council Working Group will evaluate the request and make a decision.

If your request is approved, you can add your component or pattern to the system. If you have any questions on how to add your component or pattern to the system, please reach out to the Design System Team at #platform-design-system.

humancompanion-usds commented 4 months ago

No need to come to DSC. We're already planning on adding additional Sign-in variations as Content Components to the Design System (issues #2556 and #76785) this quarter. We'll add this to the pile of Sign-in alerts.

sterkenburgsara commented 4 months ago

Sounds great, thank you so much!