[WIP-00] [Project Solar / Milestone 1] Main feature branch

[didoo]

📌 Summary

This is the main feature branch for the work needed to

1. create a working integral flow that connects the design tokens pipeline (updated to support $modes) to the CSS for the HDS components (updated to generate multiple CSS files in input, including themed tokens where needed) to the showcase (updated to support theme switching and the theming of HDS components for the their migration to the Carbon visual language, aka "carbonization")
2. the dry-run migration of a selection of HDS foundational elements and components
3. follow-up activities (engineering only)
4. the actual migration of the HDS foundations and components

🛠️ Detailed description

This PR will include:

$modes support for tokens/components/showcase

• [01] [Project Solar / Phase 1 / Tokens Pipeline] Main feature branch for $modes support in tokens pipeline and component's CSS compilation #3238
• [02] [Project Solar / Phase 1 / Tokens Pipeline] Add $modes support to tokens pipeline #3239
• [03] [Project Solar / Phase 1 / Themed CSS for HDS components] Rollup configuration and Sass processing for multiple files  #3259
• [04] [Project Solar / Phase 1 / Showcase] Add support for theming and theme-switching to the showcase #3240
• [04-Part2] [Project Solar / Phase 1 / Showcase] Add support for theming and theme-switching to the showcase #3390
• [05] [Project Solar / Phase 1 / Showcase] Scaffolding of the showcase pages for the carbonization of the HDS components #3241

Dry-run migrations:

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

Follow-up activities:

• [Project Solar / Phase 1 / Engineering Follow-ups] Improve validation for $modes #3397
• [Project Solar / Phase 1 / Engineering Follow-ups] Fix logic to extract Carbon animation easing tokens #3398
• [Project Solar / Phase 1 / Engineering Follow-ups] Normalize font-size units in Carbon design tokens #3400
• [Project Solar / Phase 1 / Engineering Follow-ups] Add localStorage parsing validation #3401

👀 Previews:

Foundations:

• Foundations / Theming
• Carbonization / Color
• Carbonization / Typography
• Carbonization / Focus-ring

Components:

• Carbonization / Badge
• Carbonization / BadgeCount
• Carbonization / Button
• Carbonization / Form::TextInput
• Carbonization / Form::RadioCard
• Carbonization / Modal
• Carbonization / SegmentedGroup

👷 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

🔗 External links

Jira ticket (Milestone): https://hashicorp.atlassian.net/browse/RDPR-830

Figma file: https://www.figma.com/design/dH5BKO7rHWGZaBuK7rRt5S/Dry-runs?node-id=376-15499&p=f&t=e583xddN1Yrqpuyr-0

---

👀 Component checklist

• Percy was checked for any visual regression
• A changelog entry was added via Changesets if needed (see templates here)

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