(김준회) 공통컴포넌트: 벤더 선택기: 국가코드 확장, 공통 UI: checkbox: disabled인 경우 스타일 명시적으로 변경

1 files changed, 4 insertions, 1 deletions

diff --git a/components/ui/checkbox.tsx b/components/ui/checkbox.tsx
index c6fdd071..785f482f 100644
--- a/components/ui/checkbox.tsx
+++ b/components/ui/checkbox.tsx
@@ -13,7 +13,10 @@ const Checkbox = React.forwardRef<
   <CheckboxPrimitive.Root
     ref={ref}
     className={cn(
-      "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+      "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      "disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-gray-500 dark:disabled:bg-gray-700 disabled:border-gray-400 dark:disabled:border-gray-600",
+      "disabled:data-[state=checked]:bg-gray-400 dark:disabled:data-[state=checked]:bg-gray-600",
       className
     )}
     {...props}