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 button tokens #321

Merged
merged 10 commits into from Dec 17, 2020
Merged

Update button tokens #321

merged 10 commits into from Dec 17, 2020

Conversation

sai-san
Copy link
Collaborator

@sai-san sai-san commented Dec 14, 2020

This provides the tokens that will be used to style quiet and icon-only buttons.

This adds the alias tokens that define the color value of the border and the background of disabled quiet buttons.
This organizes tokens per button variant and flavor.
This defines the required spacing that should exist between the button's icon and its label
the variables used to style the Button.vue are replaced by the new ones derived from the new component tokens file
@Ladsgroup
Copy link
Contributor

Implementing it in #324 it seems $wikit-Button-quiet-disabled-background-color; (and border) are missing.

The variant names "normal" and "framed" are used interchangeably in the documentation. "Framed" was introduced here to match the naming applied to the WVUI button. But I believe that this change belongs in a different PR.
@sai-san sai-san marked this pull request as ready for review December 17, 2020 12:38
@sai-san sai-san merged commit b658801 into master Dec 17, 2020
@sai-san sai-san deleted the update-button-tokens branch December 17, 2020 15:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
3 participants