USWDS - Utilities: Add "full-percent" palettes to top, left, right

[amyleadem]

Summary

Fixed a bug that prevented the CSS from generating .left-full, .right-full, and .top-full utility classes.

Breaking change

This is not a breaking change.

Related issue

Closes #5632

Related pull requests

Changelog PR

Problem statement

Our documentation for .left-, .right-, and .top- utility classes state that USWDS offers .left-full, .right-full, and .top-full classes. However, these do not appear in the default USWDS CSS. USWDS CSS does currently provide a .bottom-full class.

Solution

Added "full-percent" palettes to .top-, .left-, .right- utility classes.

Testing and review

• Confirm that USWDS should include .left-full, .right-full, and .top-full classes.
• Confirm that the generated CSS now includes .left-full, .right-full, and .top-full classes.
• Confirm that the new classes generate the expected property values

[mejiaj]

@amyleadem two questions;

1. How does this affect compiled CSS size?
2. Is this fixing a regression?

[amyleadem]

@mejiaj

1. Updating this adds 1KB to the CSS
   • Before: 652KB (30002 lines)
   • After: 653KB (30014 lines)
2. It doesn't appear to be a regression.
   • The bottom property received "full-percent" 5 years ago in A bunch of little fixes #2504. I don't see any history of left, right, or top having "full-percent".
   • For reference, in uswds-site the .left-full class was added to the docs at about the same time 5 years ago.

[mejiaj]

Thanks for addressing this

[mahoneycm]

Works like a charm!

• Pattern matches bottom-full which previously worked
• Correctly adds top, left, and right relative positioning

[thisisdano]

Simple and effective