typescript support

mui · Sep 22, 2023 · 3fde4f6 · 3fde4f6
1 parent 940164b
commit 3fde4f6
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 1 deletion.
diff --git a/packages/mui-styles/src/styled/styled.spec.tsx b/packages/mui-styles/src/styled/styled.spec.tsx
@@ -104,3 +104,23 @@ function acceptanceTest() {
     </React.Fragment>
   );
 }
+
+function variantsAPI() {
+  const ObjectSyntax = styled('div')<{}, { foo?: string; bar?: number }>({
+    variants: [
+      {
+        props: { foo: 'a' },
+        style: { color: 'blue' },
+      },
+    ],
+  });
+
+  const FunctionSyntax = styled('div')<{}, { foo?: string; bar?: number }>(() => ({
+    variants: [
+      {
+        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
@@ -40,7 +40,8 @@ export interface CreateCSSProperties<Props extends object = {}>
   // Allow pseudo selectors and media queries
   [k: string]:
     | BaseCreateCSSProperties<Props>[keyof BaseCreateCSSProperties<Props>]
-    | CreateCSSProperties<Props>;
+    | CreateCSSProperties<Props>
+    | Array<{ props: Props; style: CSSProperties }>;
 }
 
 /**