Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug] Typography – Fix heading bottom margin #606

Merged
merged 4 commits into from
Dec 11, 2024

Conversation

narin
Copy link
Contributor

@narin narin commented Dec 10, 2024

Description of Change

In #550, @jessicawoodin noticed that that bottom spacing for headings was incorrect. This PR updates the values in the typography.json tokens to match the Figma values.

There will be a follow-up PR (#608) to update the component library to used the updated tokens.

Testing Packages

  • tokens-0.21.1-alpha.0

Screenshots/Video

Testing

  • Tested on iOS
  • Tested on Android
  • Tested on Web

PR Checklist

Code reviewer validation:

  • General
    • PR is linked to ticket(s)
    • PR has changelog label applied if it's to be included in the changelog
    • Acceptance criteria:
      • All satisfied or
      • Documented reason for not being performed or
      • Split to separate ticket and ticket is linked by relevant AC(s)
    • Above PR sections adequately filled out
    • If any breaking changes, in accordance with the pre-1.0.0 versioning guidelines: a CU ticket has been created for the VA Mobile App detailing necessary adjustments with the package version that will be published by this ticket
  • Code
    • Tests are included if appropriate (or split to separate ticket)
    • New functions have proper TSDoc annotations

Publish

If changes warrant a new version per the versioning guidelines and the PR is approved and ready to merge:

@narin narin requested a review from a team as a code owner December 10, 2024 20:17
@narin narin changed the title [Bug] Typography tokens – Fix heading bottom margin [Bug] Typography – Fix heading bottom margin Dec 10, 2024
@@ -80,7 +80,7 @@
"fontFamily": "{vads-font-family-serif-regular}",
"fontSize": "{vads-font-size-heading-level-1}",
"lineHeight": "{vads-font-line-height-heading-2xl}",
"marginBottom": "{vads-space-3xl}",
"marginBottom": "{vads-space-lg}",
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just for personal edification, did this change in Figma? I feel like as part of the initial outlay of the typography tokens (with the base font tokens) these were much larger for the Headings.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think they may have but maybe @jessicawoodin can confirm

@narin narin merged commit 0d6a7de into main Dec 11, 2024
4 of 14 checks passed
@narin narin deleted the bug/550-narin-fix-header-bottom-margin branch December 11, 2024 18:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants