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

[mercury][button] Update "destructive" colors, Include "success" primary button, and Include "icon only" primary and secondary buttons. #480

Open
wants to merge 30 commits into
base: main
Choose a base branch
from

Conversation

bsastregx
Copy link
Collaborator

@bsastregx bsastregx commented Feb 17, 2025

Changes in this PR:

✨ New button styles have been added:

Button Type Button Classes UI
Primary button-primary-success primary-success
Primary button-primary-success button-icon-and-text primary-success-with-icon
Primary button-primary button-icon-only primary-icon-only
Secondary button-secondary-destructive secondary-destructive
Secondary button-secondary-destructive button-icon-and-text secondary-destructive-with-icon
Secondary button-secondary button-icon-only secondary-icon-only

- Upadte error tokens: the values were outdated
- Add error tokens: 700 to 1000 variants were missing
 Pass colors as parameters to allow the mixin being used with different colors.
- Add `secondary-with-icon` and `secondary-icon-only` button types
@bsastregx bsastregx changed the title [mercury][button] Update "destructive" colors, Include "success" primery button, Include "loading" primaery and secondary buttons, Include "icon only" primary and secondary buttons. [mercury][button] Update "destructive" colors, Include "success" primary button, Include "loading" primaery and secondary buttons, Include "icon only" primary and secondary buttons. Feb 17, 2025
@bsastregx bsastregx changed the title [mercury][button] Update "destructive" colors, Include "success" primary button, Include "loading" primaery and secondary buttons, Include "icon only" primary and secondary buttons. [mercury][button] Update "destructive" colors, Include "success" primary button, Include "loading" primary and secondary buttons, Include "icon only" primary and secondary buttons. Feb 17, 2025
@bsastregx bsastregx added mercury Changes related to Mercury design system feature Feature implementation pull request labels Feb 17, 2025
@bsastregx
Copy link
Collaborator Author

@ncamera here you can see the showcase for the button: https://preview-showcase-button.netlify.app/mercury/components/button

@bsastregx bsastregx requested a review from ncamera March 5, 2025 15:01
@bsastregx bsastregx closed this Mar 11, 2025
@bsastregx bsastregx deleted the mercury/update-buttons branch March 11, 2025 16:36
@bsastregx bsastregx restored the mercury/update-buttons branch March 11, 2025 16:41
@bsastregx bsastregx reopened this Mar 11, 2025
@bsastregx bsastregx changed the title [mercury][button] Update "destructive" colors, Include "success" primary button, Include "loading" primary and secondary buttons, Include "icon only" primary and secondary buttons. [mercury][button] Update "destructive" colors, Include "success" primary button, and Include "icon only" primary and secondary buttons. Mar 18, 2025
@bsastregx bsastregx requested a review from ncamera March 18, 2025 17:27
@bsastregx
Copy link
Collaborator Author

@ncamera I have commented all the buttons with loaders, since it is not clear yet how they should be implemented, and we also may need the ch-progress.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature Feature implementation pull request mercury Changes related to Mercury design system
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants