@frosted-ui/react-native 0.0.1-canary.100

package/dist/lib/theme-tokens.js

@@ -0,0 +1,158 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+// Typography steps (0-9) based on Frosted UI design system tokens.
+// Values are in px; React Native treats them as logical pixels.
+const typography = {
+    '0': { fontSize: 10, lineHeight: 12, letterSpacing: 0.01 },
+    '1': { fontSize: 12, lineHeight: 16, letterSpacing: 0.01 },
+    '2': { fontSize: 14, lineHeight: 20, letterSpacing: 0.01 },
+    '3': { fontSize: 16, lineHeight: 24, letterSpacing: 0.01 },
+    '4': { fontSize: 18, lineHeight: 26, letterSpacing: 0.01 },
+    '5': { fontSize: 20, lineHeight: 28, letterSpacing: 0.01 },
+    '6': { fontSize: 24, lineHeight: 30, letterSpacing: 0.01 },
+    '7': { fontSize: 28, lineHeight: 34, letterSpacing: 0.005 },
+    '8': { fontSize: 32, lineHeight: 38, letterSpacing: 0 },
+    '9': { fontSize: 40, lineHeight: 48, letterSpacing: 0 },
+};
+const fontWeights = {
+    light: '300',
+    regular: '400',
+    medium: '500',
+    'semi-bold': '600',
+    bold: '700',
+};
+// Color palettes from @frosted-ui/colors for light/dark schemes
+const frostedColors = require('@frosted-ui/colors');
+const contrastColors = {
+    tomato: 'white',
+    red: 'white',
+    ruby: 'white',
+    crimson: 'white',
+    pink: 'white',
+    plum: 'white',
+    purple: 'white',
+    violet: 'white',
+    iris: 'white',
+    cyan: 'white',
+    teal: 'white',
+    jade: 'white',
+    green: 'white',
+    grass: 'white',
+    brown: 'white',
+    sky: '#1C2024',
+    mint: '#1A211E',
+    yellow: '#21201C',
+    amber: '#21201C',
+    gold: 'white',
+    bronze: 'white',
+    gray: 'white',
+    blue: 'white',
+    orange: 'white',
+    indigo: 'white',
+    magenta: '#141212',
+    lemon: '#20240D',
+    lime: '#162715',
+};
+function buildPalette(color, mode) {
+    const baseKey = mode === 'light' ? color : `${color}Dark`;
+    const alphaKey = mode === 'light' ? `${color}A` : `${color}DarkA`;
+    const base = frostedColors[baseKey];
+    const alpha = frostedColors[alphaKey];
+    const result = {};
+    ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'].forEach((shade) => {
+        const key = `${color}${shade}`;
+        result[shade] = base?.[key] ?? '';
+    });
+    ['a1', 'a2', 'a3', 'a4', 'a5', 'a6', 'a7', 'a8', 'a9', 'a10', 'a11', 'a12'].forEach((aShade) => {
+        const numeric = aShade.slice(1);
+        const key = `${color}A${numeric}`;
+        result[aShade] = alpha?.[key] ?? '';
+    });
+    result['9-contrast'] = contrastColors[color];
+    return result;
+}
+const accentColors = [
+    'tomato',
+    'red',
+    'ruby',
+    'crimson',
+    'pink',
+    'plum',
+    'purple',
+    'violet',
+    'iris',
+    'cyan',
+    'teal',
+    'jade',
+    'green',
+    'grass',
+    'brown',
+    'blue',
+    'orange',
+    'indigo',
+    'sky',
+    'mint',
+    'yellow',
+    'amber',
+    'lime',
+    'lemon',
+    'magenta',
+    'gold',
+    'bronze',
+    'gray',
+];
+const lightPalettes = accentColors.reduce((acc, color) => {
+    acc[color] = buildPalette(color, 'light');
+    return acc;
+}, {});
+const darkPalettes = accentColors.reduce((acc, color) => {
+    acc[color] = buildPalette(color, 'dark');
+    return acc;
+}, {});
+// Semantic surface tokens for light/dark modes
+// Resolve overlay / stroke from raw color palettes so native can use real values
+const blackA = frostedColors.blackA;
+const whiteA = frostedColors.whiteA;
+const grayDark = frostedColors.grayDark;
+function buildAlphaPalette(alphaColors, prefix) {
+    const result = {};
+    ['a1', 'a2', 'a3', 'a4', 'a5', 'a6', 'a7', 'a8', 'a9', 'a10', 'a11', 'a12'].forEach((aShade) => {
+        const numeric = aShade.slice(1);
+        const key = `${prefix}A${numeric}`;
+        result[aShade] = alphaColors?.[key] ?? '';
+    });
+    return result;
+}
+const blackAlpha = buildAlphaPalette(blackA, 'black');
+const whiteAlpha = buildAlphaPalette(whiteA, 'white');
+// Black and white palettes (same for light and dark mode)
+export function blackAndWhitePalettes() {
+    return {
+        black: blackAlpha,
+        white: whiteAlpha,
+    };
+}
+export const themeTokens = {
+    typography,
+    fontWeights,
+    colors: {
+        light: {
+            palettes: { ...lightPalettes, ...blackAndWhitePalettes() },
+            background: 'white',
+            overlay: blackA?.blackA6 ?? 'rgba(0, 0, 0, 0.35)',
+            panelSolid: 'white',
+            panelTranslucent: 'rgba(255, 255, 255, 0.85)',
+            surface: 'rgba(255, 255, 255, 0.9)',
+            stroke: lightPalettes.gray.a5,
+        },
+        dark: {
+            palettes: { ...darkPalettes, ...blackAndWhitePalettes() },
+            background: grayDark?.gray1 ?? '#111111',
+            overlay: blackA?.blackA8 ?? 'rgba(0, 0, 0, 0.5)',
+            panelSolid: grayDark?.gray2 ?? '#181818',
+            panelTranslucent: '#1D1D1DD9', // --gray-2-translucent
+            surface: 'rgba(0, 0, 0, 0.25)',
+            stroke: darkPalettes.gray.a4,
+        },
+    },
+};
+//# sourceMappingURL=theme-tokens.js.map

