@zyther/tzmail 0.1.3 → 0.5.0

package/src/templates/themes/minimal.theme.ts

@@ -0,0 +1,158 @@
+
+import { ThemeType } from '../../core/enums/theme.enum';
+import { ITheme, IThemeColors, ITypography, ISpacing, IThemeEmailStyles } from './theme.interface';
+
+export class MinimalTheme implements ITheme {
+  id = ThemeType.MINIMAL;
+  name = 'Minimal';
+  
+  light: IThemeColors = {
+    primary: '#000000',       
+    secondary: '#404040',     
+    background: '#ffffff',     
+    text: '#111111',          
+    textMuted: '#666666',     
+    border: '#e5e5e5',        
+    success: '#22c55e',       
+    error: '#ef4444',         
+    warning: '#f97316'        
+  };
+  
+  dark: IThemeColors = {
+    primary: '#ffffff',       
+    secondary: '#a3a3a3',     
+    background: '#000000',     
+    text: '#ffffff',          
+    textMuted: '#737373',     
+    border: '#262626',        
+    success: '#22c55e',       
+    error: '#ef4444',         
+    warning: '#f97316'        
+  };
+  
+  typography: ITypography = {
+    fontFamily: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    fontSizes: {
+      small: '13px',
+      medium: '15px',
+      large: '17px',
+      xlarge: '21px'
+    },
+    fontWeights: {
+      normal: 400,
+      medium: 500,
+      bold: 600
+    }
+  };
+  
+  spacing: ISpacing = {
+    xs: '8px',
+    sm: '16px',
+    md: '24px',
+    lg: '32px',
+    xl: '48px'
+  };
+
+  emailStyles: IThemeEmailStyles = {
+    maxWidthPx: 600,
+    container: {
+      borderColor: 'border',
+      borderWidth: '1px',
+      borderRadius: '2px',
+      boxShadow: 'none'
+    },
+    header: {
+      accentColor: 'primary',
+      accentWidth: '2px',
+      horizontalPadding: '24px',
+      logoColor: 'text',
+      logoLetterSpacing: '0.02em',
+      imageBorderRadius: '0px'
+    },
+    body: {
+      accentColor: 'border',
+      accentWidth: '1px',
+      borderRadius: '2px',
+      boxShadow: 'none',
+      horizontalPadding: '24px',
+      lineHeight: 1.6
+    },
+    button: {
+      appearance: 'outline',
+      borderRadius: '2px',
+      borderWidth: '1px',
+      boxShadow: 'none',
+      textTransform: 'none',
+      letterSpacing: '0.02em'
+    },
+    footer: {
+      accentColor: 'border',
+      accentWidth: '1px'
+    }
+  };
+  
+  // cores minimalistas
+  minimalColors = {
+    white: '#ffffff',
+    black: '#000000',
+    gray100: '#f5f5f5',
+    gray200: '#e5e5e5',
+    gray300: '#d4d4d4',
+    gray400: '#a3a3a3',
+    gray500: '#737373',
+    gray600: '#525252',
+    gray700: '#404040',
+    gray800: '#262626',
+    gray900: '#171717'
+  };
+  
+  borderStyle = {
+    radius: {
+      none: '0px',
+      small: '2px',
+      medium: '4px',
+      large: '8px',
+      full: '9999px'
+    },
+    width: {
+      thin: '1px',
+      medium: '2px'
+    },
+    style: 'solid'
+  };
+  
+  effects = {
+    shadow: 'none',  
+    transition: 'all 0.2s ease',
+    opacity: {
+      hover: '0.7',
+      disabled: '0.5'
+    }
+  };
+  
+  layout = {
+    maxWidth: '640px',
+    contentWidth: '560px',
+    spacingMultiplier: 1.5,
+    lineHeight: 1.6,
+    paragraphSpacing: '1.5em'
+  };
+  
+  designSystem = {
+    grid: {
+      columns: 12,
+      gutter: '20px',
+      margin: '20px'
+    },
+    breakpoints: {
+      mobile: '480px',
+      tablet: '768px',
+      desktop: '1024px'
+    },
+    zIndex: {
+      base: 1,
+      overlay: 10,
+      modal: 100
+    }
+  };
+}

