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

package/lib/presentation/hooks/useAppDesignTokens.js

@@ -1,39 +0,0 @@
-/**
- * useAppDesignTokens Hook - Theme-Aware Design Tokens
- *
- * ✅ Automatically reads theme from global store
- * ✅ No parameters needed - fully automatic!
- * ✅ Returns tokens for current theme (light/dark)
- * ✅ Single source of truth
- *
- * @example Usage (fully automatic theme-aware)
- * ```typescript
- * import { useAppDesignTokens } from '@umituz/react-native-design-system';
- *
- * const MyComponent = () => {
- *   const tokens = useAppDesignTokens(); // Automatically uses current theme!
- *   return (
- *     <View style={{
- *       backgroundColor: tokens.colors.primary,
- *       padding: tokens.spacing.md
- *     }}>
- *       <Text style={tokens.typography.bodyLarge}>Hello!</Text>
- *     </View>
- *   );
- * };
- * ```
- *
- * How it works:
- * - Reads themeMode from global store (useDesignSystemTheme)
- * - App's theme store syncs to global store automatically
- * - All components get correct tokens without prop drilling
- * - Change theme once, everything updates!
- */
-import { useMemo } from 'react';
-import { createDesignTokens } from '../tokens/core/TokenFactory';
-import { useDesignSystemTheme } from '../../infrastructure/theme/globalThemeStore';
-export const useAppDesignTokens = () => {
-    const { themeMode } = useDesignSystemTheme();
-    return useMemo(() => createDesignTokens(themeMode), [themeMode]);
-};
-//# sourceMappingURL=useAppDesignTokens.js.map

package/lib/presentation/hooks/useAppDesignTokens.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAppDesignTokens.js","sourceRoot":"","sources":["../../../src/presentation/hooks/useAppDesignTokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,kBAAkB,EAAqB,MAAM,6BAA6B,CAAC;AACpF,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AAEnF,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAiB,EAAE;IACnD,MAAM,EAAE,SAAS,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAC7C,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AACnE,CAAC,CAAC"}

package/lib/presentation/tokens/AppDesignTokens.d.ts

@@ -1,14 +0,0 @@
-/**
- * DESIGN TOKENS - PUBLIC API
- *
- * ✅ CLEAN BARREL EXPORT - Single source of truth
- * ✅ ZERO DUPLICATION - All tokens from TokenFactory
- * ✅ TYPE-SAFE - Full TypeScript support
- * ✅ FACTORY-FIRST - Benefits all 100+ generated apps
- *
- * @module AppDesignTokens
- */
-export { createDesignTokens, STATIC_DESIGN_TOKENS, STATIC_TOKENS, withAlpha, type DesignTokens, type ThemeMode, type ColorPalette, } from './core/TokenFactory';
-export { BASE_TOKENS, spacing, typography, borders, iconSizes, opacity, avatarSizes, type Spacing, type Typography, type Borders, type IconSizes, type Opacity, type AvatarSizes, type BaseTokens, } from './core/BaseTokens';
-export { lightColors, darkColors, getColorPalette, } from './core/ColorPalette';
-//# sourceMappingURL=AppDesignTokens.d.ts.map

package/lib/presentation/tokens/AppDesignTokens.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppDesignTokens.d.ts","sourceRoot":"","sources":["../../../src/presentation/tokens/AppDesignTokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAMH,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACpB,aAAa,EACb,SAAS,EACT,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,YAAY,GAClB,MAAM,qBAAqB,CAAC;AAM7B,OAAO,EACL,WAAW,EACX,OAAO,EACP,UAAU,EACV,OAAO,EACP,SAAS,EACT,OAAO,EACP,WAAW,EACX,KAAK,OAAO,EACZ,KAAK,UAAU,EACf,KAAK,OAAO,EACZ,KAAK,SAAS,EACd,KAAK,OAAO,EACZ,KAAK,WAAW,EAChB,KAAK,UAAU,GAChB,MAAM,mBAAmB,CAAC;AAM3B,OAAO,EACL,WAAW,EACX,UAAU,EACV,eAAe,GAChB,MAAM,qBAAqB,CAAC"}

