add destructive-ghost button variant

This commit is contained in:
Justin Edmund 2025-12-17 22:39:59 -08:00
parent 54c1bd4e41
commit e7cc7384ce

View file

@ -15,6 +15,7 @@
| 'element-ghost'
| 'text'
| 'destructive'
| 'destructive-ghost'
| 'notice'
| 'subtle'
| undefined
@ -312,6 +313,15 @@
}
}
:global([data-button-root].destructive-ghost) {
background: transparent;
color: $error;
&:hover:not(:disabled) {
background: $error--bg--light;
}
}
:global([data-button-root].notice) {
background-color: var(--notice-button-bg);
color: var(--notice-button-text);