@rakeyshgidwani/roger-ui-bank-theme-stan-design 0.2.9 → 0.2.11

package/dist/themes/ThemeContext.esm.js

@@ -1,18 +1,18 @@
 import { createContext } from 'react';
-
+import type { ReactNode } from 'react';
 import { MultiThemeConfig, CompleteThemeConfig } from './types';
 
 // Theme context interface
 export interface ThemeContextType {
-  currentTheme;
-  currentThemeConfig;
-  availableThemes];
-  setTheme) => void;
-  addTheme, theme) => void;
-  removeTheme) => void;
-  getTheme) => CompleteThemeConfig | null;
-  isLoading;
-  error;
+  currentTheme: string;
+  currentThemeConfig: CompleteThemeConfig | null;
+  availableThemes: string[];
+  setTheme: (themeName: string) => void;
+  addTheme: (name: string, theme: MultiThemeConfig) => void;
+  removeTheme: (name: string) => void;
+  getTheme: (name: string) => CompleteThemeConfig | null;
+  isLoading: boolean;
+  error: string | null;
 }
 
 // Create the context
@@ -20,11 +20,11 @@ const ThemeContext = createContext<ThemeContextType | undefined>(undefined);
 
 // Provider props interface
 export interface ThemeProviderProps {
-  children;
-  defaultTheme?;
-  themes?, MultiThemeConfig>;
-  persistTheme?;
-  storageKey?;
+  children: ReactNode;
+  defaultTheme?: string;
+  themes?: Record<string, MultiThemeConfig>;
+  persistTheme?: boolean;
+  storageKey?: string;
 }
 
 // Export the context for testing and advanced usage

package/dist/themes/ThemeContext.js

@@ -1,18 +1,18 @@
 import { createContext } from 'react';
-
+import type { ReactNode } from 'react';
 import { MultiThemeConfig, CompleteThemeConfig } from './types';
 
 // Theme context interface
 export interface ThemeContextType {
-  currentTheme;
-  currentThemeConfig;
-  availableThemes];
-  setTheme) => void;
-  addTheme, theme) => void;
-  removeTheme) => void;
-  getTheme) => CompleteThemeConfig | null;
-  isLoading;
-  error;
+  currentTheme: string;
+  currentThemeConfig: CompleteThemeConfig | null;
+  availableThemes: string[];
+  setTheme: (themeName: string) => void;
+  addTheme: (name: string, theme: MultiThemeConfig) => void;
+  removeTheme: (name: string) => void;
+  getTheme: (name: string) => CompleteThemeConfig | null;
+  isLoading: boolean;
+  error: string | null;
 }
 
 // Create the context
@@ -20,11 +20,11 @@ const ThemeContext = createContext<ThemeContextType | undefined>(undefined);
 
 // Provider props interface
 export interface ThemeProviderProps {
-  children;
-  defaultTheme?;
-  themes?, MultiThemeConfig>;
-  persistTheme?;
-  storageKey?;
+  children: ReactNode;
+  defaultTheme?: string;
+  themes?: Record<string, MultiThemeConfig>;
+  persistTheme?: boolean;
+  storageKey?: string;
 }
 
 // Export the context for testing and advanced usage

package/dist/themes/ThemeProvider.esm.js

@@ -8,7 +8,7 @@ import { themeCSSUpdater } from './themeCSSUpdater';
 import { fontLoader } from './fontLoader';
 import { ColorManager } from './colorManager';
 
