[06] [Project Solar / Phase 1 / Dry-run] Migration dry-run for foundations and components

[didoo]

📌 Summary

This PR contains the code changes for the actual dry-run of the HDS migration/carbonization.

This PR is based on top of #3241

🛠️ Detailed description

In this PR I have added new tokens (where needed) and$modes definitions in src JSON tokens for:

• typography
• color/semantic and core/palette
• badge/badge-count
• button
• modal
• file/text-input
• file/radio-card

Then I have updated the CSS styling to use the newly created component-level tokens.

Finally, I have

• re-generated the "themed" tokens in output
• update the temporary CSS files (components + themed tokens) in showcase public folder

🛠️ How to test

Note

This is a dry-run, not a final implementation, so the goal was to learn and discover, not perfection or production-ready code; the proper "final" design tokens and styles will be implemented during the proper "migration" (next phase).

Open the different "carbonized" pages and see how the HDS components are rendered, and how the Carbon Web components are rendered, and what are the differences (some are very similar, others are quite different).

Note: the implementation of focus rings for the component will be done in separate work stream.

If you want, you can also test the adoption in the consumers' application (see PRs below).

🔗 External links

Jira tickets:

• main epic: https://hashicorp.atlassian.net/browse/HDS-5195
• dry-run for typography: https://hashicorp.atlassian.net/browse/HDS-5222
• dry-run for colors: https://hashicorp.atlassian.net/browse/HDS-5224
• dry-run for Bage/BadgeCount: https://hashicorp.atlassian.net/browse/HDS-5664
• dry-run for Button: https://hashicorp.atlassian.net/browse/HDS-5665
• dry-run for Modal: https://hashicorp.atlassian.net/browse/HDS-5685
• dry-run for Form/RadioCard: https://hashicorp.atlassian.net/browse/HDS-5684

Consumer testing PRs:

• https://github.com/hashicorp/cloud-ui/pull/13268
• https://github.com/hashicorp/atlas/pull/25501
• https://github.com/hashicorp/vault-enterprise/pull/10733
• 🧪 [WIP] [HDS / Project Solar] Test theming and carbonization #13268 boundary-ui#3057

---

👀 Component checklist

• Percy was checked for any visual regression
• A changelog entry was added via Changesets if needed (see templates here)
  • changelogs will be added in the main feature branch

💬 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	Dec 3, 2025 10:11pm
hds-website	Ready	Preview	Dec 3, 2025 10:11pm

[dchyun]

This looks all good to me 🟢. Just have one question around our token nomenclature.