[Design] Determine button line height

[babsdenney]

Description

You can read the background about this ticket in the development ticket below.

Update button line height #2963

We need to determine a new line height for buttons so that the button text doesn't run together. Once a new line-height is determined, update Figma and dev ticket with the new line height.

Details

Button in Figma Button in Storybook

Tasks

• [ ] Determine the button line height
• [ ] Review with DST Designers, PO, and PM
• [ ] Review designs with developers and accessibility specialist
• [ ] Update all Figma components with the new line height
• [ ] Update this ticket with the line height needed to be implemented in code
• [ ] 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

[LWWright7]

@danbrady @babsdenney - This is ready for review. I used the USWDS spacing for guidance and created examples to show what the button would look like with spacing at the USWDS breakpoints (1, 1.15, 1.35, 1.5, 1.62, 1.75 and I added 2 just for funzies).

[danbrady]

Really great work, @LWWright7! I like how you laid out the options and used USWDS as a guide.

[LWWright7]

This ticket is blocked by a research ticket for dev: 3088

[LWWright7]

Closing this ticket as the line height has been determined through research into USWDS breakpoints in this ticket:

I've created a new ticket to actually update Figma component depending on the research that the dev team does in this ticket.