improve the type

mnajdova · Sep 22, 2023 · f4927a4 · f4927a4
1 parent 3fde4f6
commit f4927a4
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/packages/mui-styles/src/styled/styled.spec.tsx b/packages/mui-styles/src/styled/styled.spec.tsx
@@ -123,4 +123,14 @@ function variantsAPI() {
       },
     ],
   }));
+
+  const WrongUsage = styled('div')<{}, { foo?: string; bar?: number }>({
+    color: [
+      // @ts-expect-error the API is not valid for CSS properties
+      {
+        props: { foo: 'a' },
+        style: { color: 'blue' },
+      },
+    ],
+  });
 }
diff --git a/packages/mui-styles/src/withStyles/withStyles.d.ts b/packages/mui-styles/src/withStyles/withStyles.d.ts
@@ -37,6 +37,7 @@ export type BaseCreateCSSProperties<Props extends object = {}> = {
 
 export interface CreateCSSProperties<Props extends object = {}>
   extends BaseCreateCSSProperties<Props> {
+  variants?: Array<{ props: Props; style: CSSProperties }>;
   // Allow pseudo selectors and media queries
   [k: string]:
     | BaseCreateCSSProperties<Props>[keyof BaseCreateCSSProperties<Props>]