NCIOCPL / ncids

NCI Design System
10 stars 5 forks source link

CR: Change Font Size on Summary Box #1815

Closed andyvanavery31 closed 3 months ago

andyvanavery31 commented 3 months ago

Request Description

The current NCIDS Summary Box uses h2 styling (token size LG) for its heading, which is oversized for the component type and usage. Therefore, this request is to reduce the size of the heading to token size MD (font size 20px/Line-height-2), while keeping the heading as an h2 for the page hierarchy.

What's the expected change?

What's the current functionality?

Resources

What's the updated acceptance criteria?

Scenario: A site visitor views an NCIDS Summary Box on a webpage
  Given a site visitor is on a webpage
    And the webpage has an NCIDS Summary Box
  When the visitor views the NCIDS Summary Box
    And the NCIDS Summary Box has a heading
  Then the heading will be token size MD (font size 20px/line-height-2)
    And the heading will be an h2 in the page hierarchy

Related Tickets

monika-jaeger commented 3 months ago

@karlikpj Updated Summary Box component overview image attached for page: https://designsystem-dev.cancer.gov/pr-1817/components/summary-box

summary box-component sample

cc: @andyvanavery31