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

Button - Fix disabled styles in solid variant #10859

Merged
merged 1 commit into from
Aug 3, 2023
Merged

Conversation

pettinarip
Copy link
Member

Description

Adds the correct disabled styles to the button's solid variant as defined in the DS. It also shows the disabled state in the button's stories.

@pettinarip pettinarip force-pushed the button-disabled-styles branch from ec2e93a to f25d7ff Compare August 3, 2023 07:27
@@ -60,7 +60,7 @@ const semanticTokens = {
base: { _light: "white", _dark: "gray.700" },
highlight: { _light: "gray.100", _dark: "gray.900" },
},
disabled: { _light: "gray.300", _dark: "gray.500" },
disabled: { _light: "gray.400", _dark: "gray.500" },
Copy link
Member Author

Choose a reason for hiding this comment

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

Updated this token to match the DS spec

@gatsby-cloud
Copy link

gatsby-cloud bot commented Aug 3, 2023

✅ ethereum-org-website-dev deploy preview ready

Copy link
Contributor

@minimalsm minimalsm left a comment

Choose a reason for hiding this comment

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

LGTM as per design spec.

However, I think design should backlog revisiting this as it has contrast a11y issues.

cc: @nloureiro

@pettinarip pettinarip merged commit c64304f into dev Aug 3, 2023
@pettinarip pettinarip deleted the button-disabled-styles branch August 3, 2023 16:56
This was referenced Aug 9, 2023
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.

2 participants