[joy-ui][Textarea] Fix focus ring for error state (mui#39391)

mnajdova · Oct 11, 2023 · abe61bf · abe61bf
1 parent d8c41cb
commit abe61bf
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/packages/mui-joy/src/Textarea/Textarea.tsx b/packages/mui-joy/src/Textarea/Textarea.tsx
@@ -256,6 +256,7 @@ const Textarea = React.forwardRef(function Textarea(inProps, ref) {
   const color = inProps.color ?? (error ? 'danger' : formControl?.color ?? colorProp);
 
   const ownerState = {
+    instanceColor: error ? 'danger' : inProps.color,
     ...props,
     color,
     disabled,

diff --git a/packages/mui-joy/src/Textarea/TextareaProps.ts b/packages/mui-joy/src/Textarea/TextareaProps.ts
@@ -125,5 +125,5 @@ export interface TextareaOwnerState extends ApplyColorInversion<TextareaProps> {
   /**
    * @internal
    */
-  instanceColor?: OverridableStringUnion<ColorPaletteProp, TextareaPropsColorOverrides>;
+  instanceColor: OverridableStringUnion<ColorPaletteProp, TextareaPropsColorOverrides> | undefined;
 }