Skip to content

[WIP] [Project Solar / Phase 1 / Showcase] Scaffolding of the showcase pages for the carbonization of the HDS components #3241

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Draft
wants to merge 58 commits into
base: project-solar/phase-1-main-feature-branch
Choose a base branch
from
Draft

[WIP] [Project Solar / Phase 1 / Showcase] Scaffolding of the showcase pages for the carbonization of the HDS components #3241

wants to merge 58 commits into from

Conversation

didoo
Copy link
Contributor

@didoo didoo commented Sep 25, 2025

📌 Summary

This is currently based on top of #3237, but later will need to be rebased on top of #3240 to be connected to the actual theme switching)

🛠️ Detailed description

📸 Screenshots

🔗 External links

Jira ticket: HDS-XXX
Figma file: [if it applies]

👀 Component checklist

💬 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 Vercel
Copy link

vercel bot commented Sep 25, 2025 •
edited
Loading

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

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

@didoo didoo changed the title [WIP] [Project solar / Phase 1 / showcase] Scaffolding of the showcase pages for the carbonization of the HDS components [WIP] [Project Solar / Phase 1 / showcase] Scaffolding of the showcase pages for the carbonization of the HDS components Sep 25, 2025
@didoo didoo changed the title [WIP] [Project Solar / Phase 1 / showcase] Scaffolding of the showcase pages for the carbonization of the HDS components [WIP] [Project Solar / Phase 1 / Showcase] Scaffolding of the showcase pages for the carbonization of the HDS components Sep 25, 2025
@didoo didoo force-pushed the project-solar/phase-1/HDS-5242_showcase/carbonization-pages-scaffolding branch from 19234bc to cd4e9ef Compare September 30, 2025 14:13
@didoo didoo force-pushed the project-solar/phase-1/HDS-5242_showcase/carbonization-pages-scaffolding branch from cd4e9ef to a0b23a9 Compare September 30, 2025 14:21
@didoo didoo force-pushed the project-solar/phase-1-main-feature-branch branch from 519a6a6 to 3863dfa Compare September 30, 2025 14:50
didoo added 15 commits September 30, 2025 15:50
@didoo
TODO - added temporary file to main feature branch for phase 1
c0c1d7c
@didoo
added temporary changeset to feature branch for $modes support
fa4bad2
@didoo
added $modes entry to color.palette.neutral-0
9729199
@didoo
refactored logic used to provide SD configuration per target
560b40b
@didoo
progress on logic for handling $modes - 1
807dbc1
@didoo
TEMP - added modes-testing tokens
e91963c
@didoo
TEMP - added expected-CSS-output files
7462def
@didoo
progress on logic for handling $modes - 2
7971ae5
@didoo
added attributes/themeable transformation
7ceebbf
@didoo
progress on logic for handling $modes - 3
cc7aece
@didoo
TEMP - used local version of Style Dictionary for debugging
c9f47de
@didoo
progress on logic for handling $modes - 4
8aff3a2
@didoo
TEMP generated temporary dist files for testing
a21bf77 
sq
@didoo
added examples of generated themed tokens
fef192f
@didoo
added logic to generate theming CSS files
94cdd2c
didoo added 27 commits October 2, 2025 12:43
@didoo
added CSS compilation for combined-strategies tokens
bb949c9
@didoo
added Hds::ThemeSwitcher component
a9880a6
@didoo
added Hds::Theming service
ad4081b
@didoo
added theming to the Showcase itself (and replaced hardcoded values w…
03cc2d0 
…ith `—shw` CSS variables)
@didoo
added Shw::ThemeSwitcher component for showcase
7adcb8b
@didoo
updated Mock::App and added new yielded sub-components
97c5559
@didoo
added Shw:: ThemeSwitcher to the Showcase page header
07095c1
@didoo
added foundations/theming showcase page (and a frameless demo)
0d10871
@didoo
refactored hds-theming service to align with the new themes/modes a…
95608fd 
…nd be open to configurations
@didoo
sq
40581cc
@didoo
WIP
ce65667
@didoo
basic implementation of <ShwCarbonizationComparisonGrid>
d2a87ca
@didoo
refactored implementation of <ShwCarbonizationComparisonGrid>
504d11a
@didoo
implemented “Carbonization” section for Badge page
e6e05a0
@didoo
implemented “Carbonization” section for BadgeCount page
f2e47f4
@didoo
implemented “Carbonization” section for Button page
07e5a87
@didoo
implemented “Carbonization” section for Focus Ring page
3e1f545
@didoo
implemented “Carbonization” section for Typography page
64c80c6
@didoo
implemented “Carbonization” section for (new) Color page
692ac77
@didoo
added @carbon/web-components as devDependency to Showcase app
279ce8c
@didoo
added @carbon/[themes|layout|grid|type] + @ibm/plex as devDepende…
af64fda 
…ncies to Showcase app
@didoo
refactored ComparisonGrid component to add themed background color …
11e0ed6 
…to the cells/areas
@didoo
added temporary support for IBM Plex font-family
e0f1475
@didoo
refactored code to support theming for reference web components, base…
71855e9 
…d on Carbon implementation/specifications
@didoo
small refactoring
ef2d208
@didoo
small refactorings
67d5f31
@didoo
refactored content organization to have the carbonization pages as st…
f8e77f1 
…andalone pages
@didoo didoo force-pushed the project-solar/phase-1/HDS-5242_showcase/carbonization-pages-scaffolding branch from 8bc9cc9 to f8e77f1 Compare October 2, 2025 14:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
packages/components packages/tokens project solar showcase
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
3 participants
@didoo @hashibot-hds @alex-ju