@umituz/react-native-design-system 1.5.0 → 1.5.2

package/lib/presentation/tokens/core/ColorPalette.js

@@ -1,330 +0,0 @@
-/**
- * COLOR PALETTE - THEME-SPECIFIC COLORS
- *
- * ✅ Light and Dark theme color definitions
- * ✅ Semantic color naming for clarity
- * ✅ Template placeholders for factory generation
- * ✅ Type-safe color definitions
- *
- * @module ColorPalette
- */
-// =============================================================================
-// COLOR UTILITIES
-// =============================================================================
-/**
- * Add alpha transparency to hex color
- * @param hexColor - Hex color string (#RRGGBB or #RGB)
- * @param alpha - Alpha value 0-1
- * @returns Hex color with alpha (#RRGGBBAA)
- */
-export const withAlpha = (hexColor, alpha) => {
-    if (!hexColor.startsWith('#') || (hexColor.length !== 7 && hexColor.length !== 4)) {
-        return hexColor;
-    }
-    if (alpha < 0 || alpha > 1) {
-        return hexColor;
-    }
-    const alphaHex = Math.round(alpha * 255)
-        .toString(16)
-        .padStart(2, '0');
-    return hexColor + alphaHex;
-};
-// =============================================================================
-// LIGHT THEME COLORS
-// =============================================================================
-export const lightColors = {
-    // =============================================================================
-    // PRIMARY BRAND COLORS
-    // =============================================================================
-    primary: '#3B82F6',
-    primaryLight: '#60A5FA',
-    primaryDark: '#2563EB',
-    secondary: '#8B5CF6',
-    secondaryLight: '#A78BFA',
-    secondaryDark: '#7C3AED',
-    accent: '#F59E0B',
-    accentLight: '#FBBF24',
-    accentDark: '#D97706',
-    // =============================================================================
-    // MATERIAL DESIGN 3 - ON COLORS (Text on colored backgrounds)
-    // =============================================================================
-    onPrimary: '#FFFFFF', // Text on primary background
-    onSecondary: '#FFFFFF', // Text on secondary background
-    onSuccess: '#FFFFFF', // Text on success background
-    onError: '#FFFFFF', // Text on error background
-    onWarning: '#000000', // Text on warning background
-    onInfo: '#FFFFFF', // Text on info background
-    onSurface: '#1E293B', // Text on surface
-    onBackground: '#1E293B', // Text on background
-    onSurfaceDisabled: '#CBD5E1', // Disabled text color
-    // =============================================================================
-    // MATERIAL DESIGN 3 - CONTAINER COLORS (Lighter versions for containers)
-    // =============================================================================
-    primaryContainer: '#DBEAFE', // Light container using primary
-    onPrimaryContainer: '#1E40AF', // Text on primary container
-    secondaryContainer: '#E0E7FF', // Light container using secondary
-    onSecondaryContainer: '#3730A3', // Text on secondary container
-    errorContainer: '#FEE2E2', // Light container using error
-    onErrorContainer: '#991B1B', // Text on error container
-    // =============================================================================
-    // MATERIAL DESIGN 3 - OUTLINE
-    // =============================================================================
-    outline: '#CBD5E1', // Default outline color
-    outlineVariant: '#E2E8F0', // Lighter outline variant
-    outlineDisabled: '#E2E8F0', // Disabled outline color
-    // =============================================================================
-    // SEMANTIC UI COLORS
-    // =============================================================================
-    success: '#10B981',
-    successLight: '#34D399',
-    successDark: '#059669',
-    error: '#EF4444',
-    errorLight: '#F87171',
-    errorDark: '#DC2626',
-    warning: '#F59E0B',
-    warningLight: '#FBBF24',
-    warningDark: '#D97706',
-    info: '#3B82F6',
-    infoLight: '#60A5FA',
-    infoDark: '#2563EB',
-    // =============================================================================
-    // SEMANTIC CONTAINER COLORS (Light mode)
-    // =============================================================================
-    successContainer: '#D1FAE5', // Light container for success states
-    onSuccessContainer: '#065F46', // Text on success container
-    warningContainer: '#FEF3C7', // Light container for warning states
-    onWarningContainer: '#92400E', // Text on warning container
-    infoContainer: '#DBEAFE', // Light container for info states
-    onInfoContainer: '#1E40AF', // Text on info container
-    // =============================================================================
-    // GRAYSCALE PALETTE
-    // =============================================================================
-    gray50: '#FAFAFA',
-    gray100: '#F4F4F5',
-    gray200: '#E4E4E7',
-    gray300: '#D4D4D8',
-    gray400: '#A1A1AA',
-    gray500: '#71717A',
-    gray600: '#52525B',
-    gray700: '#3F3F46',
-    gray800: '#27272A',
-    gray900: '#18181B',
-    // =============================================================================
-    // BACKGROUND COLORS
-    // =============================================================================
-    backgroundPrimary: '#FFFFFF',
-    backgroundSecondary: '#F8FAFC',
-    surface: '#FFFFFF',
-    surfaceVariant: '#F1F5F9',
-    surfaceSecondary: '#F1F5F9', // Alias
-    surfaceDisabled: '#F4F4F5', // Disabled surface color
-    // =============================================================================
-    // TEXT COLORS
-    // =============================================================================
-    textPrimary: '#1E293B',
-    textSecondary: '#64748B',
-    textTertiary: '#94A3B8',
-    textDisabled: '#CBD5E1',
-    textInverse: '#FFFFFF',
-    // =============================================================================
-    // BORDER COLORS
-    // =============================================================================
-    border: '#E2E8F0',
-    borderLight: '#F1F5F9',
-    borderMedium: '#CBD5E1',
-    borderFocus: '#3B82F6',
-    borderDisabled: '#F1F5F9',
-    // =============================================================================
-    // COMPONENT-SPECIFIC COLORS
-    // =============================================================================
-    buttonPrimary: '#3B82F6',
-    buttonSecondary: '#8B5CF6',
-    inputBackground: '#FFFFFF',
-    inputBorder: '#E2E8F0',
-    cardBackground: '#FFFFFF',
-    // =============================================================================
-    // SPECIAL COLORS
-    // =============================================================================
-    transparent: 'transparent',
-    black: '#000000',
-    white: '#FFFFFF',
-    // =============================================================================
-    // RGBA OVERLAY COLORS (for modals, cards, etc.)
-    // =============================================================================
-    modalOverlay: 'rgba(0, 0, 0, 0.5)',
-    overlaySubtle: 'rgba(0, 0, 0, 0.05)',
-    overlayLight: 'rgba(0, 0, 0, 0.1)',
-    overlayMedium: 'rgba(0, 0, 0, 0.3)',
-    overlayBackground: 'rgba(0, 0, 0, 0.05)',
-    whiteOverlay: 'rgba(255, 255, 255, 0.2)',
-    whiteOverlayStrong: 'rgba(255, 255, 255, 0.95)',
-    whiteOverlayBorder: 'rgba(255, 255, 255, 0.5)',
-    textWhiteOpacity: 'rgba(255, 255, 255, 0.8)',
-    errorBackground: 'rgba(239, 68, 68, 0.1)',
-    primaryBackground: 'rgba(99, 102, 241, 0.1)',
-    cardOverlay: 'rgba(0, 0, 0, 0.15)',
-    inputBackground_RGBA: 'rgba(248, 250, 252, 0.9)',
-    // =============================================================================
-    // SHADOW COLORS - REMOVED (React Native Web incompatibility)
-    // NOTE: Use borders and background colors for depth instead
-    // =============================================================================
-    // =============================================================================
-    // GRADIENTS
-    // =============================================================================
-    gradient: ['#3B82F6', '#8B5CF6'],
-};
-// =============================================================================
-// DARK THEME COLORS
-// =============================================================================
-export const darkColors = {
-    // =============================================================================
-    // PRIMARY BRAND COLORS (darker versions for dark mode)
-    // =============================================================================
-    primary: '#60A5FA', // Lighter blue for dark backgrounds
-    primaryLight: '#93C5FD',
-    primaryDark: '#3B82F6',
-    secondary: '#A78BFA', // Lighter purple for dark backgrounds
-    secondaryLight: '#C4B5FD',
-    secondaryDark: '#8B5CF6',
-    accent: '#FBBF24', // Lighter amber for dark backgrounds
-    accentLight: '#FCD34D',
-    accentDark: '#F59E0B',
-    // =============================================================================
-    // MATERIAL DESIGN 3 - ON COLORS (Dark mode text colors)
-    // =============================================================================
-    onPrimary: '#000000', // Dark text on light primary
-    onSecondary: '#000000', // Dark text on light secondary
-    onSuccess: '#000000', // Dark text on light success
-    onError: '#FFFFFF', // Light text on dark error
-    onWarning: '#000000', // Dark text on light warning
-    onInfo: '#000000', // Dark text on light info
-    onSurface: '#E2E8F0', // Light text on dark surface
-    onBackground: '#F1F5F9', // Light text on dark background
-    onSurfaceDisabled: '#64748B', // Disabled dark mode text
-    // =============================================================================
-    // MATERIAL DESIGN 3 - CONTAINER COLORS (Dark mode containers)
-    // =============================================================================
-    primaryContainer: '#1E3A8A', // Dark blue container
-    onPrimaryContainer: '#DBEAFE', // Light text on dark primary container
-    secondaryContainer: '#4C1D95', // Dark purple container
-    onSecondaryContainer: '#E0E7FF', // Light text on dark secondary container
-    errorContainer: '#7F1D1D', // Dark red container
-    onErrorContainer: '#FEE2E2', // Light text on dark error container
-    // =============================================================================
-    // MATERIAL DESIGN 3 - OUTLINE (Dark mode outlines)
-    // =============================================================================
-    outline: '#475569', // Medium gray outline for dark mode
-    outlineVariant: '#334155', // Darker outline variant
-    outlineDisabled: '#334155', // Disabled outline
-    // =============================================================================
-    // SEMANTIC UI COLORS (slightly lighter for dark backgrounds)
-    // =============================================================================
-    success: '#34D399', // Lighter green for dark mode
-    successLight: '#34D399',
-    successDark: '#059669',
-    error: '#EF4444',
-    errorLight: '#F87171',
-    errorDark: '#DC2626',
-    warning: '#F59E0B',
-    warningLight: '#FBBF24',
-    warningDark: '#D97706',
-    info: '#3B82F6',
-    infoLight: '#60A5FA',
-    infoDark: '#2563EB',
-    // =============================================================================
-    // SEMANTIC CONTAINER COLORS (Same as light mode for type consistency)
-    // =============================================================================
-    successContainer: '#D1FAE5', // Same as light mode for type consistency
-    onSuccessContainer: '#065F46', // Same as light mode for type consistency
-    warningContainer: '#FEF3C7', // Same as light mode for type consistency
-    onWarningContainer: '#92400E', // Same as light mode for type consistency
-    infoContainer: '#DBEAFE', // Same as light mode for type consistency
-    onInfoContainer: '#1E40AF', // Same as light mode for type consistency
-    // =============================================================================
-    // GRAYSCALE PALETTE (Same as light mode for type consistency)
-    // =============================================================================
-    gray50: '#FAFAFA',
-    gray100: '#F4F4F5',
-    gray200: '#E4E4E7',
-    gray300: '#D4D4D8',
-    gray400: '#A1A1AA',
-    gray500: '#71717A',
-    gray600: '#52525B',
-    gray700: '#3F3F46',
-    gray800: '#27272A',
-    gray900: '#18181B',
-    // =============================================================================
-    // BACKGROUND COLORS (dark mode - true dark backgrounds)
-    // =============================================================================
-    backgroundPrimary: '#0F172A', // Slate 900 - Deep dark background
-    backgroundSecondary: '#1E293B', // Slate 800 - Slightly lighter
-    surface: '#1E293B', // Slate 800 - Card/surface backgrounds
-    surfaceVariant: '#334155', // Slate 700 - Variant surfaces
-    surfaceSecondary: '#334155', // Alias for surfaceVariant
-    surfaceDisabled: '#475569', // Slate 600 - Disabled surfaces
-    // =============================================================================
-    // TEXT COLORS (dark mode - light text on dark backgrounds)
-    // =============================================================================
-    textPrimary: '#F1F5F9', // Slate 100 - Primary text (very light)
-    textSecondary: '#CBD5E1', // Slate 300 - Secondary text
-    textTertiary: '#94A3B8', // Slate 400 - Tertiary text
-    textDisabled: '#64748B', // Slate 500 - Disabled text
-    textInverse: '#0F172A', // Dark text for light backgrounds
-    // =============================================================================
-    // BORDER COLORS (dark mode - subtle borders)
-    // =============================================================================
-    border: '#334155', // Slate 700 - Default border
-    borderLight: '#475569', // Slate 600 - Light border
-    borderMedium: '#64748B', // Slate 500 - Medium border
-    borderFocus: '#60A5FA', // Blue 400 - Focus border (lighter)
-    borderDisabled: '#475569', // Slate 600 - Disabled border
-    // =============================================================================
-    // COMPONENT-SPECIFIC COLORS (dark mode specific)
-    // =============================================================================
-    buttonPrimary: '#60A5FA', // Lighter blue for dark mode
-    buttonSecondary: '#A78BFA', // Lighter purple for dark mode
-    inputBackground: '#1E293B', // Dark input background
-    inputBorder: '#475569', // Subtle input border
-    cardBackground: '#1E293B', // Dark card background
-    // =============================================================================
-    // SPECIAL COLORS
-    // =============================================================================
-    transparent: 'transparent',
-    black: '#000000',
-    white: '#FFFFFF',
-    // =============================================================================
-    // RGBA OVERLAY COLORS (Same as light mode for type consistency)
-    // =============================================================================
-    modalOverlay: 'rgba(0, 0, 0, 0.5)',
-    overlaySubtle: 'rgba(0, 0, 0, 0.05)',
-    overlayLight: 'rgba(0, 0, 0, 0.1)',
-    overlayMedium: 'rgba(0, 0, 0, 0.3)',
-    overlayBackground: 'rgba(0, 0, 0, 0.05)',
-    whiteOverlay: 'rgba(255, 255, 255, 0.2)',
-    whiteOverlayStrong: 'rgba(255, 255, 255, 0.95)',
-    whiteOverlayBorder: 'rgba(255, 255, 255, 0.5)',
-    textWhiteOpacity: 'rgba(255, 255, 255, 0.8)',
-    errorBackground: 'rgba(239, 68, 68, 0.1)',
-    primaryBackground: 'rgba(99, 102, 241, 0.1)',
-    cardOverlay: 'rgba(0, 0, 0, 0.15)',
-    inputBackground_RGBA: 'rgba(248, 250, 252, 0.9)',
-    // =============================================================================
-    // SHADOW COLORS (Same as light mode for type consistency)
-    // =============================================================================
-    // SHADOW COLORS - REMOVED (React Native Web incompatibility)
-    // NOTE: Use borders and background colors for depth instead
-    // =============================================================================
-    // =============================================================================
-    // GRADIENTS (Same as light mode for type consistency)
-    // =============================================================================
-    gradient: ['#3B82F6', '#8B5CF6'],
-};
-/**
- * Get color palette for specific theme mode
- * @param mode - 'light' or 'dark'
- * @returns Color palette object
- */
-export const getColorPalette = (mode) => {
-    return mode === 'dark' ? darkColors : lightColors;
-};
-//# sourceMappingURL=ColorPalette.js.map

