@zyther/tzmail 0.1.4 → 0.5.0

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

@@ -0,0 +1,156 @@
+
+import { ThemeType } from '../../core/enums/theme.enum';
+import { ITheme, IThemeColors, ITypography, ISpacing, IThemeEmailStyles } from './theme.interface';
+
+export class CorporateTheme implements ITheme {
+  id = ThemeType.CORPORATE;
+  name = 'Corporate';
+  
+  light: IThemeColors = {
+    primary: '#1e40af',       
+    secondary: '#334155',     
+    background: '#ffffff',     
+    text: '#0f172a',          
+    textMuted: '#475569',     
+    border: '#e2e8f0',        
+    success: '#059669',      
+    error: '#dc2626',         
+    warning: '#d97706'       
+  };
+  
+  dark: IThemeColors = {
+    primary: '#3b82f6',      
+    secondary: '#64748b',     
+    background: '#0f172a',     
+    text: '#f1f5f9',          
+    textMuted: '#94a3b8',     
+    border: '#1e293b',       
+    success: '#10b981',       
+    error: '#ef4444',         
+    warning: '#f59e0b'       
+  };
+  
+  typography: ITypography = {
+    fontFamily: '"Playfair Display", "Georgia", "Times New Roman", serif',
+    fontSizes: {
+      small: '12px',
+      medium: '14px',
+      large: '16px',
+      xlarge: '24px'
+    },
+    fontWeights: {
+      normal: 400,
+      medium: 500,
+      bold: 700
+    }
+  };
+  
+  spacing: ISpacing = {
+    xs: '4px',
+    sm: '8px',
+    md: '16px',
+    lg: '24px',
+    xl: '32px'
+  };
+  
+  // cores adicionais
+  corporateColors = {
+    gold: '#d4af37',
+    silver: '#c0c0c0',
+    bronze: '#cd7f32',
+    navy: '#0a2540',
+    charcoal: '#36454f',
+    ivory: '#fffff0'
+  };
+  
+
+  borderStyle = {
+    radius: {
+      small: '2px',
+      medium: '4px',
+      large: '8px',
+      pill: '20px'
+    },
+    width: {
+      thin: '1px',
+      medium: '2px',
+      thick: '3px'
+    },
+    style: 'solid'
+  };
+  
+  elevation = {
+    shadow: '0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04)',
+    card: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
+    modal: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.02)',
+    hover: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)'
+  };
+  
+  branding = {
+    logoSize: {
+      small: '32px',
+      medium: '48px',
+      large: '64px'
+    },
+    letterSpacing: {
+      tight: '-0.5px',
+      normal: '0px',
+      wide: '0.5px',
+      wider: '1px'
+    },
+    textTransform: {
+      uppercase: 'uppercase',
+      lowercase: 'lowercase',
+      capitalize: 'capitalize',
+      normal: 'none'
+    }
+  };
+  
+  layout = {
+    maxWidth: '600px',
+    contentWidth: '560px',
+    sidebarWidth: '200px',
+    headerHeight: '80px',
+    footerHeight: '120px'
+  };
+
+  emailStyles: IThemeEmailStyles = {
+    maxWidthPx: 600,
+    container: {
+      borderColor: 'border',
+      borderWidth: '1px',
+      borderRadius: '4px',
+      boxShadow: 'none'
+    },
+    header: {
+      accentColor: 'primary',
+      accentWidth: '3px',
+      horizontalPadding: '28px',
+      logoColor: 'text',
+      logoFontFamily: '"Playfair Display", "Georgia", "Times New Roman", serif',
+      logoTextTransform: 'uppercase',
+      logoLetterSpacing: '1px',
+      imageBorderRadius: '2px'
+    },
+    body: {
+      accentColor: 'secondary',
+      accentWidth: '1px',
+      borderRadius: '4px',
+      boxShadow: 'none',
+      horizontalPadding: '32px',
+      lineHeight: 1.6
+    },
+    button: {
+      appearance: 'solid',
+      borderRadius: '2px',
+      borderWidth: '1px',
+      boxShadow: 'none',
+      textTransform: 'uppercase',
+      letterSpacing: '0.5px'
+    },
+    footer: {
+      accentColor: 'border',
+      accentWidth: '1px'
+    }
+  };
+}

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

