Skip to content

Stepper: broken check icon in type="completed" steps & incorrect color on desktop #2168

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

Open
AnaMontes11 opened this issue May 5, 2025 · 0 comments

Comments

@AnaMontes11
Copy link
Contributor

Describe the bug

When using the Stepper component with steps marked as type="completed", the check icon either renders incorrectly or is missing entirely. Additionally, on desktop viewports the icon color is being pulled from the `

Image

token instead of the intended controlActivated` token.

What libraries are you seeing the problem on?

Mobile Library, Desktop Library

Steps to reproduce

  1. Import a Stepper in Figma
  2. Observe that:
  • The check icon is distorted, clipped, or missing.
  • The icon’s color is the brand token instead of controlActivated (desktop)

Expected behavior

The check icon should render correctly inside its container.

On desktop, its color should come from the controlActivated token, matching mobile and the design spec.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: Backlog
Development

No branches or pull requests

1 participant