fix: add proper disabled-state styling to Select component (#25697)

* fix: add proper disabled-state styling to Select component using state.isDisabled * chore: apply hover:border-subtle since disabled items are not clickable and only hover state should change the border
2025-12-29 01:07:01 -03:00
parent 716e66b0c3
commit 77f99b636c
1 changed files with 1 additions and 1 deletions
@@ -80,7 +80,7 @@ export const Select = <
              : size === "sm"
              ? "h-7 px-2 py-0.5"
              : "h-8 px-3 py-1",
-            props.isDisabled && "bg-subtle",
+            state.isDisabled && "bg-subtle !cursor-not-allowed !pointer-events-auto hover:border-subtle",
            "rounded-[10px]",
            "[&:focus-within]:border-emphasis [&:focus-within]:shadow-outline-gray-focused focus-within:ring-0 flex! **:[input]:leading-none text-sm",
            innerClassNames?.control