@@ -0,0 +1,93 @@
+import { ThemeType } from '../../core/enums/theme.enum';
+import { ITheme, IThemeColors, ITypography, ISpacing, IThemeEmailStyles } from './theme.interface';
+
+export class EditorialTheme implements ITheme {
+  id = ThemeType.EDITORIAL;
+  name = 'Editorial';
+
+  light: IThemeColors = {
+    primary: '#8B342D',
+    secondary: '#5D5148',
+    background: '#F7F3EA',
+    text: '#292522',
+    textMuted: '#655C54',
+    border: '#D8CFC1',
+    success: '#286146',
+    error: '#963B34',
+    warning: '#75500F'
+  };
+
+  dark: IThemeColors = {
+    primary: '#E49A8E',
+    secondary: '#C8BBA9',
+    background: '#211F1C',
+    text: '#F3EEE4',
+    textMuted: '#C2B8AA',
+    border: '#4A433C',
+    success: '#91CBA5',
+    error: '#F0A097',
+    warning: '#E9C77B'
+  };
+
+  typography: ITypography = {
+    fontFamily: 'Georgia, "Times New Roman", Times, serif',
+    fontSizes: {
+      small: '14px',
+      medium: '16px',
+      large: '19px',
+      xlarge: '28px'
+    },
+    fontWeights: {
+      normal: 400,
+      medium: 500,
+      bold: 700
+    }
+  };
+
+  spacing: ISpacing = {
+    xs: '4px',
+    sm: '8px',
+    md: '16px',
+    lg: '24px',
+    xl: '36px'
+  };
+
+  emailStyles: IThemeEmailStyles = {
+    maxWidthPx: 600,
+    container: {
+      borderColor: 'border',
+      borderWidth: '1px',
+      borderRadius: '3px',
+      boxShadow: 'none'
+    },
+    header: {
+      accentColor: 'primary',
+      accentWidth: '2px',
+      horizontalPadding: '28px',
+      logoColor: 'primary',
+      logoFontFamily: 'Georgia, "Times New Roman", Times, serif',
+      logoLetterSpacing: '0.02em',
+      imageBorderRadius: '2px'
+    },
+    body: {
+      accentColor: 'primary',
+      accentWidth: '2px',
+      borderRadius: '2px',
+      boxShadow: 'none',
+      horizontalPadding: '28px',
+      lineHeight: 1.65
+    },
+    button: {
+      appearance: 'solid',
+      borderRadius: '2px',
+      borderWidth: '1px',
+      boxShadow: 'none',
+      textTransform: 'uppercase',
+      letterSpacing: '0.04em'
+    },
+    footer: {
+      accentColor: 'secondary',
+      accentWidth: '1px'
+    }
+  };
+}

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

@@ -0,0 +1,92 @@
+import { ThemeType } from '../../core/enums/theme.enum';
+import { ITheme, IThemeColors, ITypography, ISpacing, IThemeEmailStyles } from './theme.interface';
+
+export class ForestTheme implements ITheme {
+  id = ThemeType.FOREST;
+  name = 'Forest';
+
+  light: IThemeColors = {
+    primary: '#315A3D',
+    secondary: '#657B5D',
+    background: '#F7F5EC',
+    text: '#26362B',
+    textMuted: '#58665A',
+    border: '#D9DFD2',
+    success: '#356B48',
+    error: '#A34037',
+    warning: '#805713'
+  };
+
+  dark: IThemeColors = {
+    primary: '#A9C69A',
+    secondary: '#B4C2A8',
+    background: '#18231C',
+    text: '#F1F2E9',
+    textMuted: '#B7C2B5',
+    border: '#3A4A3D',
+    success: '#9BC99E',
+    error: '#F0A39A',
+    warning: '#E5C078'
+  };
+
+  typography: ITypography = {
+    fontFamily: 'Georgia, "Times New Roman", 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: '8px',
+      boxShadow: 'none'
+    },
+    header: {
+      accentColor: 'primary',
+      accentWidth: '4px',
+      horizontalPadding: '28px',
+      logoColor: 'primary',
+      logoFontFamily: 'Georgia, "Times New Roman", serif',
+      imageBorderRadius: '6px'
+    },
+    body: {
+      accentColor: 'secondary',
+      accentWidth: '3px',
+      borderRadius: '6px',
+      boxShadow: 'none',
+      horizontalPadding: '28px',
+      lineHeight: 1.65
+    },
+    button: {
+      appearance: 'solid',
+      borderRadius: '4px',
+      borderWidth: '1px',
+      boxShadow: 'none',
+      textTransform: 'uppercase',
+      letterSpacing: '0.04em'
+    },
+    footer: {
+      accentColor: 'secondary',
+      accentWidth: '1px'
+    }
+  };
+}

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

