-
Notifications
You must be signed in to change notification settings - Fork 11
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
BEM managed by CVA in PButton #1250
Conversation
✅ Deploy Preview for prefect-design ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
Discussed this sync - there's a bit of cleanup to do here but largely this is the appropriate direction, we'll work out some of the hairier details in the next few days. |
@znicholasbrown I think I've addressed the decisions made in Friday OH. |
type ButtonProps = VariantProps<typeof button> | ||
|
||
const props = defineProps<{ | ||
variant?: 'default' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'link', | ||
size?: 'default' | 'sm' | 'lg' | 'icon', | ||
variant?: ButtonProps['variant'], | ||
size?: ButtonProps['size'], |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
❤️
This PR moves PButton to adopt CVA to manage it's BEM hierarchy.
Along the way, the styles for
selected
are properly handled via aria-selected.This is likely the penultimate PR, which will free us from the ~80 CSS Vars to style buttons.