package/src/templates/themes/modern.theme.ts

@@ -0,0 +1,124 @@
+
+import { ThemeType } from '../../core/enums/theme.enum';
+import { ITheme, IThemeColors, ITypography, ISpacing, IThemeEmailStyles } from './theme.interface';
+
+export class ModernTheme implements ITheme {
+  id = ThemeType.MODERN;
+  name = 'Modern';
+  
+  light: IThemeColors = {
+    primary: '#0f172a',      
+    secondary: '#64748b',     
+    background: '#ffffff',     
+    text: '#0f172a',          
+    textMuted: '#64748b',     
+    border: '#e2e8f0',        
+    success: '#10b981',       
+    error: '#ef4444',         
+    warning: '#f59e0b'        
+  };
+  
+  dark: IThemeColors = {
+    primary: '#38bdf8',       
+    secondary: '#94a3b8',     
+    background: '#0f172a',     
+    text: '#f1f5f9',          
+    textMuted: '#94a3b8',     
+    border: '#1e293b',        
+    success: '#34d399',      
+    error: '#f87171',         
+    warning: '#fbbf24'   
+  };
+  
+  typography: ITypography = {
+    fontFamily: '"Inter", "SF Pro Display", "Segoe UI", system-ui, sans-serif',
+    fontSizes: {
+      small: '13px',
+      medium: '15px',
+      large: '17px',
+      xlarge: '24px'
+    },
+    fontWeights: {
+      normal: 400,
+      medium: 500,
+      bold: 600
+    }
+  };
+  
+  spacing: ISpacing = {
+    xs: '6px',
+    sm: '12px',
+    md: '20px',
+    lg: '32px',
+    xl: '48px'
+  };
+
+  emailStyles: IThemeEmailStyles = {
+    maxWidthPx: 600,
+    container: {
+      borderColor: 'border',
+      borderWidth: '1px',
+      borderRadius: '12px',
+      boxShadow: 'none'
+    },
+    header: {
+      accentColor: 'primary',
+      accentWidth: '3px',
+      horizontalPadding: '24px',
+      logoColor: 'primary',
+      logoFontFamily: '"Inter", "Segoe UI", sans-serif',
+      logoLetterSpacing: '0.02em',
+      imageBorderRadius: '8px'
+    },
+    body: {
+      accentColor: 'primary',
+      accentWidth: '2px',
+      borderRadius: '8px',
+      boxShadow: 'none',
+      horizontalPadding: '24px',
+      lineHeight: 1.55
+    },
+    button: {
+      appearance: 'solid',
+      borderRadius: '8px',
+      borderWidth: '1px',
+      boxShadow: 'none',
+      letterSpacing: '0.01em'
+    },
+    footer: {
+      accentColor: 'secondary',
+      accentWidth: '1px'
+    }
+  };
+  
+  gradients = {
+    primary: 'linear-gradient(135deg, #0f172a 0%, #1e293b 100%)',
+    secondary: 'linear-gradient(135deg, #64748b 0%, #94a3b8 100%)',
+    accent: 'linear-gradient(135deg, #38bdf8 0%, #0f172a 100%)',
+    dark: 'linear-gradient(135deg, #0f172a 0%, #020617 100%)',
+    light: 'linear-gradient(135deg, #f8fafc 0%, #ffffff 100%)'
+  };
+  
+  borderStyle = {
+    radius: {
+      small: '8px',
+      medium: '12px',
+      large: '16px',
+      full: '9999px'
+    },
+    width: '1px',
+    style: 'solid'
+  };
+  
+  glassmorphism = {
+    light: 'rgba(255, 255, 255, 0.8)',
+    dark: 'rgba(15, 23, 42, 0.8)',
+    blur: '12px'
+  };
+  
+  animations = {
+    hover: 'transform 0.2s ease, box-shadow 0.2s ease',
+    fade: 'opacity 0.3s ease',
+    slide: 'transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)'
+  };
+}

