Skip to content

Conversation

@giamir
Copy link
Contributor

@giamir giamir commented Jan 30, 2026

SPARK-143

This PR updates the styles of button disabled states in HC modes according to the Figma spec

It also make sure that for the base and base clear button variant we exclusively use theme-secondary color step which don't have x50s steps. Therefore for those 2 variants you could observe some slight difference compared to what is in Figma.

Buttons Docs Page (PR Env)

@changeset-bot
Copy link

changeset-bot bot commented Jan 30, 2026

🦋 Changeset detected

Latest commit: f74079c

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@netlify
Copy link

netlify bot commented Jan 30, 2026

Deploy Preview for stacks-svelte ready!

Name Link
🔨 Latest commit f74079c
🔍 Latest deploy log https://app.netlify.com/projects/stacks-svelte/deploys/697cf8f4f98a870008dc4ced
😎 Deploy Preview https://deploy-preview-2160--stacks-svelte.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link

netlify bot commented Jan 30, 2026

Deploy Preview for stacks ready!

Name Link
🔨 Latest commit f74079c
🔍 Latest deploy log https://app.netlify.com/projects/stacks/deploys/697cf8f484204100088304e3
😎 Deploy Preview https://deploy-preview-2160--stacks.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@giamir giamir marked this pull request as ready for review January 30, 2026 14:58
Copy link
Collaborator

@mukunku mukunku left a comment

Choose a reason for hiding this comment

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

I noticed the border color is black-600 in the designs for HC light mode for tonal and base but you have black-300. Other than that everything seems to match the designs.

Image Image

@mukunku mukunku self-requested a review January 30, 2026 15:47
Copy link
Collaborator

@mukunku mukunku left a comment

Choose a reason for hiding this comment

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

Opened a new PR to fix the border color: #2161

Copy link
Collaborator

@CGuindon CGuindon left a comment

Choose a reason for hiding this comment

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

I like most of the changes you made with the non-50 stops.

  1. For HC Dark and HC Light mode on s-btn s-btn--badge — the badge color should be black-300 (I think you went one stop the other direction). That will match what we have now on Dark/Light mode as well which is nice.
Image Image

* fix border colors for hc

* update baseline

* Update button.less
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants