From c2178ef473f7c5e03558db2356837922eedb2986 Mon Sep 17 00:00:00 2001
From: p-sw <shinwoo.park@psw.kr>
Date: Wed, 24 Jul 2024 23:43:48 +0900
Subject: [PATCH] fix(react/Input): sync color on hover of Input in InputFrame

---
 packages/react/components/Input.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/react/components/Input.tsx b/packages/react/components/Input.tsx
index 99e456e..96413fc 100644
--- a/packages/react/components/Input.tsx
+++ b/packages/react/components/Input.tsx
@@ -4,7 +4,8 @@ import React from "react";
 const inputColors = {
   background: {
     default: "bg-neutral-50 dark:bg-neutral-900",
-    hover: "hover:bg-neutral-100 dark:hover:bg-neutral-800",
+    hover:
+      "hover:bg-neutral-100 dark:hover:bg-neutral-800 has-[input:hover]:bg-neutral-100 dark:has-[input:hover]:bg-neutral-800",
     invalid:
       "invalid:bg-red-100 invalid:dark:bg-red-900 has-[input:invalid]:bg-red-100 dark:has-[input:invalid]:bg-red-900",
     invalidHover: