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

Update Mox::Input Component UI and several light-mode UI tweaks #116

Merged
merged 3 commits into from
Jul 13, 2023

Conversation

jayjayjpg
Copy link
Contributor

@jayjayjpg jayjayjpg commented Jul 12, 2023

Closes https://github.com/meroxa/platform-ui-v1/issues/1002
Part of https://github.com/meroxa/platform-ui-v1/issues/992

With this change, we're adding a new light mode variant to the Mox::Input and Mox::Label components. We're also tweaking the UI for the Mox::LinkButton component to match the latest designs more accurately. Finally, we're updating any test scenarios for existing components that are reusing Mox::Input to specifically emulate the dark mode testing scenario when asserting for the component's style.

Screens

Mox::Input

dark light
dark-inputz light-inputz

Mox::LinkButton

before after
Screenshot 2023-07-13 at 12 28 53 PM Screenshot 2023-07-13 at 12 27 34 PM

@changeset-bot
Copy link

changeset-bot bot commented Jul 12, 2023

🦋 Changeset detected

Latest commit: c878739

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

This PR includes changesets to release 1 package
Name Type
mx-ui-components Minor

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

@github-actions
Copy link
Contributor

Test coverage: 92.49%

🤷‍♂️ Did not change

@github-actions
Copy link
Contributor

Test coverage: 92.49%

🤷‍♂️ Did not change

@jayjayjpg jayjayjpg force-pushed the jj/dark-light-mode-tweaks branch 3 times, most recently from b3d0b07 to 9b39fcc Compare July 13, 2023 10:16
@jayjayjpg jayjayjpg changed the title [WIP] upd(mox::link-button): tweak button padding Update Mox::Input Component UI and several light-mode UI tweaks Jul 13, 2023
@jayjayjpg jayjayjpg marked this pull request as ready for review July 13, 2023 10:23
@github-actions
Copy link
Contributor

Test coverage: 92.49%

🤷‍♂️ Did not change

1 similar comment
@github-actions
Copy link
Contributor

Test coverage: 92.49%

🤷‍♂️ Did not change

@jayjayjpg jayjayjpg merged commit 4913ecf into main Jul 13, 2023
3 checks passed
@jayjayjpg jayjayjpg deleted the jj/dark-light-mode-tweaks branch July 13, 2023 16:10
@meroxa-machine meroxa-machine mentioned this pull request Jul 13, 2023
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.

2 participants