CR: NCIDS Card Font Sizes for Consistency on NCIDS

[andyvanavery31]

Request Description

The change to Cards has been approved by the client as of 26AUG2024. This request is to update the NCIDS Cards with the changes to the font. The result of the change will have the description text be token size xs (16px), the card title will be token size md (20px), and the group/row heading will be size xl (24px).

What's the expected change?

• The NCIDS Cards will have their font styling updated so that the description text be token size xs (16px), the card title will be token size md (20px), and the group/row heading will be size xl (24px).
• The updates will be reflected on the NCIDS Documentation Site and the NCIDS Storybook.
• The overview image for NCIDS Cards and the template for the 3-Card Row will be updated with the correct font sizes
• Regression Images of these cards will be updated on NCIDS Storybook.

What's the current functionality?

• NCIDS Cards have a description text size of 18px, card title text size of 22px, and group/row heading font size of 24px.

What's the updated acceptance criteria?

Scenario: A site visitor views an NCIDS Feature Card component
  Given the site visitor is on the NCIDS Documentation Site or the NCIDS Storybook
    And the NCIDS Card font sizes have been updated
  When the visitor views the NCIDS Card
  Then the description text size of the card will be token size xs (16px)
    And the card title text size will be token size md (20px)
    And the card row heading text size will be token size xl (24px)
  When the visitor views the NCIDS Card on the 3-Card Row Page
  Then the description text size of the card will be token size xs (16px)
    And the card title text size will be token size md (20px)
    And the card row heading text size will be token size xl (24px)

[monika-jaeger]

Attached is the updated single card image and card row pattern image.

cc: @andyvanavery31 @blilianyu @karlikpj