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: inverted and outline button contrast #440

Merged
merged 4 commits into from
Aug 12, 2024
Merged

fix: inverted and outline button contrast #440

merged 4 commits into from
Aug 12, 2024

Conversation

jordmccord
Copy link
Collaborator

No description provided.

Copy link

vercel bot commented Aug 8, 2024

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

2 Skipped Deployments
Name Status Preview Updated (UTC)
native-ui ⬜️ Ignored (Inspect) Aug 9, 2024 10:38am
web-ui ⬜️ Ignored (Inspect) Visit Preview Aug 9, 2024 10:38am

Copy link

linear bot commented Aug 8, 2024

Copy link

changeset-bot bot commented Aug 8, 2024

🦋 Changeset detected

Latest commit: 6741665

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

This PR includes changesets to release 1 package
Name Type
@utilitywarehouse/native-ui Patch

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

Copy link
Contributor

github-actions bot commented Aug 8, 2024

🖥️ Native UI - Storybook Preview

Visit the Storybook preview URL to see the changes in action.

📱 Appetize Previews

You can view the apps using the link above and choosing the device from the top action bar. Alternatively you can use the direct links below.


Last updated from commit 4ad85d9

@jordmccord jordmccord added enhancement New feature or request native-ui labels Aug 8, 2024

_text: {
color: `$${scheme}700`,
color: `$${scheme}600`,
Copy link
Collaborator

Choose a reason for hiding this comment

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

question here: does this apply to ghost too?

Copy link
Collaborator

@noeliacabane noeliacabane Aug 8, 2024

Choose a reason for hiding this comment

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

Screenshot 2024-08-08 at 16 06 39

the disabled on inverted Button variant="ghost" was changed from 700 to 600 too (in all colorScheme)

Screenshot 2024-08-08 at 16 09 09

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Cheers, missed that one

},

_spinner: {
_svg: {
color: `$${scheme}50`,
color: `$${scheme}100`,
},
},

':active': {
Copy link
Collaborator

Choose a reason for hiding this comment

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

is :active pressed?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Yes 🙂

},
},

':active': {
backgroundColor: `$${scheme}900`,
borderColor: `$${scheme}400`,
Copy link
Collaborator

@noeliacabane noeliacabane Aug 8, 2024

Choose a reason for hiding this comment

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

not sure if this applies to inverted only,
on inverted false (light mode only) the border colour doesn't change on pressed (active) so in the case of cyan it stays at 400 and it the other colorScheme stays at 500
I see that maybe is only missing on cyan 🤔

Screenshot 2024-08-08 at 16 25 20

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Yes this is inverted only

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

The normal outline did need updating though, good spot

Copy link
Collaborator

@noeliacabane noeliacabane left a comment

Choose a reason for hiding this comment

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

This looks good. Thanks so much

@jordmccord jordmccord merged commit c3be64b into main Aug 12, 2024
6 checks passed
@jordmccord jordmccord deleted the uwds-2585 branch August 12, 2024 08:51
@github-actions github-actions bot mentioned this pull request Aug 12, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request native-ui
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants