The classes in Button.vue styles should be renamed and structured to reflect the button component's variants, types and states:
.wikit-Button
- normal (&disabled) --neutral (&hover, focus, active)
- primary (&disabled) --progressive (&hover, focus, active) --destructive (&hover, focus, active)
- quiet (&disabled) --neutral (&hover, focus, active) --progressive (&hover, focus, active) --destructive (&hover, focus, active)
We should create separate props for type and variant, matching the new classes.
Notes:
- Primary buttons should have their own separate page in Storybook
- The restructuring should be done as part of the new WiKit release (2.0)