package/lib/presentation/tokens/AppDesignTokens.js

@@ -1,23 +0,0 @@
-/**
- * DESIGN TOKENS - PUBLIC API
- *
- * ✅ CLEAN BARREL EXPORT - Single source of truth
- * ✅ ZERO DUPLICATION - All tokens from TokenFactory
- * ✅ TYPE-SAFE - Full TypeScript support
- * ✅ FACTORY-FIRST - Benefits all 100+ generated apps
- *
- * @module AppDesignTokens
- */
-// =============================================================================
-// CORE EXPORTS (from TokenFactory)
-// =============================================================================
-export { createDesignTokens, STATIC_DESIGN_TOKENS, STATIC_TOKENS, withAlpha, } from './core/TokenFactory';
-// =============================================================================
-// BASE TOKEN EXPORTS
-// =============================================================================
-export { BASE_TOKENS, spacing, typography, borders, iconSizes, opacity, avatarSizes, } from './core/BaseTokens';
-// =============================================================================
-// COLOR PALETTE EXPORTS
-// =============================================================================
-export { lightColors, darkColors, getColorPalette, } from './core/ColorPalette';
-//# sourceMappingURL=AppDesignTokens.js.map

package/lib/presentation/tokens/AppDesignTokens.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppDesignTokens.js","sourceRoot":"","sources":["../../../src/presentation/tokens/AppDesignTokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,gFAAgF;AAChF,mCAAmC;AACnC,gFAAgF;AAEhF,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACpB,aAAa,EACb,SAAS,GAIV,MAAM,qBAAqB,CAAC;AAE7B,gFAAgF;AAChF,qBAAqB;AACrB,gFAAgF;AAEhF,OAAO,EACL,WAAW,EACX,OAAO,EACP,UAAU,EACV,OAAO,EACP,SAAS,EACT,OAAO,EACP,WAAW,GAQZ,MAAM,mBAAmB,CAAC;AAE3B,gFAAgF;AAChF,wBAAwB;AACxB,gFAAgF;AAEhF,OAAO,EACL,WAAW,EACX,UAAU,EACV,eAAe,GAChB,MAAM,qBAAqB,CAAC"}

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