@@ -0,0 +1,91 @@
+import { ThemeType } from '../../core/enums/theme.enum';
+import { ITheme, IThemeColors, ITypography, ISpacing, IThemeEmailStyles } from './theme.interface';
+
+export class GlassTheme implements ITheme {
+  id = ThemeType.GLASS;
+  name = 'Glass';
+
+  light: IThemeColors = {
+    primary: '#155E91',
+    secondary: '#526B7D',
+    background: '#F3F7FA',
+    text: '#183043',
+    textMuted: '#526B7D',
+    border: '#C9D7E1',
+    success: '#176B50',
+    error: '#A8323E',
+    warning: '#805400'
+  };
+
+  dark: IThemeColors = {
+    primary: '#83CEF5',
+    secondary: '#B0C5D4',
+    background: '#12202D',
+    text: '#EDF5FA',
+    textMuted: '#B0C5D4',
+    border: '#344B5D',
+    success: '#71D2A9',
+    error: '#FF9297',
+    warning: '#FFD078'
+  };
+
+  typography: ITypography = {
+    fontFamily: 'Arial, Helvetica, "Segoe UI", 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: '12px',
+      boxShadow: '0 2px 8px rgba(24, 48, 67, 0.08)'
+    },
+    header: {
+      accentColor: 'primary',
+      accentWidth: '3px',
+      horizontalPadding: '28px',
+      logoColor: 'primary',
+      logoLetterSpacing: '0.04em',
+      imageBorderRadius: '6px'
+    },
+    body: {
+      accentColor: 'secondary',
+      accentWidth: '2px',
+      borderRadius: '8px',
+      boxShadow: 'none',
+      horizontalPadding: '28px',
+      lineHeight: 1.6
+    },
+    button: {
+      appearance: 'outline',
+      borderRadius: '6px',
+      borderWidth: '1px',
+      boxShadow: 'none',
+      letterSpacing: '0.02em'
+    },
+    footer: {
+      accentColor: 'border',
+      accentWidth: '1px'
+    }
+  };
+}

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

