From c497890bcc267c6e375f4847d62bc7bfcb31f88b Mon Sep 17 00:00:00 2001 From: vchikalkin Date: Thu, 23 Nov 2023 12:24:59 +0300 Subject: [PATCH] packages/ui: button secondary colors improvements --- packages/ui/button.tsx | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/packages/ui/button.tsx b/packages/ui/button.tsx index dbc54ff..4687309 100644 --- a/packages/ui/button.tsx +++ b/packages/ui/button.tsx @@ -5,7 +5,7 @@ import type { ButtonHTMLAttributes } from 'react'; import { forwardRef } from 'react'; 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: { intent: 'default', @@ -13,14 +13,15 @@ const variants = cva( variants: { intent: { danger: 'bg-danger hover:bg-danger-700', - default: 'bg-primary hover:bg-primary-700', + default: 'bg-primary hover:bg-primary-600', 'outline-danger': 'bg-transparent text-danger border border-danger hover:bg-danger hover:text-white', 'outline-default': 'bg-transparent text-primary border border-primary hover:bg-primary hover:text-white', 'outline-secondary': - 'opacity-70 bg-transparent text-secondary border border-secondary hover:bg-secondary hover:text-white', - secondary: 'bg-secondary hover:bg-secondary-700', + 'border border-primary text-primary-500 hover:bg-primary-500 hover:text-white', + secondary: + 'bg-primary-100 text-primary-500 border border-transparent hover:bg-primary-200 hover:text-primary-600', }, }, }