refactor: unify theme (#1303)

packages/component/src/ui/button/styles.ts

@@ -16,7 +16,7 @@ export const StyledIconButton = styled('button', {
       'hoverColor',
       'hoverStyle',
       'darker',
-    ].includes(prop);
+    ].includes(prop as string);
   },
 })<{
   width: number;
@@ -90,7 +90,7 @@ export const StyledTextButton = styled('button', {
       'hoverColor',
       'hoverStyle',
       'bold',
-    ].includes(prop);
+    ].includes(prop as string);
   },
 })<
   Pick<
@@ -153,7 +153,7 @@ export const StyledButton = styled('button', {
       'type',
       'bold',
       'noBorder',
-    ].includes(prop);
+    ].includes(prop as string);
   },
 })<
   Pick<

packages/component/src/ui/button/utils.ts

@@ -1,4 +1,5 @@
-import { AffineTheme } from '../../styles';
+import { Theme } from '@mui/material';
+
 import {
   ButtonProps,
   SIZE_DEFAULT,
@@ -38,7 +39,7 @@ export const getSize = (
 };
 
 export const getButtonColors = (
-  theme: AffineTheme,
+  theme: Theme,
   type: ButtonProps['type'],
   disabled: boolean,
   extend?: {