packages/ui: button secondary colors improvements
This commit is contained in:
parent
cb1306430d
commit
c497890bcc
@ -5,7 +5,7 @@ import type { ButtonHTMLAttributes } from 'react';
|
|||||||
import { forwardRef } from 'react';
|
import { forwardRef } from 'react';
|
||||||
|
|
||||||
const variants = cva(
|
const variants = cva(
|
||||||
'rounded-sm h-10 px-5 py-2.5 text-sm font-medium text-white transition-all ease-in-out',
|
'rounded-sm h-10 px-5 py-2.5 text-sm font-semibold text-white transition-all ease-in-out',
|
||||||
{
|
{
|
||||||
defaultVariants: {
|
defaultVariants: {
|
||||||
intent: 'default',
|
intent: 'default',
|
||||||
@ -13,14 +13,15 @@ const variants = cva(
|
|||||||
variants: {
|
variants: {
|
||||||
intent: {
|
intent: {
|
||||||
danger: 'bg-danger hover:bg-danger-700',
|
danger: 'bg-danger hover:bg-danger-700',
|
||||||
default: 'bg-primary hover:bg-primary-700',
|
default: 'bg-primary hover:bg-primary-600',
|
||||||
'outline-danger':
|
'outline-danger':
|
||||||
'bg-transparent text-danger border border-danger hover:bg-danger hover:text-white',
|
'bg-transparent text-danger border border-danger hover:bg-danger hover:text-white',
|
||||||
'outline-default':
|
'outline-default':
|
||||||
'bg-transparent text-primary border border-primary hover:bg-primary hover:text-white',
|
'bg-transparent text-primary border border-primary hover:bg-primary hover:text-white',
|
||||||
'outline-secondary':
|
'outline-secondary':
|
||||||
'opacity-70 bg-transparent text-secondary border border-secondary hover:bg-secondary hover:text-white',
|
'border border-primary text-primary-500 hover:bg-primary-500 hover:text-white',
|
||||||
secondary: 'bg-secondary hover:bg-secondary-700',
|
secondary:
|
||||||
|
'bg-primary-100 text-primary-500 border border-transparent hover:bg-primary-200 hover:text-primary-600',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user