package/src/templates/themes/monokai.theme.ts

@@ -0,0 +1,117 @@
+
+import { ThemeType } from '../../core/enums/theme.enum';
+import { ITheme, IThemeColors, ITypography, ISpacing, IThemeEmailStyles } from './theme.interface';
+
+export class MonokaiTheme implements ITheme {
+  id = ThemeType.MONOKAI;
+  name = 'Monokai';
+  
+  light: IThemeColors = {
+    primary: '#f92672',      
+    secondary: '#a6e22e',    
+    background: '#f9f9f9',    
+    text: '#272822',          
+    textMuted: '#75715e',     
+    border: '#e5e5e5',        
+    success: '#a6e22e',       
+    error: '#f92672',         
+    warning: '#fd971f'        
+  };
+  
+  dark: IThemeColors = {
+    primary: '#f92672',       
+    secondary: '#a6e22e',     
+    background: '#272822',   
+    text: '#f8f8f2',          
+    textMuted: '#75715e',     
+    border: '#3e3d32',      
+    success: '#a6e22e',       
+    error: '#f92672',         
+    warning: '#fd971f'        
+  };
+  
+  typography: ITypography = {
+    fontFamily: '"SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace',
+    fontSizes: {
+      small: '12px',
+      medium: '14px',
+      large: '16px',
+      xlarge: '20px'
+    },
+    fontWeights: {
+      normal: 400,
+      medium: 500,
+      bold: 700
+    }
+  };
+  
+  spacing: ISpacing = {
+    xs: '4px',
+    sm: '8px',
+    md: '16px',
+    lg: '24px',
+    xl: '32px'
+  };
+  
+  // cores adicionais
+  codeHighlight = {
+    comment: '#75715e',
+    keyword: '#f92672',
+    string: '#e6db74',
+    number: '#ae81ff',
+    function: '#a6e22e',
+    variable: '#fd971f'
+  };
+  
+ 
+  borderStyle = {
+    radius: '4px',
+    width: '2px',
+    style: 'solid'
+  };
+  
+  effects = {
+    glow: '0 0 10px rgba(249, 38, 114, 0.3)',
+    shadow: '0 4px 6px rgba(0, 0, 0, 0.1)',
+    transition: 'all 0.3s ease'
+  };
+
+  emailStyles: IThemeEmailStyles = {
+    maxWidthPx: 600,
+    container: {
+      borderColor: 'border',
+      borderWidth: '1px',
+      borderRadius: '4px',
+      boxShadow: '0 2px 8px rgba(0, 0, 0, 0.08)'
+    },
+    header: {
+      accentColor: 'primary',
+      accentWidth: '3px',
+      horizontalPadding: '24px',
+      logoColor: 'text',
+      logoFontFamily: '"SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace',
+      logoLetterSpacing: '0.02em',
+      imageBorderRadius: '3px'
+    },
+    body: {
+      accentColor: 'secondary',
+      accentWidth: '2px',
+      borderRadius: '4px',
+      boxShadow: 'none',
+      horizontalPadding: '24px',
+      lineHeight: 1.6
+    },
+    button: {
+      appearance: 'solid',
+      borderRadius: '3px',
+      borderWidth: '1px',
+      boxShadow: 'none',
+      textTransform: 'uppercase',
+      letterSpacing: '0.04em'
+    },
+    footer: {
+      accentColor: 'secondary',
+      accentWidth: '2px'
+    }
+  };
+}

package/src/templates/themes/neobrutal.theme.ts

