@stackwright/themes 0.4.0 → 0.5.0

package/dist/themes/corporate.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.corporateTheme = void 0;
-exports.corporateTheme = {
-    colors: {
-        primary: {
-            50: '#fef7ee',
-            100: '#fdedd3',
-            500: '#f59e0b', // amber-500
-            600: '#d97706', // amber-600
-            700: '#b45309', // amber-700
-        },
-        neutral: {
-            50: '#f8fafc',
-            100: '#f1f5f9',
-            700: '#334155',
-            800: '#1e293b',
-            900: '#0f172a',
-        },
-        text: {
-            primary: '#1f2937',
-            secondary: '#6b7280',
-            inverse: '#ffffff',
-        }
-    },
-    spacing: {
-        section: 'py-20',
-        container: 'max-w-7xl mx-auto px-4 sm:px-6 lg:px-8',
-    },
-    typography: {
-        hero: 'text-4xl md:text-6xl font-bold',
-        subtitle: 'text-xl md:text-2xl',
-    }
-};

package/dist/themes/soft.d.ts

@@ -1,32 +0,0 @@
-export declare const softTheme: {
-    colors: {
-        primary: {
-            50: string;
-            100: string;
-            500: string;
-            600: string;
-            700: string;
-        };
-        neutral: {
-            50: string;
-            100: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-        text: {
-            primary: string;
-            secondary: string;
-            inverse: string;
-        };
-    };
-    spacing: {
-        section: string;
-        container: string;
-    };
-    typography: {
-        hero: string;
-        subtitle: string;
-    };
-};
-//# sourceMappingURL=soft.d.ts.map

package/dist/themes/soft.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"soft.d.ts","sourceRoot":"","sources":["../../src/themes/soft.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BrB,CAAC"}

package/dist/themes/soft.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.softTheme = void 0;
-exports.softTheme = {
-    colors: {
-        primary: {
-            50: '#fdf2f8',
-            100: '#fce7f3',
-            500: '#ec4899', // pink-500
-            600: '#db2777', // pink-600
-            700: '#be185d', // pink-700
-        },
-        neutral: {
-            50: '#fefefe',
-            100: '#f9fafb',
-            700: '#6b7280',
-            800: '#4b5563',
-            900: '#374151',
-        },
-        text: {
-            primary: '#374151',
-            secondary: '#9ca3af',
-            inverse: '#ffffff',
-        }
-    },
-    spacing: {
-        section: 'py-16',
-        container: 'max-w-6xl mx-auto px-6 sm:px-8 lg:px-10',
-    },
-    typography: {
-        hero: 'text-3xl md:text-5xl font-semibold',
-        subtitle: 'text-lg md:text-xl',
-    }
-};

package/dist/types.d.ts

@@ -1,66 +0,0 @@
-export interface ThemeConfig {
-    id: string;
-    name: string;
-    description: string;
-    colors: {
-        primary: string;
-        secondary: string;
-        accent: string;
-        background: string;
-        surface: string;
-        text: string;
-        textSecondary: string;
-    };
-    backgroundImage?: {
-        url: string;
-        repeat?: 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';
-        size?: 'auto' | 'cover' | 'contain' | string;
-        position?: string;
-        attachment?: 'scroll' | 'fixed' | 'local';
-        scale?: number;
-        animation?: 'drift' | 'float' | 'shimmer' | 'shimmer-float' | 'none';
-        customAnimation?: string;
-    };
-    typography: {
-        fontFamily: {
-            primary: string;
-            secondary: string;
-        };
-        scale: {
-            xs: string;
-            sm: string;
-            base: string;
-            lg: string;
-            xl: string;
-            '2xl': string;
-            '3xl': string;
-        };
-    };
-    spacing: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-    };
-    components: {
-        button: ComponentStyle;
-        card: ComponentStyle;
-        header: ComponentStyle;
-        footer: ComponentStyle;
-    };
-}
-export interface ComponentStyle {
-    base?: string;
-    primary?: string;
-    secondary?: string;
-    outline?: string;
-    shadow?: string;
-    nav?: string;
-    text?: string;
-    [key: string]: string | undefined;
-}
-export interface Theme extends ThemeConfig {
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,UAAU,EAAE,MAAM,CAAC;QACnB,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,aAAa,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,eAAe,CAAC,EAAE;QAChB,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC1D,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;QAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;QAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,eAAe,GAAG,MAAM,CAAC;QACrE,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE;YACV,OAAO,EAAE,MAAM,CAAC;YAChB,SAAS,EAAE,MAAM,CAAC;SACnB,CAAC;QACF,KAAK,EAAE;YACL,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;YACX,IAAI,EAAE,MAAM,CAAC;YACb,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;YACX,KAAK,EAAE,MAAM,CAAC;YACd,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;KACH,CAAC;IACF,OAAO,EAAE;QACP,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,UAAU,EAAE;QACV,MAAM,EAAE,cAAc,CAAC;QACvB,IAAI,EAAE,cAAc,CAAC;QACrB,MAAM,EAAE,cAAc,CAAC;QACvB,MAAM,EAAE,cAAc,CAAC;KACxB,CAAC;CACH;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,KAAM,SAAQ,WAAW;CAAG"}

package/dist/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/src/ThemeProvider.tsx

@@ -1,30 +0,0 @@
-import React, { createContext, useContext, ReactNode } from 'react';
-import { Theme } from './types';
-
-interface ThemeContextType {
-  theme: Theme;
-  setTheme?: (theme: Theme) => void;
-}
-
-const ThemeContext = createContext<ThemeContextType | undefined>(undefined);
-
-interface ThemeProviderProps {
-  theme: Theme;
-  children: ReactNode;
-}
-
-export const ThemeProvider: React.FC<ThemeProviderProps> = ({ theme, children }) => {
-  return (
-    <ThemeContext.Provider value={{ theme }}>
-      {children}
-    </ThemeContext.Provider>
-  );
-};
-
-export const useTheme = (): ThemeContextType => {
-  const context = useContext(ThemeContext);
-  if (!context) {
-    throw new Error('useTheme must be used within a ThemeProvider');
-  }
-  return context;
-};

package/src/index.ts

@@ -1,4 +0,0 @@
-export * from './types';
-export * from './ThemeProvider';
-export * from './themeLoader';
-export type { ThemeConfig, Theme, ComponentStyle } from './types';

package/src/themeLoader.ts

@@ -1,128 +0,0 @@
-import * as yaml from 'js-yaml';
-import { Theme } from './types';
-
-export class ThemeLoader {
-  private static themes: Map<string, Theme> = new Map();
-
-  static loadThemeFromYaml(yamlContent: string): Theme {
-    try {
-      const theme = yaml.load(yamlContent) as Theme;
-      this.themes.set(theme.name, theme);
-      return theme;
-    } catch (error) {
-      throw new Error(`Failed to parse theme YAML: ${error}`);
-    }
-  }
-
-  static loadThemeFromFile(themeName: string): Theme {
-    // In a real implementation, this would load from the file system
-    // For now, we'll embed the themes
-    const themeData = this.getEmbeddedTheme(themeName);
-    return this.loadThemeFromYaml(themeData);
-  }
-
-  static getTheme(name: string): Theme | undefined {
-    return this.themes.get(name);
-  }
-
-  static getAllThemes(): Theme[] {
-    return Array.from(this.themes.values());
-  }
-
-  static registerCustomTheme(theme: Theme): void {
-    this.themes.set(theme.name, theme);
-    console.log(`🎨 Registered custom theme: ${theme.name}`);
-  }
-
-  static loadCustomTheme(theme: Theme): Theme {
-    this.registerCustomTheme(theme);
-    return theme;
-  }
-
-  private static getEmbeddedTheme(name: string): string {
-    const themes: Record<string, string> = {
-      corporate: `
-name: "Corporate"
-colors:
-  primary:
-    50: "#fef7ee"
-    100: "#fdedd3"
-    500: "#f59e0b"
-    600: "#d97706"
-    700: "#b45309"
-  neutral:
-    50: "#f8fafc"
-    100: "#f1f5f9"
-    700: "#334155"
-    800: "#1e293b"
-    900: "#0f172a"
-  text:
-    primary: "#1f2937"
-    secondary: "#6b7280"
-    inverse: "#ffffff"
-
-spacing:
-  section: "py-20"
-  container: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
-
-typography:
-  hero: "text-4xl md:text-6xl font-bold"
-  subtitle: "text-xl md:text-2xl"
-
-components:
-  button:
-    primary: "bg-amber-600 text-white hover:bg-amber-700 px-8 py-3 rounded-lg font-semibold"
-    secondary: "text-amber-600 border border-amber-600 hover:bg-amber-50 px-8 py-3 rounded-lg font-semibold"
-  header:
-    background: "bg-white shadow-sm"
-    border: "border-b border-gray-200"
-  hero:
-    background: "bg-gradient-to-br from-slate-900 to-slate-800"
-`,
-      soft: `
-name: "Soft"
-colors:
-  primary:
-    50: "#fdf2f8"
-    100: "#fce7f3"
-    500: "#ec4899"
-    600: "#db2777"
-    700: "#be185d"
-  neutral:
-    50: "#fefefe"
-    100: "#f9fafb"
-    700: "#6b7280"
-    800: "#4b5563"
-    900: "#374151"
-  text:
-    primary: "#374151"
-    secondary: "#9ca3af"
-    inverse: "#ffffff"
-
-spacing:
-  section: "py-16"
-  container: "max-w-6xl mx-auto px-6 sm:px-8 lg:px-10"
-
-typography:
-  hero: "text-3xl md:text-5xl font-semibold"
-  subtitle: "text-lg md:text-xl"
-
-components:
-  button:
-    primary: "bg-pink-600 text-white hover:bg-pink-700 px-6 py-2 rounded-full font-medium"
-    secondary: "text-pink-600 border border-pink-600 hover:bg-pink-50 px-6 py-2 rounded-full font-medium"
-  header:
-    background: "bg-neutral-50 shadow-none"
-    border: "border-b border-neutral-200"
-  hero:
-    background: "bg-gradient-to-br from-neutral-100 to-neutral-200"
-`
-    };
-
-    if (!themes[name]) {
-      throw new Error(`Theme '${name}' not found`);
-    }
-
-    return themes[name];
-  }
-}

package/src/themes/corporate.ts

@@ -1,31 +0,0 @@
-export const corporateTheme = {
-  colors: {
-    primary: {
-      50: '#fef7ee',
-      100: '#fdedd3',
-      500: '#f59e0b', // amber-500
-      600: '#d97706', // amber-600
-      700: '#b45309', // amber-700
-    },
-    neutral: {
-      50: '#f8fafc',
-      100: '#f1f5f9',
-      700: '#334155',
-      800: '#1e293b',
-      900: '#0f172a',
-    },
-    text: {
-      primary: '#1f2937',
-      secondary: '#6b7280',
-      inverse: '#ffffff',
-    }
-  },
-  spacing: {
-    section: 'py-20',
-    container: 'max-w-7xl mx-auto px-4 sm:px-6 lg:px-8',
-  },
-  typography: {
-    hero: 'text-4xl md:text-6xl font-bold',
-    subtitle: 'text-xl md:text-2xl',
-  }
-};

package/src/themes/corporate.yaml

@@ -1,36 +0,0 @@
-name: "Corporate"
-colors:
-  primary:
-    50: "#fef7ee"
-    100: "#fdedd3"
-    500: "#f59e0b"
-    600: "#d97706"
-    700: "#b45309"
-  neutral:
-    50: "#f8fafc"
-    100: "#f1f5f9"
-    700: "#334155"
-    800: "#1e293b"
-    900: "#0f172a"
-  text:
-    primary: "#1f2937"
-    secondary: "#6b7280"
-    inverse: "#ffffff"
-
-spacing:
-  section: "py-20"
-  container: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
-
-typography:
-  hero: "text-4xl md:text-6xl font-bold"
-  subtitle: "text-xl md:text-2xl"
-
-components:
-  button:
-    primary: "bg-amber-600 text-white hover:bg-amber-700 px-8 py-3 rounded-lg font-semibold"
-    secondary: "text-amber-600 border border-amber-600 hover:bg-amber-50 px-8 py-3 rounded-lg font-semibold"
-  header:
-    background: "bg-white shadow-sm"
-    border: "border-b border-gray-200"
-  hero:
-    background: "bg-gradient-to-br from-slate-900 to-slate-800"

package/src/themes/soft.ts

@@ -1,32 +0,0 @@
-export const softTheme = {
-  colors: {
-    primary: {
-      50: '#fdf2f8',
-      100: '#fce7f3',
-      500: '#ec4899', // pink-500
-      600: '#db2777', // pink-600
-      700: '#be185d', // pink-700
-    },
-    neutral: {
-      50: '#fefefe',
-      100: '#f9fafb',
-      700: '#6b7280',
-      800: '#4b5563',
-      900: '#374151',
-    },
-    text: {
-      primary: '#374151',
-      secondary: '#9ca3af',
-      inverse: '#ffffff',
-    }
-  },
-  spacing: {
-    section: 'py-16',
-    container: 'max-w-6xl mx-auto px-6 sm:px-8 lg:px-10',
-  },
-  typography: {
-    hero: 'text-3xl md:text-5xl font-semibold',
-    subtitle: 'text-lg md:text-xl',
-  }
-};
-

package/src/themes/soft.yaml

@@ -1,36 +0,0 @@
-name: "Soft"
-colors:
-  primary:
-    50: "#fdf2f8"
-    100: "#fce7f3"
-    500: "#ec4899"
-    600: "#db2777"
-    700: "#be185d"
-  neutral:
-    50: "#fefefe"
-    100: "#f9fafb"
-    700: "#6b7280"
-    800: "#4b5563"
-    900: "#374151"
-  text:
-    primary: "#374151"
-    secondary: "#9ca3af"
-    inverse: "#ffffff"
-
-spacing:
-  section: "py-16"
-  container: "max-w-6xl mx-auto px-6 sm:px-8 lg:px-10"
-
-typography:
-  hero: "text-3xl md:text-5xl font-semibold"
-  subtitle: "text-lg md:text-xl"
-
-components:
-  button:
-    primary: "bg-pink-600 text-white hover:bg-pink-700 px-6 py-2 rounded-full font-medium"
-    secondary: "text-pink-600 border border-pink-600 hover:bg-pink-50 px-6 py-2 rounded-full font-medium"
-  header:
-    background: "bg-neutral-50 shadow-none"
-    border: "border-b border-neutral-200"
-  hero:
-    background: "bg-gradient-to-br from-neutral-100 to-neutral-200"

package/src/types.ts

@@ -1,66 +0,0 @@
-export interface ThemeConfig {
-  id: string;
-  name: string;
-  description: string;
-  colors: {
-    primary: string;
-    secondary: string;
-    accent: string;
-    background: string;
-    surface: string;
-    text: string;
-    textSecondary: string;
-  };
-  backgroundImage?: {
-    url: string;
-    repeat?: 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';
-    size?: 'auto' | 'cover' | 'contain' | string;
-    position?: string;
-    attachment?: 'scroll' | 'fixed' | 'local';
-    scale?: number;
-    animation?: 'drift' | 'float' | 'shimmer' | 'shimmer-float' | 'none';
-    customAnimation?: string;
-  };
-  typography: {
-    fontFamily: {
-      primary: string;
-      secondary: string;
-    };
-    scale: {
-      xs: string;
-      sm: string;
-      base: string;
-      lg: string;
-      xl: string;
-      '2xl': string;
-      '3xl': string;
-    };
-  };
-  spacing: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    '2xl': string;
-  };
-  components: {
-    button: ComponentStyle;
-    card: ComponentStyle;
-    header: ComponentStyle;
-    footer: ComponentStyle;
-  };
-}
-
-export interface ComponentStyle {
-  base?: string;
-  primary?: string;
-  secondary?: string;
-  outline?: string;
-  shadow?: string;
-  nav?: string;
-  text?: string;
-  [key: string]: string | undefined;
-}
-
-export interface Theme extends ThemeConfig {}

package/tsconfig.json

@@ -1,29 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "lib": ["dom", "dom.iterable", "es6"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": false,
-    "jsx": "react-jsx",
-    "module": "commonjs",
-    "outDir": "./dist",
-    "rootDir": "./src",
-    "declaration": true,
-    "declarationMap": true
-  },
-  "include": [
-    "src/**/*"
-  ],
-  "exclude": [
-    "node_modules",
-    "dist"
-  ]
-}

package/tsup.config.ts

@@ -1,10 +0,0 @@
-import { defineConfig } from 'tsup';
-
-export default defineConfig({
-  entry: ['src/index.ts'],
-  format: ['cjs', 'esm'],
-  dts: false, // Disable type generation temporarily
-  splitting: false,
-  sourcemap: true,
-  clean: true,
-});