AlaskaAirlines / auro-checkbox

Custom element for the purpose of allowing users to select one or more options of a limited number of choices.
https://auro.alaskaair.com/components/auro/checkbox
Apache License 2.0
0 stars 1 forks source link

Update feature to use new validity pattern #68

Closed blackfalcon closed 1 year ago

blackfalcon commented 2 years ago

Is your feature request related to a problem? Please describe.

The auro-checkbox element requires an update to meet new validation and error experiences.

Describe the solution you'd like

Update auro-select to use the new validity pattern as set by auro-input, combobox, etc...

Exit criteria

This issue will be considered complete once the user and code experience matches the newly set validity pattern and the element API behaves in the same way.

leeejune commented 1 year ago

Error state design changes

Form label (heading): stay as auro-color-text-primary-on-light instead of changing to auro-color-text-error-on-light

Helper text: size should be SMALL body text size, color remain as red

Label (text next to button): stay as auro-color-text-primary-on-light instead of changing to auro-color-text-error-on-light

Spacing between last form element and helper text: auro-size-200

Screen Shot 2022-11-22 at 4 28 23 PM

@jason-capsule42