fix FormLabel

mui · May 1, 2024 · 6be45c1 · 6be45c1
1 parent 33445aa
commit 6be45c1
Showing 1 changed file with 11 additions and 9 deletions.
diff --git a/packages/mui-material/src/FormLabel/FormLabel.js b/packages/mui-material/src/FormLabel/FormLabel.js
@@ -51,16 +51,18 @@ export const FormLabelRoot = styled('label', {
   [`&.${formLabelClasses.error}`]: {
     color: (theme.vars || theme).palette.error.main,
   },
-  ...Object.entries(theme.palette)
-    .filter(([, value]) => value.main)
-    .map(([color]) => ({
-      props: { color },
-      style: {
-        [`&.${formLabelClasses.focused}`]: {
-          color: (theme.vars || theme).palette[color].main,
+  variants: [
+    ...Object.entries(theme.palette)
+      .filter(([, value]) => value.main)
+      .map(([color]) => ({
+        props: { color },
+        style: {
+          [`&.${formLabelClasses.focused}`]: {
+            color: (theme.vars || theme).palette[color].main,
+          },
         },
-      },
-    })),
+      })),
+  ],
 }));
 
 const AsteriskComponent = styled('span', {