Skip to content
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.

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

Fix Stepper::indicator::Task colors #2390

Merged
merged 2 commits into from
Sep 6, 2024

Conversation

jorytindall
Copy link
Contributor

@jorytindall jorytindall commented Sep 5, 2024

📌 Summary

This PR updates the Stepper::Indicator::Task to use colors from the semantic palette instead of the core palette. This results in no visual change and was uncovered as a small improvement that could be made during the Figma v2.0 project.

I've marked this as a draft for now as there is still some discussion around some other updates that could be made to the Stepper Indicator to match the button (and vice versa).

On second thought, I think it makes sense to determine these updates incrementally, the color questions with regards to the Stepper::Indicator::Step require more discussion and potentially a more holistic solution.

🔗 External links

Jira ticket: HDS-3815
Figma file: Stepper Indicator


👀 Component checklist

💬 Please consider using conventional comments when reviewing this PR.

Copy link

vercel bot commented Sep 5, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
hds-showcase ✅ Ready (Inspect) Visit Preview Sep 5, 2024 0:53am
hds-website ✅ Ready (Inspect) Visit Preview Sep 5, 2024 0:53am

$hds-stepper-indicator-task-size: 16px;

// Determine states and corresponding styles
$hds-stepper-indicator-task-status-props: (
"incomplete": (
"color-default": var(--token-color-palette-neutral-300),
"color-hover": var(--token-color-palette-blue-300),
"color-active": var(--token-color-palette-blue-400),
"color-hover": var(--token-color-foreground-action-hover),
Copy link
Contributor Author

@jorytindall jorytindall Sep 5, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It's not possible to map all of these colors to semantic variables, but in this scenario it seems logical to do it where we can.

@jorytindall jorytindall merged commit 7fc52f6 into main Sep 6, 2024
16 checks passed
@jorytindall jorytindall deleted the jt-fix-stepper-indicator-colors branch September 6, 2024 16:41
@hashibot-hds hashibot-hds mentioned this pull request Sep 10, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants