[va-checkbox] - Add Indeterminate State - Design

danbrady commented 4 months ago

Description

In USWDS 3.8.0, the checkbox has a new indeterminate state. We should bring this capability into VADS.

Tasks

[ ] Conduct small audit if necessary (if component already exists and we are building a new version)
[ ] Review DST backlog for outstanding design issues with this component, if necessary (if this component already exists and we are building a new version)
[x] Create designs for component
[ ] Review designs with PO and/or DSC
[ ] Review designs with an accessibility specialist
[ ] Review designs with DST members (Carol can help schedule this)
[ ] Address any comments from reviews, if necessary
[ ] Comment on this ticket with any accessibility considerations engineers may need to know
[ ] Comment on this ticket with content specifications (e.g. labels and error messages)
[ ] Comment on this ticket with a link to the designs and post in DST Slack channel

Acceptance Criteria

[ ] Component design is complete and has been reviewed
[ ] Accessibility considerations have been added to this ticket, if necessary
[ ] Content specifications have been added to this ticket, if necessary
[ ] Link to design has been added to this ticket and shared in Slack

caw310 commented 4 months ago

Hey team! Please add your planning poker estimate with Zenhub @danbrady @LWWright7 @babsdenney

danbrady commented 3 months ago

Adding link to the USWDS Storybook that shows an example of an indeterminate state. (FYI, we noticed their doc site has subtle differences from the OOTB USWDS. So we should always be referencing their storybook when investigating styles.)

babsdenney commented 3 months ago

@danbrady @LWWright7 This is ready for review.

Indeterminate checkbox - Figma

LWWright7 commented 3 months ago

@babsdenney Hey Barb! This looks good to me!

danbrady commented 3 months ago

LGTM. Nice work, Barb!

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