package/dist/lib/theme-tokens.js.map

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

package/dist/lib/theme.d.ts

@@ -0,0 +1,40 @@
+type FontWeight = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+type FontStyle = {
+    fontFamily: string;
+    fontWeight: FontWeight;
+};
+interface Theme {
+    dark: boolean;
+    colors: {
+        primary: string;
+        background: string;
+        card: string;
+        text: string;
+        border: string;
+        notification: string;
+    };
+    fonts: {
+        regular: FontStyle;
+        medium: FontStyle;
+        bold: FontStyle;
+        heavy: FontStyle;
+    };
+}
+export declare const fonts: Theme['fonts'];
+/**
+ * Hook to get navigation theme using Frosted UI design system colors.
+ * Reacts to the accent color from ThemeProvider.
+ *
+ * React Navigation uses these colors to style the navigation UI elements
+ * (headers, tab bars, drawers, etc.) throughout your app.
+ *
+ * @see https://reactnavigation.org/docs/themes
+ */
+export declare function useNavTheme(): Record<'light' | 'dark', Theme>;
+/**
+ * @deprecated Use useNavTheme() hook instead for dynamic accent color support.
+ * Static navigation theme with hardcoded blue accent.
+ */
+export declare const NAV_THEME: Record<'light' | 'dark', Theme>;
+export {};
+//# sourceMappingURL=theme.d.ts.map

package/dist/lib/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/lib/theme.ts"],"names":[],"mappings":"AASA,KAAK,UAAU,GACX,QAAQ,GACR,MAAM,GACN,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;AAEV,KAAK,SAAS,GAAG;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF,UAAU,KAAK;IACb,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,KAAK,EAAE;QACL,OAAO,EAAE,SAAS,CAAC;QACnB,MAAM,EAAE,SAAS,CAAC;QAClB,IAAI,EAAE,SAAS,CAAC;QAChB,KAAK,EAAE,SAAS,CAAC;KAClB,CAAC;CACH;AA8DD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,OAAO,CAC4B,CAAC;AA6B9D;;;;;;;;GAQG;AACH,wBAAgB,WAAW,IAAI,MAAM,CAAC,OAAO,GAAG,MAAM,EAAE,KAAK,CAAC,CA+E7D;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,OAAO,GAAG,MAAM,EAAE,KAAK,CAuBrD,CAAC"}

