packages/ui: button secondary colors improvements

This commit is contained in:
vchikalkin 2023-11-23 12:24:59 +03:00
parent cb1306430d
commit c497890bcc

View File

@ -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',
}, },
}, },
} }