@@ -0,0 +1,94 @@
+import { ThemeType } from '../../core/enums/theme.enum';
+import { ITheme, IThemeColors, ITypography, ISpacing, IThemeEmailStyles } from './theme.interface';
+
+export class NeoBrutalTheme implements ITheme {
+  id = ThemeType.NEOBRUTAL;
+  name = 'Neo Brutal';
+
+  light: IThemeColors = {
+    primary: '#1745C6',
+    secondary: '#FFD400',
+    background: '#FFFFFF',
+    text: '#111111',
+    textMuted: '#505050',
+    border: '#767676',
+    success: '#146C2E',
+    error: '#B42318',
+    warning: '#805B00'
+  };
+
+  dark: IThemeColors = {
+    primary: '#FFD400',
+    secondary: '#4F7DFF',
+    background: '#111111',
+    text: '#FAFAFA',
+    textMuted: '#C4C4C4',
+    border: '#777777',
+    success: '#75D99A',
+    error: '#FF8B82',
+    warning: '#FFD166'
+  };
+
+  typography: ITypography = {
+    fontFamily: 'Arial, Helvetica, "Liberation Sans", sans-serif',
+    fontSizes: {
+      small: '14px',
+      medium: '16px',
+      large: '20px',
+      xlarge: '28px'
+    },
+    fontWeights: {
+      normal: 400,
+      medium: 600,
+      bold: 800
+    }
+  };
+
+  spacing: ISpacing = {
+    xs: '4px',
+    sm: '8px',
+    md: '16px',
+    lg: '24px',
+    xl: '36px'
+  };
+
+  emailStyles: IThemeEmailStyles = {
+    maxWidthPx: 600,
+    container: {
+      borderColor: 'border',
+      borderWidth: '3px',
+      borderRadius: '0',
+      boxShadow: 'none'
+    },
+    header: {
+      accentColor: 'primary',
+      accentWidth: '8px',
+      horizontalPadding: '24px',
+      logoColor: 'text',
+      logoFontFamily: 'Arial, Helvetica, "Liberation Sans", sans-serif',
+      logoTextTransform: 'uppercase',
+      logoLetterSpacing: '0.04em',
+      imageBorderRadius: '0'
+    },
+    body: {
+      accentColor: 'secondary',
+      accentWidth: '4px',
+      borderRadius: '0',
+      boxShadow: 'none',
+      horizontalPadding: '28px',
+      lineHeight: 1.55
+    },
+    button: {
+      appearance: 'solid',
+      borderRadius: '0',
+      borderWidth: '3px',
+      boxShadow: 'none',
+      textTransform: 'uppercase',
+      letterSpacing: '0.04em'
+    },
+    footer: {
+      accentColor: 'border',
+      accentWidth: '2px'
+    }
+  };
+}

package/src/templates/themes/ocean.theme.ts

@@ -0,0 +1,93 @@
+import { ThemeType } from '../../core/enums/theme.enum';
+import { ITheme, IThemeColors, ITypography, ISpacing, IThemeEmailStyles } from './theme.interface';
+
+export class OceanTheme implements ITheme {
+  id = ThemeType.OCEAN;
+  name = 'Ocean';
+
+  light: IThemeColors = {
+    primary: '#075985',
+    secondary: '#0E7490',
+    background: '#F4FAFC',
+    text: '#102A43',
+    textMuted: '#486581',
+    border: '#C7DCE5',
+    success: '#166534',
+    error: '#B42318',
+    warning: '#92400E'
+  };
+
+  dark: IThemeColors = {
+    primary: '#67E8F9',
+    secondary: '#5EEAD4',
+    background: '#071B2B',
+    text: '#E6F4F7',
+    textMuted: '#A6C8D1',
+    border: '#244657',
+    success: '#6EE7B7',
+    error: '#FDA4AF',
+    warning: '#FCD34D'
+  };
+
+  typography: ITypography = {
+    fontFamily: 'Arial, Helvetica, sans-serif',
+    fontSizes: {
+      small: '14px',
+      medium: '16px',
+      large: '18px',
+      xlarge: '26px'
+    },
+    fontWeights: {
+      normal: 400,
+      medium: 500,
+      bold: 600
+    }
+  };
+
+  spacing: ISpacing = {
+    xs: '4px',
+    sm: '8px',
+    md: '16px',
+    lg: '24px',
+    xl: '36px'
+  };
+
+  emailStyles: IThemeEmailStyles = {
+    maxWidthPx: 600,
+    container: {
+      borderColor: 'border',
+      borderWidth: '1px',
+      borderRadius: '12px',
+      boxShadow: '0 2px 8px rgba(0, 0, 0, 0.08)'
+    },
+    header: {
+      accentColor: 'secondary',
+      accentWidth: '4px',
+      horizontalPadding: '28px',
+      logoColor: 'primary',
+      logoFontFamily: 'Arial, Helvetica, sans-serif',
+      logoLetterSpacing: '0.02em',
+      imageBorderRadius: '8px'
+    },
+    body: {
+      accentColor: 'primary',
+      accentWidth: '3px',
+      borderRadius: '8px',
+      boxShadow: '0 1px 4px rgba(0, 0, 0, 0.06)',
+      horizontalPadding: '28px',
+      lineHeight: 1.6
+    },
+    button: {
+      appearance: 'solid',
+      borderRadius: '6px',
+      borderWidth: '1px',
+      boxShadow: 'none',
+      textTransform: 'none',
+      letterSpacing: '0.01em'
+    },
+    footer: {
+      accentColor: 'secondary',
+      accentWidth: '2px'
+    }
+  };
+}