package/dist/lib/theme.js

@@ -0,0 +1,194 @@
+import { useMemo } from 'react';
+import { useSemanticColors } from './theme-context';
+import { themeTokens } from './theme-tokens';
+const light = themeTokens.colors.light;
+const dark = themeTokens.colors.dark;
+import { Platform } from 'react-native';
+const WEB_FONT_STACK = 'system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"';
+const fontsByPlatform = {
+    web: {
+        regular: {
+            fontFamily: WEB_FONT_STACK,
+            fontWeight: '400',
+        },
+        medium: {
+            fontFamily: WEB_FONT_STACK,
+            fontWeight: '500',
+        },
+        bold: {
+            fontFamily: WEB_FONT_STACK,
+            fontWeight: '600',
+        },
+        heavy: {
+            fontFamily: WEB_FONT_STACK,
+            fontWeight: '700',
+        },
+    },
+    ios: {
+        regular: {
+            fontFamily: 'System',
+            fontWeight: '400',
+        },
+        medium: {
+            fontFamily: 'System',
+            fontWeight: '500',
+        },
+        bold: {
+            fontFamily: 'System',
+            fontWeight: '600',
+        },
+        heavy: {
+            fontFamily: 'System',
+            fontWeight: '700',
+        },
+    },
+    default: {
+        regular: {
+            fontFamily: 'sans-serif',
+            fontWeight: 'normal',
+        },
+        medium: {
+            fontFamily: 'sans-serif-medium',
+            fontWeight: 'normal',
+        },
+        bold: {
+            fontFamily: 'sans-serif',
+            fontWeight: '600',
+        },
+        heavy: {
+            fontFamily: 'sans-serif',
+            fontWeight: '700',
+        },
+    },
+};
+export const fonts = Platform.select(fontsByPlatform) ?? fontsByPlatform.default;
+const DefaultTheme = {
+    dark: false,
+    colors: {
+        primary: 'rgb(0, 122, 255)',
+        background: 'rgb(242, 242, 242)',
+        card: 'rgb(255, 255, 255)',
+        text: 'rgb(28, 28, 30)',
+        border: 'rgb(216, 216, 216)',
+        notification: 'rgb(255, 59, 48)',
+    },
+    fonts,
+};
+const DarkTheme = {
+    dark: true,
+    colors: {
+        primary: 'rgb(10, 132, 255)',
+        background: 'rgb(1, 1, 1)',
+        card: 'rgb(18, 18, 18)',
+        text: 'rgb(229, 229, 231)',
+        border: 'rgb(39, 39, 41)',
+        notification: 'rgb(255, 69, 58)',
+    },
+    fonts,
+};
+/**
+ * Hook to get navigation theme using Frosted UI design system colors.
+ * Reacts to the accent color from ThemeProvider.
+ *
+ * React Navigation uses these colors to style the navigation UI elements
+ * (headers, tab bars, drawers, etc.) throughout your app.
+ *
+ * @see https://reactnavigation.org/docs/themes
+ */
+export function useNavTheme() {
+    const { accentColor, dangerColor } = useSemanticColors();
+    return useMemo(() => {
+        const lightAccent = light.palettes[accentColor];
+        const darkAccent = dark.palettes[accentColor];
+        const lightDanger = light.palettes[dangerColor];
+        const darkDanger = dark.palettes[dangerColor];
+        return {
+            light: {
+                ...DefaultTheme,
+                colors: {
+                    /**
+                     * background - The main background color of screens.
+                     * Used for: Screen backgrounds, the area behind content.
+                     */
+                    background: light.background,
+                    /**
+                     * border - Color for borders and dividers.
+                     * Used for: Header bottom border, tab bar top border,
+                     * separator lines between list items.
+                     */
+                    border: light.stroke,
+                    /**
+                     * card - Background color for card-like elements.
+                     * Used for: Header background, tab bar background,
+                     * drawer background, modal backgrounds.
+                     */
+                    card: light.panelSolid,
+                    /**
+                     * notification - Color for notification badges.
+                     * Used for: Badge dots on tab bar icons (e.g., unread count),
+                     * uses the danger color from ThemeProvider.
+                     */
+                    notification: lightDanger['9'],
+                    /**
+                     * primary - The primary/accent color for interactive elements.
+                     * Used for: Active tab icon tint, focused input borders,
+                     * header button colors, link colors.
+                     */
+                    primary: lightAccent['a11'],
+                    /**
+                     * text - Default text color.
+                     * Used for: Header title, tab bar labels, drawer item text,
+                     * and any navigation-related text.
+                     */
+                    text: light.palettes.gray['12'],
+                },
+            },
+            dark: {
+                ...DarkTheme,
+                colors: {
+                    /** background - Screen backgrounds in dark mode */
+                    background: dark.background,
+                    /** border - Borders/dividers in dark mode */
+                    border: dark.stroke,
+                    /** card - Header/tab bar backgrounds in dark mode */
+                    card: dark.panelSolid,
+                    /** notification - Badge color uses danger color */
+                    notification: darkDanger['9'],
+                    /** primary - Active/accent color in dark mode */
+                    primary: darkAccent['a11'],
+                    /** text - Text color in dark mode */
+                    text: dark.palettes.gray['12'],
+                },
+            },
+        };
+    }, [accentColor, dangerColor]);
+}
+/**
+ * @deprecated Use useNavTheme() hook instead for dynamic accent color support.
+ * Static navigation theme with hardcoded blue accent.
+ */
+export const NAV_THEME = {
+    light: {
+        ...DefaultTheme,
+        colors: {
+            background: light.background,
+            border: light.stroke,
+            card: light.panelSolid,
+            notification: light.palettes.red['9'],
+            primary: light.palettes.blue['a11'],
+            text: light.palettes.gray['12'],
+        },
+    },
+    dark: {
+        ...DarkTheme,
+        colors: {
+            background: dark.background,
+            border: dark.stroke,
+            card: dark.panelSolid,
+            notification: dark.palettes.red['9'],
+            primary: dark.palettes.blue['a11'],
+            text: dark.palettes.gray['12'],
+        },
+    },
+};
+//# sourceMappingURL=theme.js.map