package/lib/presentation/tokens/core/ColorPalette.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPalette.js","sourceRoot":"","sources":["../../../../src/presentation/tokens/core/ColorPalette.ts"],"names":[],"mappings":"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"}

package/lib/presentation/tokens/core/TokenFactory.d.ts

@@ -1,216 +0,0 @@
-/**
- * TOKEN FACTORY - THEME INJECTION LOGIC
- *
- * ✅ Factory Pattern for creating complete design tokens
- * ✅ Combines static tokens (BaseTokens) + dynamic colors (ColorPalette)
- * ✅ Type-safe token generation
- * ✅ Zero duplication - SINGLE SOURCE OF TRUTH
- *
- * @module TokenFactory
- */
-import { BASE_TOKENS } from './BaseTokens';
-import { withAlpha, type ThemeMode, type ColorPalette } from './ColorPalette';
-/**
- * Complete design tokens shape
- * Combines static tokens (spacing, typography, borders) + dynamic colors
- */
-export type DesignTokens = {
-    colors: ColorPalette;
-    spacing: typeof BASE_TOKENS.spacing;
-    typography: typeof BASE_TOKENS.typography;
-    iconSizes: typeof BASE_TOKENS.iconSizes;
-    opacity: typeof BASE_TOKENS.opacity;
-    avatarSizes: typeof BASE_TOKENS.avatarSizes;
-    borders: typeof BASE_TOKENS.borders & {
-        card: typeof BASE_TOKENS.borders.card & {
-            borderColor: string;
-        };
-        input: typeof BASE_TOKENS.borders.input & {
-            borderColor: string;
-        };
-    };
-};
-/**
- * Create complete design tokens for a specific theme mode
- *
- * @param mode - Theme mode ('light' or 'dark')
- * @returns Complete design tokens object
- *
- * @example
- * ```typescript
- * const lightTokens = createDesignTokens('light');
- * const darkTokens = createDesignTokens('dark');
- *
- * // Use in components
- * <View style={{ backgroundColor: lightTokens.colors.primary }}>
- *   <Text style={lightTokens.typography.bodyLarge}>Hello!</Text>
- * </View>
- * ```
- */
-export declare const createDesignTokens: (mode: ThemeMode) => DesignTokens;
-/**
- * STATIC DESIGN TOKENS - LIGHT THEME ONLY
- *
- * ⚠️ WARNING: These are STATIC and use light theme colors only!
- * ⚠️ DO NOT USE in React components - use useAppDesignTokens() hook instead
- *
- * Only use these in:
- * - Utility functions
- * - Constants files
- * - Non-React JavaScript code
- *
- * @deprecated Use useAppDesignTokens() hook in React components
- */
-export declare const STATIC_DESIGN_TOKENS: DesignTokens;
-/**
- * STATIC TOKENS (spacing, typography, borders)
- * These DON'T change with theme - safe to use anywhere
- */
-export declare const STATIC_TOKENS: {
-    readonly spacing: {
-        readonly xs: 4;
-        readonly sm: 8;
-        readonly md: 16;
-        readonly lg: 24;
-        readonly xl: 32;
-        readonly xxl: 48;
-        readonly xxxl: 64;
-        readonly screenPadding: 20;
-        readonly cardPadding: 16;
-        readonly buttonPadding: 16;
-        readonly inputPadding: 8;
-        readonly sectionSpacing: 24;
-        readonly iconSizeSmall: 16;
-        readonly iconSizeMedium: 20;
-        readonly iconSizeLarge: 24;
-        readonly iconSizeXLarge: 32;
-        readonly iconSizeHero: 64;
-        readonly buttonHeight: 48;
-        readonly inputHeight: 48;
-        readonly appBarHeight: 56;
-        readonly tabBarHeight: 60;
-    };
-    readonly typography: {
-        readonly fontPrimary: "System";
-        readonly fontSecondary: "System";
-        readonly fontMono: "Courier New";
-        readonly xs: 12;
-        readonly sm: 14;
-        readonly md: 16;
-        readonly lg: 18;
-        readonly xl: 20;
-        readonly xxl: 24;
-        readonly xxxl: 32;
-        readonly light: "300";
-        readonly regular: "400";
-        readonly medium: "500";
-        readonly semibold: "600";
-        readonly bold: "700";
-        readonly lineHeightTight: 1.2;
-        readonly lineHeightNormal: 1.5;
-        readonly lineHeightRelaxed: 1.7;
-        readonly displayLarge: import("react-native").TextStyle;
-        readonly displayMedium: import("react-native").TextStyle;
-        readonly displaySmall: import("react-native").TextStyle;
-        readonly headlineLarge: import("react-native").TextStyle;
-        readonly headlineMedium: import("react-native").TextStyle;
-        readonly headlineSmall: import("react-native").TextStyle;
-        readonly titleLarge: import("react-native").TextStyle;
-        readonly titleMedium: import("react-native").TextStyle;
-        readonly titleSmall: import("react-native").TextStyle;
-        readonly bodyLarge: import("react-native").TextStyle;
-        readonly bodyMedium: import("react-native").TextStyle;
-        readonly bodySmall: import("react-native").TextStyle;
-        readonly labelLarge: import("react-native").TextStyle;
-        readonly labelMedium: import("react-native").TextStyle;
-        readonly labelSmall: import("react-native").TextStyle;
-        readonly headingLarge: import("react-native").TextStyle;
-        readonly headingMedium: import("react-native").TextStyle;
-        readonly headingSmall: import("react-native").TextStyle;
-        readonly button: import("react-native").TextStyle;
-        readonly caption: import("react-native").TextStyle;
-        readonly overline: import("react-native").TextStyle;
-    };
-    readonly opacity: {
-        readonly disabled: 0.6;
-        readonly subtle: 0.8;
-        readonly medium: 0.5;
-        readonly light: 0.3;
-        readonly veryLight: 0.1;
-    };
-    readonly borders: {
-        readonly radius: {
-            readonly none: 0;
-            readonly xs: 2;
-            readonly sm: 4;
-            readonly md: 8;
-            readonly lg: 12;
-            readonly xl: 16;
-            readonly xxl: 24;
-            readonly full: 9999;
-        };
-        readonly width: {
-            readonly none: 0;
-            readonly thin: 1;
-            readonly medium: 2;
-            readonly thick: 4;
-        };
-        readonly button: {
-            readonly borderRadius: 8;
-            readonly borderWidth: 0;
-        };
-        readonly card: {
-            readonly borderRadius: 12;
-            readonly borderWidth: 1;
-        };
-        readonly input: {
-            readonly borderRadius: 8;
-            readonly borderWidth: 1;
-        };
-        readonly pill: {
-            readonly borderRadius: 9999;
-            readonly borderWidth: 0;
-        };
-    };
-    readonly sizes: {
-        readonly touchTarget: 44;
-        readonly touchTargetSmall: 36;
-        readonly touchTargetLarge: 56;
-        readonly buttonHeight: {
-            readonly sm: 40;
-            readonly md: 48;
-            readonly lg: 56;
-            readonly xl: 64;
-        };
-        readonly dot: {
-            readonly inactive: 8;
-            readonly active: 24;
-        };
-        readonly progressBar: {
-            readonly thin: 2;
-            readonly normal: 4;
-            readonly thick: 6;
-        };
-        readonly divider: 1;
-        readonly separator: 2;
-    };
-    readonly iconSizes: {
-        readonly xs: 12;
-        readonly sm: 16;
-        readonly md: 20;
-        readonly lg: 24;
-        readonly xl: 32;
-        readonly xxl: 40;
-    };
-    readonly avatarSizes: {
-        readonly xs: 24;
-        readonly sm: 32;
-        readonly md: 40;
-        readonly lg: 48;
-        readonly xl: 64;
-        readonly xxl: 80;
-    };
-};
-export { withAlpha };
-export type { ThemeMode, ColorPalette };
-//# sourceMappingURL=TokenFactory.d.ts.map