-export const ThemeProvider= ({
+export const ThemeProvider: React.FC<ThemeProviderProps> = ({
   children,
   defaultTheme = 'stan-design',
   themes = defaultThemes,
@@ -23,7 +23,7 @@ export const ThemeProvider= ({
   const [error, setError] = useState<string | null>(null);
 
   // Enhance theme colors using ColorManager
-  const enhanceThemeColors = useCallback((themeConfig)=> {
+  const enhanceThemeColors = useCallback((themeConfig: CompleteThemeConfig): CompleteThemeConfig => {
     try {
       const enhanced = { ...themeConfig };
       
@@ -35,14 +35,16 @@ export const ThemeProvider= ({
         if (!enhanced.colors.primary.light || !enhanced.colors.primary.dark || !enhanced.colors.primary.contrast) {
           const enhancedScale = ColorManager.generateColorScale({
             baseColor,
-            generateShades,
-            generateContrast});
+            generateShades: true,
+            generateContrast: true
+          });
           
           enhanced.colors.primary = {
             ...enhanced.colors.primary,
-            light,
-            dark,
-            contrast};
+            light: enhancedScale.light,
+            dark: enhancedScale.dark,
+            contrast: enhancedScale.contrast
+          };
         }
       }
 
@@ -62,7 +64,7 @@ export const ThemeProvider= ({
 
       return enhanced;
     } catch (err) {
-      console.warn('Failed to enhance theme colors, err);
+      console.warn('Failed to enhance theme colors:', err);
       return themeConfig;
     }
   }, []);
@@ -75,7 +77,7 @@ export const ThemeProvider= ({
         try {
           themeInheritanceManager.registerTheme(name, theme);
         } catch (err) {
-          console.warn(`Failed to register theme '${name}', err);
+          console.warn(`Failed to register theme '${name}':`, err);
         }
       });
       
@@ -87,14 +89,15 @@ export const ThemeProvider= ({
         const persistence = createThemePersistence({ 
           storageKey, 
           defaultTheme,
-          enableSystemPreference});
+          enableSystemPreference: true 
+        });
         const persistedTheme = persistence.getStoredTheme();
         if (persistedTheme && themes[persistedTheme]) {
           setCurrentThemeState(persistedTheme);
         }
       }
     } catch (err) {
-      setError(`Failed to initialize themes}`);
+      setError(`Failed to initialize themes: ${err instanceof Error ? err.message : 'Unknown error'}`);
     } finally {
       setIsLoading(false);
     }
@@ -113,13 +116,13 @@ export const ThemeProvider= ({
         // Apply the enhanced theme to CSS variables and load fonts
         themeCSSUpdater.applyTheme(enhancedThemeConfig);
         fontLoader.loadThemeFonts(enhancedThemeConfig.fonts).catch(err => {
-          console.warn(`Failed to load fonts for theme '${currentTheme}', err);
+          console.warn(`Failed to load fonts for theme '${currentTheme}':`, err);
         });
       }
       
       setError(null);
     } catch (err) {
-      const errorMessage = `Failed to load theme '${currentTheme}'}`;
+      const errorMessage = `Failed to load theme '${currentTheme}': ${err instanceof Error ? err.message : 'Unknown error'}`;
       setError(errorMessage);
       setCurrentThemeConfig(null);
       console.error(errorMessage, err);
@@ -127,7 +130,7 @@ export const ThemeProvider= ({
   }, [currentTheme, enhanceThemeColors]);
 
   // Theme switching function
-  const setTheme = useCallback(async (themeName) => {
+  const setTheme = useCallback(async (themeName: string) => {
     if (!themes[themeName]) {
       setError(`Theme '${themeName}' not found`);
       return;
@@ -162,25 +165,25 @@ export const ThemeProvider= ({
       
       setError(null);
     } catch (err) {
-      const errorMessage = `Failed to switch to theme '${themeName}'}`;
+      const errorMessage = `Failed to switch to theme '${themeName}': ${err instanceof Error ? err.message : 'Unknown error'}`;
       setError(errorMessage);
       console.error(errorMessage, err);
     }
   }, [themes, persistTheme, storageKey]);
 
   // Add new theme
-  const addTheme = useCallback((name, theme) => {
+  const addTheme = useCallback((name: string, theme: MultiThemeConfig) => {
     try {
       themeInheritanceManager.registerTheme(name, theme);
       setAvailableThemes(prev => [...prev, name]);
       setError(null);
     } catch (err) {
-      setError(`Failed to add theme '${name}'}`);
+      setError(`Failed to add theme '${name}': ${err instanceof Error ? err.message : 'Unknown error'}`);
     }
   }, []);
 
   // Remove theme
-  const removeTheme = useCallback((name) => {
+  const removeTheme = useCallback((name: string) => {
     try {
       // Don't allow removing the current theme
       if (name === currentTheme) {
@@ -194,22 +197,22 @@ export const ThemeProvider= ({
       setAvailableThemes(prev => prev.filter(t => t !== name));
       setError(null);
     } catch (err) {
-      setError(`Failed to remove theme '${name}'}`);
+      setError(`Failed to remove theme '${name}': ${err instanceof Error ? err.message : 'Unknown error'}`);
     }
   }, [currentTheme]);
 
   // Get theme by name
-  const getTheme = useCallback((name)=> {
+  const getTheme = useCallback((name: string): CompleteThemeConfig | null => {
     try {
       return themeInheritanceManager.getCompleteTheme(name);
     } catch (err) {
-      setError(`Failed to get theme '${name}'}`);
+      setError(`Failed to get theme '${name}': ${err instanceof Error ? err.message : 'Unknown error'}`);
       return null;
     }
   }, []);
 
   // Context value
-  const contextValue= {
+  const contextValue: ThemeContextType = {
     currentTheme,
     currentThemeConfig,
     availableThemes,

package/dist/themes/ThemeProvider.js

@@ -8,7 +8,7 @@ import { themeCSSUpdater } from './themeCSSUpdater';
 import { fontLoader } from './fontLoader';
 import { ColorManager } from './colorManager';
 
-export const ThemeProvider= ({
+export const ThemeProvider: React.FC<ThemeProviderProps> = ({
   children,
   defaultTheme = 'stan-design',
   themes = defaultThemes,
@@ -23,7 +23,7 @@ export const ThemeProvider= ({
   const [error, setError] = useState<string | null>(null);
 
   // Enhance theme colors using ColorManager
-  const enhanceThemeColors = useCallback((themeConfig)=> {
+  const enhanceThemeColors = useCallback((themeConfig: CompleteThemeConfig): CompleteThemeConfig => {
     try {
       const enhanced = { ...themeConfig };
       
@@ -35,14 +35,16 @@ export const ThemeProvider= ({
         if (!enhanced.colors.primary.light || !enhanced.colors.primary.dark || !enhanced.colors.primary.contrast) {
           const enhancedScale = ColorManager.generateColorScale({
             baseColor,
-            generateShades,
-            generateContrast});
+            generateShades: true,
+            generateContrast: true
+          });
           
           enhanced.colors.primary = {
             ...enhanced.colors.primary,
-            light,
-            dark,
-            contrast};
+            light: enhancedScale.light,
+            dark: enhancedScale.dark,
+            contrast: enhancedScale.contrast
+          };
         }
       }
 
@@ -62,7 +64,7 @@ export const ThemeProvider= ({
 
       return enhanced;
     } catch (err) {
-      console.warn('Failed to enhance theme colors, err);
+      console.warn('Failed to enhance theme colors:', err);
       return themeConfig;
     }
   }, []);
@@ -75,7 +77,7 @@ export const ThemeProvider= ({
         try {
           themeInheritanceManager.registerTheme(name, theme);
         } catch (err) {
-          console.warn(`Failed to register theme '${name}', err);
+          console.warn(`Failed to register theme '${name}':`, err);
         }
       });
       
@@ -87,14 +89,15 @@ export const ThemeProvider= ({
         const persistence = createThemePersistence({ 
           storageKey, 
           defaultTheme,
-          enableSystemPreference});
+          enableSystemPreference: true 
+        });
         const persistedTheme = persistence.getStoredTheme();
         if (persistedTheme && themes[persistedTheme]) {
           setCurrentThemeState(persistedTheme);
         }
       }
     } catch (err) {
-      setError(`Failed to initialize themes}`);
+      setError(`Failed to initialize themes: ${err instanceof Error ? err.message : 'Unknown error'}`);
     } finally {
       setIsLoading(false);
     }
@@ -113,13 +116,13 @@ export const ThemeProvider= ({
         // Apply the enhanced theme to CSS variables and load fonts
         themeCSSUpdater.applyTheme(enhancedThemeConfig);
         fontLoader.loadThemeFonts(enhancedThemeConfig.fonts).catch(err => {
-          console.warn(`Failed to load fonts for theme '${currentTheme}', err);
+          console.warn(`Failed to load fonts for theme '${currentTheme}':`, err);
         });
       }
       
       setError(null);
     } catch (err) {
-      const errorMessage = `Failed to load theme '${currentTheme}'}`;
+      const errorMessage = `Failed to load theme '${currentTheme}': ${err instanceof Error ? err.message : 'Unknown error'}`;
       setError(errorMessage);
       setCurrentThemeConfig(null);
       console.error(errorMessage, err);
@@ -127,7 +130,7 @@ export const ThemeProvider= ({
   }, [currentTheme, enhanceThemeColors]);
 
   // Theme switching function
-  const setTheme = useCallback(async (themeName) => {
+  const setTheme = useCallback(async (themeName: string) => {
     if (!themes[themeName]) {
       setError(`Theme '${themeName}' not found`);
       return;
@@ -162,25 +165,25 @@ export const ThemeProvider= ({
       
       setError(null);
     } catch (err) {
-      const errorMessage = `Failed to switch to theme '${themeName}'}`;
+      const errorMessage = `Failed to switch to theme '${themeName}': ${err instanceof Error ? err.message : 'Unknown error'}`;
       setError(errorMessage);
       console.error(errorMessage, err);
     }
   }, [themes, persistTheme, storageKey]);
 
   // Add new theme
-  const addTheme = useCallback((name, theme) => {
+  const addTheme = useCallback((name: string, theme: MultiThemeConfig) => {
     try {
       themeInheritanceManager.registerTheme(name, theme);
       setAvailableThemes(prev => [...prev, name]);
       setError(null);
     } catch (err) {
-      setError(`Failed to add theme '${name}'}`);
+      setError(`Failed to add theme '${name}': ${err instanceof Error ? err.message : 'Unknown error'}`);
     }
   }, []);
 
   // Remove theme
-  const removeTheme = useCallback((name) => {
+  const removeTheme = useCallback((name: string) => {
     try {
       // Don't allow removing the current theme
       if (name === currentTheme) {
@@ -194,22 +197,22 @@ export const ThemeProvider= ({
       setAvailableThemes(prev => prev.filter(t => t !== name));
       setError(null);
     } catch (err) {
-      setError(`Failed to remove theme '${name}'}`);
+      setError(`Failed to remove theme '${name}': ${err instanceof Error ? err.message : 'Unknown error'}`);
     }
   }, [currentTheme]);
 
   // Get theme by name
-  const getTheme = useCallback((name)=> {
+  const getTheme = useCallback((name: string): CompleteThemeConfig | null => {
     try {
       return themeInheritanceManager.getCompleteTheme(name);
     } catch (err) {
-      setError(`Failed to get theme '${name}'}`);
+      setError(`Failed to get theme '${name}': ${err instanceof Error ? err.message : 'Unknown error'}`);
       return null;
     }
   }, []);
 
   // Context value
-  const contextValue= {
+  const contextValue: ThemeContextType = {
     currentTheme,
     currentThemeConfig,
     availableThemes,