package/src/templates/themes/pastel.theme.ts

@@ -0,0 +1,92 @@
+import { ThemeType } from '../../core/enums/theme.enum';
+import { ITheme, IThemeColors, ITypography, ISpacing, IThemeEmailStyles } from './theme.interface';
+
+export class PastelTheme implements ITheme {
+  id = ThemeType.PASTEL;
+  name = 'Pastel';
+
+  light: IThemeColors = {
+    primary: '#76536B',
+    secondary: '#796C78',
+    background: '#FFFAF4',
+    text: '#352D36',
+    textMuted: '#655B65',
+    border: '#E8DCD9',
+    success: '#356B56',
+    error: '#9B4148',
+    warning: '#80551F'
+  };
+
+  dark: IThemeColors = {
+    primary: '#765A80',
+    secondary: '#C7B7CB',
+    background: '#211D27',
+    text: '#F7F0F5',
+    textMuted: '#C9BEC9',
+    border: '#49404D',
+    success: '#8FCBAA',
+    error: '#F0A0A4',
+    warning: '#E8C17B'
+  };
+
+  typography: ITypography = {
+    fontFamily: 'Arial, Helvetica, sans-serif',
+    fontSizes: {
+      small: '14px',
+      medium: '16px',
+      large: '18px',
+      xlarge: '26px'
+    },
+    fontWeights: {
+      normal: 400,
+      medium: 500,
+      bold: 700
+    }
+  };
+
+  spacing: ISpacing = {
+    xs: '6px',
+    sm: '12px',
+    md: '20px',
+    lg: '30px',
+    xl: '44px'
+  };
+
+  emailStyles: IThemeEmailStyles = {
+    maxWidthPx: 600,
+    container: {
+      borderColor: 'border',
+      borderWidth: '1px',
+      borderRadius: '14px',
+      boxShadow: '0 2px 10px rgba(53, 45, 54, 0.08)'
+    },
+    header: {
+      accentColor: 'primary',
+      accentWidth: '3px',
+      horizontalPadding: '28px',
+      logoColor: 'primary',
+      logoFontFamily: 'Georgia, "Times New Roman", serif',
+      logoLetterSpacing: '0.03em',
+      imageBorderRadius: '10px'
+    },
+    body: {
+      accentColor: 'secondary',
+      accentWidth: '2px',
+      borderRadius: '10px',
+      boxShadow: 'none',
+      horizontalPadding: '28px',
+      lineHeight: 1.6
+    },
+    button: {
+      appearance: 'solid',
+      borderRadius: '18px',
+      borderWidth: '1px',
+      boxShadow: 'none',
+      letterSpacing: '0.01em'
+    },
+    footer: {
+      accentColor: 'border',
+      accentWidth: '1px'
+    }
+  };
+}