From 2256a22a85ca42a80295c5d4d1e2ed805386062a Mon Sep 17 00:00:00 2001 From: Djordje Vlaisavljevic Date: Thu, 8 Feb 2024 11:28:03 +0000 Subject: [PATCH] Added hover state to `HTMLField` component refs DES-8 --- apps/admin-x-design-system/src/global/form/HtmlField.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/admin-x-design-system/src/global/form/HtmlField.tsx b/apps/admin-x-design-system/src/global/form/HtmlField.tsx index 2e61dea8aa..e41f2dbc91 100644 --- a/apps/admin-x-design-system/src/global/form/HtmlField.tsx +++ b/apps/admin-x-design-system/src/global/form/HtmlField.tsx @@ -36,7 +36,7 @@ const HtmlField: React.FC = ({ const textFieldClasses = unstyled ? '' : clsx( 'flex min-h-[32px] items-center rounded-md border border-transparent py-1.5 md:min-h-[36px]', clearBg ? 'bg-transparent' : 'bg-grey-150 px-3 dark:bg-grey-900', - error ? `border-red` : `dark:bg-dark-925 hover:bg-grey-100 focus:border-green focus:shadow-[0_0_0_1px_rgba(48,207,67,1)]`, + error ? `border-red` : `hover:bg-grey-100 focus:border-green focus:shadow-[0_0_0_1px_rgba(48,207,67,1)] peer-focus:border-green dark:selection:bg-[rgba(88,101,116,0.99)] dark:hover:bg-grey-925`, (title && !hideTitle && !clearBg) && `mt-2`, className );