[fix] Make theme optional in Pigment CSS config (#108)

mui · May 28, 2024 · f33d4f9 · f33d4f9
1 parent b84a55f
commit f33d4f9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/packages/pigment-css-react/src/utils/generateCss.ts b/packages/pigment-css-react/src/utils/generateCss.ts
@@ -1,13 +1,16 @@
 import { serializeStyles } from '@emotion/serialize';
 import { Theme } from './extendTheme';
 
-export function generateTokenCss(theme: Theme) {
+export function generateTokenCss(theme?: Theme) {
+  if (!theme) {
+    return '';
+  }
   // use emotion to serialize the object to css string
   const { styles } = serializeStyles(theme.generateStyleSheets?.() || []);
   return styles;
 }
 
-export function generateThemeTokens(theme: Theme) {
+export function generateThemeTokens(theme?: Theme) {
   if (!theme || typeof theme !== 'object') {
     return {};
   }

diff --git a/packages/pigment-css-vite-plugin/src/index.ts b/packages/pigment-css-vite-plugin/src/index.ts
@@ -13,7 +13,7 @@ export interface PigmentOptions extends Omit<VitePluginOptions, 'themeArgs'> {
   /**
    * The theme object that you want to be passed to the `styled` function
    */
-  theme: Theme;
+  theme?: Theme;
 }
 
 const VIRTUAL_CSS_FILE = `\0zero-runtime-styles.css`;