From 5990cf5eab105ac782ca0cce8beeb145fe3168a5 Mon Sep 17 00:00:00 2001 From: Prateek Shourya Date: Wed, 6 Nov 2024 13:54:28 +0530 Subject: [PATCH] [WEB-2728] improvement: add `true-transparent` variant for textarea. --- packages/ui/src/form-fields/textarea.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/ui/src/form-fields/textarea.tsx b/packages/ui/src/form-fields/textarea.tsx index 48cc311e383..786e00a1dee 100644 --- a/packages/ui/src/form-fields/textarea.tsx +++ b/packages/ui/src/form-fields/textarea.tsx @@ -5,7 +5,7 @@ import { cn } from "../../helpers"; import { useAutoResizeTextArea } from "../hooks/use-auto-resize-textarea"; export interface TextAreaProps extends React.TextareaHTMLAttributes { - mode?: "primary" | "transparent"; + mode?: "primary" | "transparent" | "true-transparent"; textAreaSize?: "xs" | "sm" | "md"; hasError?: boolean; className?: string; @@ -39,6 +39,7 @@ const TextArea = React.forwardRef((props, re "rounded-md border-[0.5px] border-custom-border-200": mode === "primary", "focus:ring-theme rounded border-none bg-transparent ring-0 transition-all focus:ring-1": mode === "transparent", + "rounded border-none bg-transparent ring-0": mode === "true-transparent", "px-1.5 py-1": textAreaSize === "xs", "px-3 py-2": textAreaSize === "sm", "p-3": textAreaSize === "md",