fix(InputGroupAddon): disabled state opacity

kripod · Jul 20, 2024 · 3f411df · 3f411df
1 parent 828b96e
commit 3f411df
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/components/InputGroup.tsx b/src/components/InputGroup.tsx
@@ -59,10 +59,14 @@ export function InputGroupAddon({
   });
 
   return (
-    <span ref={ref} className={clsx(className, "pointer-events-none z-10")}>
-      <span className="pointer-events-auto text-ui-neutral-950/65 transition group-disabled/input:text-ui-neutral-950/20">
-        {children}
-      </span>
+    <span
+      ref={ref}
+      className={clsx(
+        className,
+        "pointer-events-none z-10 text-ui-neutral-950/65 transition *:pointer-events-auto disabled:*:opacity-100 group-disabled/input:opacity-35",
+      )}
+    >
+      {children}
     </span>
   );
 }