fix(material): consistently use outlined input variant

Use outlined input variant as the default to match Material UI
eclipsesource · Jan 24, 2024 · 3d8eed5 · 3d8eed5
1 parent 1791e5c
commit 3d8eed5
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/MIGRATION.md b/MIGRATION.md
@@ -1,5 +1,11 @@
 # Migration guide
 
+## Migrating to JSON Forms 3.2
+
+### Material Renderers using Outlined Inputs
+
+JSON Forms has been updated to use the `outlined` input variant as the default, aligning more closely with the default style of Material UI.
+
 ## Migrating to JSON Forms 3.0
 
 ### Additional parameter for testers

diff --git a/packages/material-renderers/src/util/theme.ts b/packages/material-renderers/src/util/theme.ts
@@ -52,7 +52,7 @@ const variantToInput = {
   outlined: OutlinedInput,
 };
 
-export const defaultInputVariant: TextFieldProps['variant'] = 'standard';
+export const defaultInputVariant: TextFieldProps['variant'] = 'outlined';
 
 export function useInputVariant(): TextFieldProps['variant'] {
   const { variant = defaultInputVariant } = useThemeProps({