package/lib/presentation/tokens/core/TokenFactory.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TokenFactory.d.ts","sourceRoot":"","sources":["../../../../src/presentation/tokens/core/TokenFactory.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAmB,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM/F;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,YAAY,CAAC;IACrB,OAAO,EAAE,OAAO,WAAW,CAAC,OAAO,CAAC;IACpC,UAAU,EAAE,OAAO,WAAW,CAAC,UAAU,CAAC;IAC1C,SAAS,EAAE,OAAO,WAAW,CAAC,SAAS,CAAC;IACxC,OAAO,EAAE,OAAO,WAAW,CAAC,OAAO,CAAC;IACpC,WAAW,EAAE,OAAO,WAAW,CAAC,WAAW,CAAC;IAC5C,OAAO,EAAE,OAAO,WAAW,CAAC,OAAO,GAAG;QACpC,IAAI,EAAE,OAAO,WAAW,CAAC,OAAO,CAAC,IAAI,GAAG;YAAE,WAAW,EAAE,MAAM,CAAA;SAAE,CAAC;QAChE,KAAK,EAAE,OAAO,WAAW,CAAC,OAAO,CAAC,KAAK,GAAG;YAAE,WAAW,EAAE,MAAM,CAAA;SAAE,CAAC;KACnE,CAAC;CACH,CAAC;AAMF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,kBAAkB,GAAI,MAAM,SAAS,KAAG,YA6BpD,CAAC;AAMF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,oBAAoB,cAA8B,CAAC;AAEhE;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAc,CAAC;AAMzC,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC"}

