@oxyhq/bloom 0.16.1 → 0.17.0

package/src/dialog/types.ts

@@ -134,6 +134,18 @@ export type DialogProps = React.PropsWithChildren<{
   inset?: DialogInset;
   /** Whether to render the drag handle in bottom-sheet mode. Defaults to `true`. */
   showHandle?: boolean;
+  /**
+   * Inner padding (px) of the dialog content container, applied uniformly across
+   * every placement (centered panel, side-sheet body, bottom-sheet body).
+   * Defaults to `20`.
+   *
+   * The default chrome padding is correct for the declarative
+   * `title`/`description`/`actions` layout, but a host passing pure custom
+   * `children` that already own their insets can set `contentPadding={0}` to
+   * render flush content and manage padding itself. Omitting the prop keeps the
+   * 20px default on every surface.
+   */
+  contentPadding?: number;
   /** Whether tapping the backdrop dismisses the dialog. Defaults to `true`. */
   dismissOnBackdrop?: boolean;
   /**

package/src/theme/index.ts

@@ -7,6 +7,8 @@ export { BloomColorScope, useColorScopeStyle } from './color-scope';
 export type { BloomColorScopeProps } from './color-scope';
 export { buildTheme, STATUS_COLORS } from './build-theme';
 export { useTheme, useThemeColor, useBloomTheme } from './use-theme';
+export { useNavigationTheme } from './use-navigation-theme';
+export type { NavigationTheme, NavigationThemeFont } from './use-navigation-theme';
 export type { Theme, ThemeColors, ThemeMode } from './types';
 export type { AppColorName, AppColorPreset, PresetTokens } from './color-presets';
 export {

package/src/theme/use-navigation-theme.ts

@@ -0,0 +1,59 @@
+import { useMemo } from 'react';
+import { useTheme } from './use-theme';
+
+export interface NavigationThemeFont {
+  fontFamily: string;
+  fontWeight: '400' | '500' | '700' | '900';
+}
+
+export interface NavigationTheme {
+  dark: boolean;
+  colors: {
+    primary: string;
+    background: string;
+    card: string;
+    text: string;
+    border: string;
+    notification: string;
+  };
+  fonts: {
+    regular: NavigationThemeFont;
+    medium: NavigationThemeFont;
+    bold: NavigationThemeFont;
+    heavy: NavigationThemeFont;
+  };
+}
+
+const NAV_FONTS: NavigationTheme['fonts'] = {
+  regular: { fontFamily: 'System', fontWeight: '400' },
+  medium: { fontFamily: 'System', fontWeight: '500' },
+  bold: { fontFamily: 'System', fontWeight: '700' },
+  heavy: { fontFamily: 'System', fontWeight: '900' },
+};
+
+/**
+ * Projects Bloom's resolved theme into a react-navigation `Theme` POJO for
+ * expo-router's <ThemeProvider>. Keeps Bloom the single source of truth for
+ * navigator chrome (Stack headers, screen backgrounds, modal) so it tracks
+ * the active color preset. Returns a structural object — no react-navigation
+ * import — so Bloom stays decoupled. Replaces the per-app copies in
+ * test-app-expo / inbox / accounts.
+ */
+export function useNavigationTheme(): NavigationTheme {
+  const { mode, colors } = useTheme();
+  return useMemo(
+    () => ({
+      dark: mode === 'dark',
+      colors: {
+        primary: colors.primary,
+        background: colors.background,
+        card: colors.card,
+        text: colors.text,
+        border: colors.border,
+        notification: colors.error,
+      },
+      fonts: NAV_FONTS,
+    }),
+    [mode, colors],
+  );
+}