@@ -0,0 +1,94 @@
+import { ThemeType } from '../../core/enums/theme.enum';
+import { ITheme, IThemeColors, ITypography, ISpacing, IThemeEmailStyles } from './theme.interface';
+
+export class LavenderTheme implements ITheme {
+  id = ThemeType.LAVENDER;
+  name = 'Lavender';
+
+  light: IThemeColors = {
+    primary: '#623B8C',
+    secondary: '#8A4F68',
+    background: '#FCFAFF',
+    text: '#241B2B',
+    textMuted: '#62596A',
+    border: '#D9CFE2',
+    success: '#246B4A',
+    error: '#A12F45',
+    warning: '#815400'
+  };
+
+  dark: IThemeColors = {
+    primary: '#D7B8FF',
+    secondary: '#F0B5CA',
+    background: '#17121F',
+    text: '#F7F1FC',
+    textMuted: '#C3B8CC',
+    border: '#51465C',
+    success: '#8BD6AD',
+    error: '#FF9EAE',
+    warning: '#FFD27A'
+  };
+
+  typography: ITypography = {
+    fontFamily: 'Arial, "Segoe UI", system-ui, sans-serif',
+    fontSizes: {
+      small: '14px',
+      medium: '16px',
+      large: '18px',
+      xlarge: '26px'
+    },
+    fontWeights: {
+      normal: 400,
+      medium: 500,
+      bold: 600
+    }
+  };
+
+  spacing: ISpacing = {
+    xs: '6px',
+    sm: '12px',
+    md: '20px',
+    lg: '30px',
+    xl: '44px'
+  };
+
+  emailStyles: IThemeEmailStyles = {
+    maxWidthPx: 600,
+    container: {
+      borderColor: 'border',
+      borderWidth: '1px',
+      borderRadius: '16px',
+      boxShadow: 'none'
+    },
+    header: {
+      accentColor: 'primary',
+      accentWidth: '3px',
+      horizontalPadding: '28px',
+      logoColor: 'primary',
+      logoFontFamily: 'Arial, "Segoe UI", system-ui, sans-serif',
+      logoTextTransform: 'none',
+      logoLetterSpacing: '0.02em',
+      imageBorderRadius: '12px'
+    },
+    body: {
+      accentColor: 'secondary',
+      accentWidth: '2px',
+      borderRadius: '12px',
+      boxShadow: 'none',
+      horizontalPadding: '28px',
+      lineHeight: 1.65
+    },
+    button: {
+      appearance: 'solid',
+      borderRadius: '10px',
+      borderWidth: '1px',
+      boxShadow: 'none',
+      textTransform: 'none',
+      letterSpacing: '0.01em'
+    },
+    footer: {
+      accentColor: 'secondary',
+      accentWidth: '2px'
+    }
+  };
+}

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

@@ -0,0 +1,94 @@
+import { ThemeType } from '../../core/enums/theme.enum';
+import { ITheme, IThemeColors, ITypography, ISpacing, IThemeEmailStyles } from './theme.interface';
+
+export class MidnightTheme implements ITheme {
+  id = ThemeType.MIDNIGHT;
+  name = 'Midnight';
+
+  light: IThemeColors = {
+    primary: '#72551F',
+    secondary: '#655B49',
+    background: '#FFFCF5',
+    text: '#20232B',
+    textMuted: '#5B5D62',
+    border: '#D9D2C4',
+    success: '#286447',
+    error: '#A33138',
+    warning: '#795000'
+  };
+
+  dark: IThemeColors = {
+    primary: '#E6C982',
+    secondary: '#C7B991',
+    background: '#11151D',
+    text: '#F5F1E8',
+    textMuted: '#C2BEAF',
+    border: '#3A3B3B',
+    success: '#82C99C',
+    error: '#F08A8D',
+    warning: '#F0C66A'
+  };
+
+  typography: ITypography = {
+    fontFamily: 'Georgia, "Times New Roman", serif',
+    fontSizes: {
+      small: '14px',
+      medium: '16px',
+      large: '19px',
+      xlarge: '28px'
+    },
+    fontWeights: {
+      normal: 400,
+      medium: 500,
+      bold: 700
+    }
+  };
+
+  spacing: ISpacing = {
+    xs: '4px',
+    sm: '10px',
+    md: '18px',
+    lg: '28px',
+    xl: '44px'
+  };
+
+  emailStyles: IThemeEmailStyles = {
+    maxWidthPx: 600,
+    container: {
+      borderColor: 'border',
+      borderWidth: '1px',
+      borderRadius: '4px',
+      boxShadow: 'none'
+    },
+    header: {
+      accentColor: 'primary',
+      accentWidth: '3px',
+      horizontalPadding: '32px',
+      logoColor: 'primary',
+      logoFontFamily: 'Georgia, "Times New Roman", serif',
+      logoTextTransform: 'none',
+      logoLetterSpacing: '0.04em',
+      imageBorderRadius: '2px'
+    },
+    body: {
+      accentColor: 'secondary',
+      accentWidth: '1px',
+      borderRadius: '4px',
+      boxShadow: 'none',
+      horizontalPadding: '32px',
+      lineHeight: 1.65
+    },
+    button: {
+      appearance: 'outline',
+      borderRadius: '2px',
+      borderWidth: '1px',
+      boxShadow: 'none',
+      textTransform: 'uppercase',
+      letterSpacing: '0.08em'
+    },
+    footer: {
+      accentColor: 'secondary',
+      accentWidth: '1px'
+    }
+  };
+}