package/lib/presentation/tokens/core/TokenFactory.js

@@ -1,86 +0,0 @@
-/**
- * TOKEN FACTORY - THEME INJECTION LOGIC
- *
- * ✅ Factory Pattern for creating complete design tokens
- * ✅ Combines static tokens (BaseTokens) + dynamic colors (ColorPalette)
- * ✅ Type-safe token generation
- * ✅ Zero duplication - SINGLE SOURCE OF TRUTH
- *
- * @module TokenFactory
- */
-import { BASE_TOKENS } from './BaseTokens';
-import { getColorPalette, withAlpha } from './ColorPalette';
-// =============================================================================
-// TOKEN FACTORY FUNCTION
-// =============================================================================
-/**
- * Create complete design tokens for a specific theme mode
- *
- * @param mode - Theme mode ('light' or 'dark')
- * @returns Complete design tokens object
- *
- * @example
- * ```typescript
- * const lightTokens = createDesignTokens('light');
- * const darkTokens = createDesignTokens('dark');
- *
- * // Use in components
- * <View style={{ backgroundColor: lightTokens.colors.primary }}>
- *   <Text style={lightTokens.typography.bodyLarge}>Hello!</Text>
- * </View>
- * ```
- */
-export const createDesignTokens = (mode) => {
-    // Get color palette for theme mode
-    const colors = getColorPalette(mode);
-    // Combine static tokens + dynamic colors
-    return {
-        // ✅ DYNAMIC: Colors from theme mode
-        colors,
-        // ✅ STATIC: These don't change with theme
-        spacing: BASE_TOKENS.spacing,
-        typography: BASE_TOKENS.typography,
-        iconSizes: BASE_TOKENS.iconSizes,
-        opacity: BASE_TOKENS.opacity,
-        avatarSizes: BASE_TOKENS.avatarSizes,
-        // ✅ BORDERS: Static + injected border colors from theme
-        borders: {
-            ...BASE_TOKENS.borders,
-            card: {
-                ...BASE_TOKENS.borders.card,
-                borderColor: colors.border,
-            },
-            input: {
-                ...BASE_TOKENS.borders.input,
-                borderColor: colors.border,
-            },
-        },
-    };
-};
-// =============================================================================
-// STATIC TOKEN INSTANCES (for non-React contexts)
-// =============================================================================
-/**
- * STATIC DESIGN TOKENS - LIGHT THEME ONLY
- *
- * ⚠️ WARNING: These are STATIC and use light theme colors only!
- * ⚠️ DO NOT USE in React components - use useAppDesignTokens() hook instead
- *
- * Only use these in:
- * - Utility functions
- * - Constants files
- * - Non-React JavaScript code
- *
- * @deprecated Use useAppDesignTokens() hook in React components
- */
-export const STATIC_DESIGN_TOKENS = createDesignTokens('light');
-/**
- * STATIC TOKENS (spacing, typography, borders)
- * These DON'T change with theme - safe to use anywhere
- */
-export const STATIC_TOKENS = BASE_TOKENS;
-// =============================================================================
-// UTILITY EXPORTS
-// =============================================================================
-export { withAlpha };
-//# sourceMappingURL=TokenFactory.js.map

