USWDS-Site - Card: Add header exdent to variant table

[mahoneycm]

Summary

Adds missing header--exdent class to card variants table.

Related issue

Closes #2209

Preview link

Card variants →

Problem statement

The card variants table was missing the header--exdent variant despite the design system offering the class and styles.

Solution

Add usa-card__header--exdent variant to table.

Additional Context

Exdent classes were added in uswds/uswds#3437 (May 2020)

• PR mentions header--exdent in the New Variants section, but it was not listed in the Variant Options table
  Guidance was updated in Add card component documentation #913 and specifically commit 877543c (May 2020)

It looks to me like the header exdent was unintentionally left out since the class was added.

Testing and review

1. View card guidance page
2. Confirm header--exdent variant is listed
3. Confrim guidance matches other exdent guidance
4. Confirm its place in table makes sense

Testing checklist

• usa-card__header--exdent variant present in table
• Class name matches actual class in the design system
• Variant guidance is appropriate and understandable
• Variant is proper place on table
• Approved changelog

[amyleadem]

Thanks for fixing this! Added a couple of little suggestions for the changelog.

Also, wondering if the variants list should be alphabetized. It doesn't seem to be the standard on the site but it would make my little organization heart happy. No action needed here, just flagging it.

I checked the following:

• usa-card__header--exdent variant present in table
• Class name matches actual class in the design system
• Variant guidance is appropriate and understandable
• Variant is proper place on table
• Approved changelog

[mahoneycm]

@amyleadem I agree about the alphabetization. I started adding it to the table with that in mind, but noticed the exdent values were put together and the other values were not alphabetized.

If we think it's a good idea to alphebetize, I'm happy to do so! Maybe we could come up with an organization pattern like organized by variant then alphabetized to get the best of both worlds?

[amyleadem]

For now, what do you think about alphabetizing just the exdent variants items so that it goes like: body--exdent, footer-exdent, etc?

It might be worth discussing opening an issue to alphabetize variants across components since it doesn't seem very consistent.

[amyleadem]

Looks good to me!