package/dist/lib/theme.js.map

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

package/dist/lib/types.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Accent colors available in Frosted UI
+ * These match the web version's accentColor values
+ */
+export type AccentColor = 'tomato' | 'red' | 'ruby' | 'crimson' | 'pink' | 'plum' | 'purple' | 'violet' | 'iris' | 'cyan' | 'teal' | 'jade' | 'green' | 'grass' | 'brown' | 'blue' | 'orange' | 'indigo' | 'sky' | 'mint' | 'yellow' | 'amber' | 'lime' | 'lemon' | 'magenta' | 'gold' | 'bronze' | 'gray';
+/**
+ * Semantic colors that map to accent colors based on ThemeProvider settings
+ */
+export type SemanticColor = 'danger' | 'warning' | 'success' | 'info';
+/**
+ * Special color that uses the ThemeProvider's accentColor setting
+ */
+export type DynamicAccentColor = 'accent';
+/**
+ * All available color values for component color props
+ */
+export type Color = AccentColor | SemanticColor | DynamicAccentColor;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/lib/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,WAAW,GACnB,QAAQ,GACR,KAAK,GACL,MAAM,GACN,SAAS,GACT,MAAM,GACN,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,MAAM,GACN,OAAO,GACP,OAAO,GACP,OAAO,GACP,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,MAAM,GACN,QAAQ,GACR,OAAO,GACP,MAAM,GACN,OAAO,GACP,SAAS,GACT,MAAM,GACN,QAAQ,GACR,MAAM,CAAC;AAEX;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAEtE;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC;AAE1C;;GAEG;AACH,MAAM,MAAM,KAAK,GAAG,WAAW,GAAG,aAAa,GAAG,kBAAkB,CAAC"}

package/dist/lib/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/lib/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/lib/types.ts"],"names":[],"mappings":""}