feat(web): indigo brand token + status tokens + Badge success/warning variants (#49)
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -27,6 +27,14 @@ export const Destructive: Story = {
|
||||
args: { variant: 'destructive', children: 'Error' },
|
||||
}
|
||||
|
||||
export const Success: Story = {
|
||||
args: { variant: 'success', children: 'Public' },
|
||||
}
|
||||
|
||||
export const Warning: Story = {
|
||||
args: { variant: 'warning', children: 'Internal' },
|
||||
}
|
||||
|
||||
export const Outline: Story = {
|
||||
args: { variant: 'outline', children: 'Draft' },
|
||||
}
|
||||
|
||||
@@ -14,6 +14,8 @@ const badgeVariants = cva(
|
||||
"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
|
||||
destructive:
|
||||
"bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
|
||||
success: "bg-success/10 text-success [a]:hover:bg-success/20",
|
||||
warning: "bg-warning/10 text-warning [a]:hover:bg-warning/20",
|
||||
outline:
|
||||
"border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
|
||||
ghost:
|
||||
|
||||
Reference in New Issue
Block a user