Website: Fix focus and brand gradient token names in color palette

[dchyun]

📌 Summary

If merged, this PR would fix the names displayed in the website color palette for the focus tokens and the brand gradient tokens, to display their full names.

🛠️ Detailed description

In the existing color palette page on the website, each token is displayed with its full name on each card. However, due to an issue with the script that generates these names currently the tokens for focus and brand gradients are having only part of their name displayed.

This is due to the fact that the script only displays the first two "paths" of the token name, which works for all other tokens except these, which go beyond 2 name levels. The script has been updated to be more flexible with these longer name paths.

Preview page

📸 Screenshots

Before

After

---

💬 Please consider using conventional comments when reviewing this PR.

📋 PCI review checklist

• If applicable, I've documented a plan to revert these changes if they require more than reverting the pull request.
• If applicable, I've worked with GRC to document the impact of any changes to security controls.
  Examples of changes to controls include access controls, encryption, logging, etc.
• If applicable, I've worked with GRC to ensure compliance due to a significant change to the in-scope PCI environment.
  Examples include changes to operating systems, ports, protocols, services, cryptography-related components, PII processing code, etc.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Updated (UTC)
hds-showcase	Ready	Preview	Oct 2, 2025 2:05pm
hds-website	Ready	Preview	Oct 2, 2025 2:05pm

[didoo]

💜

[heatherlarsen]

Great catch!