@@ -1,312 +0,0 @@
-/**
- * BASE DESIGN TOKENS - SINGLE SOURCE OF TRUTH
- *
- * ✅ STATIC tokens that don't change with theme
- * ✅ DRY Principle - Each value defined ONCE
- * ✅ Type-safe with full TypeScript support
- * ✅ Factory-first design for 100+ generated apps
- *
- * @module BaseTokens
- */
-import { TextStyle } from 'react-native';
-export declare const 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;
-};
-export declare const 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: TextStyle;
-    readonly displayMedium: TextStyle;
-    readonly displaySmall: TextStyle;
-    readonly headlineLarge: TextStyle;
-    readonly headlineMedium: TextStyle;
-    readonly headlineSmall: TextStyle;
-    readonly titleLarge: TextStyle;
-    readonly titleMedium: TextStyle;
-    readonly titleSmall: TextStyle;
-    readonly bodyLarge: TextStyle;
-    readonly bodyMedium: TextStyle;
-    readonly bodySmall: TextStyle;
-    readonly labelLarge: TextStyle;
-    readonly labelMedium: TextStyle;
-    readonly labelSmall: TextStyle;
-    readonly headingLarge: TextStyle;
-    readonly headingMedium: TextStyle;
-    readonly headingSmall: TextStyle;
-    readonly button: TextStyle;
-    readonly caption: TextStyle;
-    readonly overline: TextStyle;
-};
-export declare const opacity: {
-    readonly disabled: 0.6;
-    readonly subtle: 0.8;
-    readonly medium: 0.5;
-    readonly light: 0.3;
-    readonly veryLight: 0.1;
-};
-export declare const 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;
-    };
-};
-export declare const 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;
-};
-export declare const iconSizes: {
-    readonly xs: 12;
-    readonly sm: 16;
-    readonly md: 20;
-    readonly lg: 24;
-    readonly xl: 32;
-    readonly xxl: 40;
-};
-export declare const avatarSizes: {
-    readonly xs: 24;
-    readonly sm: 32;
-    readonly md: 40;
-    readonly lg: 48;
-    readonly xl: 64;
-    readonly xxl: 80;
-};
-/**
- * All static design tokens in one place
- * These values DON'T change with theme (light/dark)
- */
-export declare const BASE_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: TextStyle;
-        readonly displayMedium: TextStyle;
-        readonly displaySmall: TextStyle;
-        readonly headlineLarge: TextStyle;
-        readonly headlineMedium: TextStyle;
-        readonly headlineSmall: TextStyle;
-        readonly titleLarge: TextStyle;
-        readonly titleMedium: TextStyle;
-        readonly titleSmall: TextStyle;
-        readonly bodyLarge: TextStyle;
-        readonly bodyMedium: TextStyle;
-        readonly bodySmall: TextStyle;
-        readonly labelLarge: TextStyle;
-        readonly labelMedium: TextStyle;
-        readonly labelSmall: TextStyle;
-        readonly headingLarge: TextStyle;
-        readonly headingMedium: TextStyle;
-        readonly headingSmall: TextStyle;
-        readonly button: TextStyle;
-        readonly caption: TextStyle;
-        readonly overline: 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 type Spacing = typeof spacing;
-export type Typography = typeof typography;
-export type Opacity = typeof opacity;
-export type Borders = typeof borders;
-export type Sizes = typeof sizes;
-export type IconSizes = typeof iconSizes;
-export type AvatarSizes = typeof avatarSizes;
-export type BaseTokens = typeof BASE_TOKENS;
-//# sourceMappingURL=BaseTokens.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BaseTokens.d.ts","sourceRoot":"","sources":["../../../../src/presentation/tokens/core/BaseTokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzC,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;CA6BV,CAAC;AAMX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;2BAoChB,SAAS;4BAMT,SAAS;2BAMT,SAAS;4BAOT,SAAS;6BAMT,SAAS;4BAMT,SAAS;yBAOT,SAAS;0BAMT,SAAS;yBAMT,SAAS;wBAOT,SAAS;yBAMT,SAAS;wBAMT,SAAS;yBAOT,SAAS;0BAMT,SAAS;yBAMT,SAAS;2BAUT,SAAS;4BAMT,SAAS;2BAMT,SAAS;qBAMT,SAAS;sBAMT,SAAS;uBAQT,SAAS;CACN,CAAC;AAMX,eAAO,MAAM,OAAO;;;;;;CAMV,CAAC;AAMX,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCV,CAAC;AAMX,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;CA8BR,CAAC;AAMX,eAAO,MAAM,SAAS;;;;;;;CAOZ,CAAC;AAMX,eAAO,MAAM,WAAW;;;;;;;CAOd,CAAC;AAMX;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAtQjB,SAAS;gCAMT,SAAS;+BAMT,SAAS;gCAOT,SAAS;iCAMT,SAAS;gCAMT,SAAS;6BAOT,SAAS;8BAMT,SAAS;6BAMT,SAAS;4BAOT,SAAS;6BAMT,SAAS;4BAMT,SAAS;6BAOT,SAAS;8BAMT,SAAS;6BAMT,SAAS;+BAUT,SAAS;gCAMT,SAAS;+BAMT,SAAS;yBAMT,SAAS;0BAMT,SAAS;2BAQT,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4IN,CAAC;AAMX,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC;AACrC,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC;AAC3C,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC;AACrC,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC;AACrC,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC;AACjC,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC;AACzC,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC;AAC7C,MAAM,MAAM,UAAU,GAAG,OAAO,WAAW,CAAC"}