[Design] International phone number pattern

[babsdenney]

Description

We need to include a new option for international phone numbers. See ticket below for details. Engineers are coming up with a solution on how to implement this in code. We will need to update designs and documentation to accommodate international phone numbers.

Details

• Phone number input needs to allow more than 10 character for international numbers #2673
• Phone number pattern in Figma
• Phone number pattern in 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)
• [ ] Create designs for component
• [ ] Review designs with PO and DST designers
• [ ] Review designs with developers and 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 and development 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]

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