Skip to content
Merged
Changes from 1 commit
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
7944d18
component: Initial shadcn button commit
DrJKL Dec 15, 2025
d9bde9b
style: Align variants with Figma designs (excluding outlined)
DrJKL Dec 15, 2025
67e446d
component: Stories (mostly copied from TextButton)
DrJKL Dec 15, 2025
5ea477d
component: First migration to standard Button
DrJKL Dec 15, 2025
9eecc11
component: Second use of TextButton replaced with Button (also texton…
DrJKL Dec 16, 2025
2ba7774
component: Migrate clear button in multiselect.
DrJKL Dec 16, 2025
f5f9970
component: Migrating more TextButtons
DrJKL Dec 16, 2025
0931aa7
component: migrate Job Filters Tab buttons
DrJKL Dec 16, 2025
c1fdaea
component: Remaining TextButton instances
DrJKL Dec 16, 2025
e7b85f5
cleanup: Delete TextButton
DrJKL Dec 16, 2025
517fade
fix: Still need to figure out why the body font doesn't apply sometimes.
DrJKL Dec 16, 2025
6b7d6ea
Feat: Combinatoric Story
DrJKL Dec 16, 2025
c83b61c
feat: Use the variants/sizes in generating the story, add a Single Bu…
DrJKL Dec 16, 2025
816b693
cleanup: Simplify button options, add two text only variants
DrJKL Dec 16, 2025
9772832
component: Update what used to be subtype
DrJKL Dec 16, 2025
472ca5b
Storybook: Static size with a maintenance comment
DrJKL Dec 16, 2025
49b17d2
fix: Update subtype props
DrJKL Dec 16, 2025
e88c84d
[automated] Apply ESLint and Prettier fixes
actions-user Dec 16, 2025
82de3b6
Even better: Didn't need that button.
DrJKL Dec 17, 2025
2b2e32a
Fix: Make sure storybook works by disabling vue devtools
DrJKL Dec 17, 2025
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
style: Align variants with Figma designs (excluding outlined)
  • Loading branch information
DrJKL committed Dec 17, 2025
commit d9bde9becfd8dd0d9811df69ed77d28753e00685
32 changes: 15 additions & 17 deletions src/components/ui/button/button.variants.ts
Original file line number Diff line number Diff line change
Expand Up @@ -5,29 +5,27 @@ export const buttonVariants = cva({
base: 'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
variants: {
variant: {
default: 'bg-primary text-primary-foreground shadow hover:bg-primary/90',
destructive:
'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
outline:
'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',
secondary:
'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',
ghost: 'hover:bg-accent hover:text-accent-foreground',
link: 'text-primary underline-offset-4 hover:underline'
'bg-secondary-background text-secondary-foreground hover:bg-secondary-background-hover',
primary:
'bg-primary-background text-base-foreground hover:bg-primary-background-hover',
inverted:
'bg-base-foreground text-base-background hover:bg-base-foreground/80',
destructive:
'bg-destructive-background text-base-foreground hover:bg-destructive-background-hover',
'destructive-subtle':
'bg-secondary-background text-base-foreground hover:bg-destructive-background-hover'
},
size: {
default: 'h-9 px-4 py-2',
xs: 'h-7 rounded px-2',
sm: 'h-8 rounded-md px-3 text-xs',
lg: 'h-10 rounded-md px-8',
icon: 'h-9 w-9',
'icon-sm': 'size-8',
'icon-lg': 'size-10'
sm: 'h-6 rounded-sm px-2 py-1 text-xs',
md: 'h-8 rounded-lg p-2 text-xs',
lg: 'h-10 rounded-lg px-4 py-2 text-sm',
icon: 'size-9'
}
},
defaultVariants: {
variant: 'default',
size: 'default'
variant: 'secondary',
size: 'md'
}
})

Expand Down