package/lib/presentation/tokens/core/TokenFactory.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TokenFactory.js","sourceRoot":"","sources":["../../../../src/presentation/tokens/core/TokenFactory.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,SAAS,EAAqC,MAAM,gBAAgB,CAAC;AAuB/F,gFAAgF;AAChF,yBAAyB;AACzB,gFAAgF;AAEhF;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAe,EAAgB,EAAE;IAClE,mCAAmC;IACnC,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IAErC,yCAAyC;IACzC,OAAO;QACL,oCAAoC;QACpC,MAAM;QAEN,0CAA0C;QAC1C,OAAO,EAAE,WAAW,CAAC,OAAO;QAC5B,UAAU,EAAE,WAAW,CAAC,UAAU;QAClC,SAAS,EAAE,WAAW,CAAC,SAAS;QAChC,OAAO,EAAE,WAAW,CAAC,OAAO;QAC5B,WAAW,EAAE,WAAW,CAAC,WAAW;QAEpC,wDAAwD;QACxD,OAAO,EAAE;YACP,GAAG,WAAW,CAAC,OAAO;YACtB,IAAI,EAAE;gBACJ,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI;gBAC3B,WAAW,EAAE,MAAM,CAAC,MAAM;aAC3B;YACD,KAAK,EAAE;gBACL,GAAG,WAAW,CAAC,OAAO,CAAC,KAAK;gBAC5B,WAAW,EAAE,MAAM,CAAC,MAAM;aAC3B;SACF;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,gFAAgF;AAChF,kDAAkD;AAClD,gFAAgF;AAEhF;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;AAEhE;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAC;AAEzC,gFAAgF;AAChF,kBAAkB;AAClB,gFAAgF;AAEhF,OAAO,EAAE,SAAS,EAAE,CAAC"}