[@mantine/styles] Add access to theme in defaultProps (#2950)

mantinedev · Dec 4, 2022 · ae81908 · ae81908
1 parent d9cb099
commit ae81908
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/mantine-styles/src/theme/MantineProvider.tsx b/src/mantine-styles/src/theme/MantineProvider.tsx
@@ -53,7 +53,10 @@ export function useComponentDefaultProps<T extends Record<string, any>, U extend
       [Key in Extract<keyof T, keyof U>]-?: U[Key] & T[Key];
     } {
   const theme = useMantineTheme();
-  const contextProps = theme.components[component]?.defaultProps;
+  const contextPropsPayload = theme.components[component]?.defaultProps;
+  const contextProps =
+    typeof contextPropsPayload === 'function' ? contextPropsPayload(theme) : contextPropsPayload;
+
   return { ...defaultProps, ...contextProps, ...filterProps(props) };
 }
 

diff --git a/src/mantine-styles/src/theme/types/MantineTheme.ts b/src/mantine-styles/src/theme/types/MantineTheme.ts
@@ -106,7 +106,7 @@ export interface MantineTheme {
 }
 
 interface ThemeComponent {
-  defaultProps?: Record<string, any>;
+  defaultProps?: Record<string, any> | ((theme: MantineTheme) => Record<string, any>);
   classNames?: Record<string, string>;
   styles?:
     | Record<string, CSSObject>