style: restrict type import (#1589)

packages/component/src/styles/styled.tsx

@@ -9,7 +9,7 @@ import {
 import type { PropsWithChildren } from 'react';
 import { useMemo } from 'react';
 
-import { AffineTheme } from './types';
+import type { AffineTheme } from './types';
 
 export { css, keyframes, styled };
 

packages/component/src/styles/theme.ts

@@ -2,7 +2,7 @@ import '@emotion/react';
 
 import type { EditorContainer } from '@blocksuite/editor';
 
-import { AffineTheme, AffineThemeCSSVariables } from './types';
+import type { AffineTheme, AffineThemeCSSVariables } from './types';
 
 const basicFontFamily =
   'apple-system, BlinkMacSystemFont,Helvetica Neue, Tahoma, PingFang SC, Microsoft Yahei, Arial,Hiragino Sans GB, sans-serif, Apple Color Emoji, Segoe UI Emoji,Segoe UI Symbol, Noto Color Emoji';

packages/component/src/styles/types.ts

@@ -1,5 +1,5 @@
-import { EditorContainer } from '@blocksuite/editor';
-import { CSSProperties } from 'react';
+import type { EditorContainer } from '@blocksuite/editor';
+import type { CSSProperties } from 'react';
 
 export type Theme = 'light' | 'dark';
 export type ThemeMode = Theme | 'auto';

packages/component/src/styles/utils/localStorageThemeHelper.ts

@@ -1,4 +1,4 @@
-import { ThemeMode } from '../types';
+import type { ThemeMode } from '../types';
 
 export class LocalStorageThemeHelper {
   name = 'Affine-theme-mode';

packages/component/src/styles/utils/systemThemeHelper.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../types';
+import type { Theme } from '../types';
 
 export class SystemThemeHelper {
   media: MediaQueryList = window.matchMedia('(prefers-color-scheme: light)');