@draftbit/core 48.5.5-bc0b6e.2 → 48.5.6

package/src/styles/fonts.tsx

@@ -1,67 +1,67 @@
-/* https://github.com/callstack/react-native-paper/blob/main/src/styles/fonts.tsx */
-import { Platform, PlatformOSType } from "react-native";
-import type { Fonts } from "@draftbit/types";
-
-const fontConfig = {
-  web: {
-    regular: {
-      fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
-      fontWeight: "400" as "400",
-    },
-    medium: {
-      fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
-      fontWeight: "500" as "500",
-    },
-    light: {
-      fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
-      fontWeight: "300" as "300",
-    },
-    thin: {
-      fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
-      fontWeight: "100" as "100",
-    },
-  },
-  ios: {
-    regular: {
-      fontFamily: "System",
-      fontWeight: "400" as "400",
-    },
-    medium: {
-      fontFamily: "System",
-      fontWeight: "500" as "500",
-    },
-    light: {
-      fontFamily: "System",
-      fontWeight: "300" as "300",
-    },
-    thin: {
-      fontFamily: "System",
-      fontWeight: "100" as "100",
-    },
-  },
-  default: {
-    regular: {
-      fontFamily: "sans-serif",
-      fontWeight: "normal" as "normal",
-    },
-    medium: {
-      fontFamily: "sans-serif-medium",
-      fontWeight: "normal" as "normal",
-    },
-    light: {
-      fontFamily: "sans-serif-light",
-      fontWeight: "normal" as "normal",
-    },
-    thin: {
-      fontFamily: "sans-serif-thin",
-      fontWeight: "normal" as "normal",
-    },
-  },
-};
-
-export default function configureFonts(config?: {
-  [platform in PlatformOSType | "default"]?: Fonts;
-}): Fonts {
-  const fonts = Platform.select({ ...fontConfig, ...config }) as Fonts;
-  return fonts;
-}
+/* https://github.com/callstack/react-native-paper/blob/main/src/styles/fonts.tsx */
+import { Platform, PlatformOSType } from "react-native";
+import type { Fonts } from "@draftbit/types";
+
+const fontConfig = {
+  web: {
+    regular: {
+      fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
+      fontWeight: "400" as "400",
+    },
+    medium: {
+      fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
+      fontWeight: "500" as "500",
+    },
+    light: {
+      fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
+      fontWeight: "300" as "300",
+    },
+    thin: {
+      fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
+      fontWeight: "100" as "100",
+    },
+  },
+  ios: {
+    regular: {
+      fontFamily: "System",
+      fontWeight: "400" as "400",
+    },
+    medium: {
+      fontFamily: "System",
+      fontWeight: "500" as "500",
+    },
+    light: {
+      fontFamily: "System",
+      fontWeight: "300" as "300",
+    },
+    thin: {
+      fontFamily: "System",
+      fontWeight: "100" as "100",
+    },
+  },
+  default: {
+    regular: {
+      fontFamily: "sans-serif",
+      fontWeight: "normal" as "normal",
+    },
+    medium: {
+      fontFamily: "sans-serif-medium",
+      fontWeight: "normal" as "normal",
+    },
+    light: {
+      fontFamily: "sans-serif-light",
+      fontWeight: "normal" as "normal",
+    },
+    thin: {
+      fontFamily: "sans-serif-thin",
+      fontWeight: "normal" as "normal",
+    },
+  },
+};
+
+export default function configureFonts(config?: {
+  [platform in PlatformOSType | "default"]?: Fonts;
+}): Fonts {
+  const fonts = Platform.select({ ...fontConfig, ...config }) as Fonts;
+  return fonts;
+}

package/src/styles/overlay.tsx

@@ -1,69 +1,69 @@
-/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/styles/overlay.tsx */
-import color from "color";
-import { Animated } from "react-native";
-import DarkTheme from "./DarkTheme";
-
-const isAnimatedValue = (
-  it: number | Animated.AnimatedInterpolation<string | number>
-): it is Animated.Value => it instanceof Animated.Value;
-
-export default function overlay<T extends Animated.Value | number>(
-  elevation: T,
-  surfaceColor: string = DarkTheme.colors.surface
-): T extends number ? string : Animated.AnimatedInterpolation<string | number> {
-  if (isAnimatedValue(elevation)) {
-    const inputRange = [0, 1, 2, 3, 8, 24];
-
-    // @ts-expect-error: TS doesn't seem to refine the type correctly
-    return elevation.interpolate({
-      inputRange,
-      outputRange: inputRange.map((e) => {
-        return calculateColor(surfaceColor, e);
-      }),
-    });
-  }
-
-  // @ts-expect-error: TS doesn't seem to refine the type correctly
-  return calculateColor(surfaceColor, elevation);
-}
-
-function calculateColor(surfaceColor: string, elevation: number = 1) {
-  let overlayTransparency: number;
-  if (elevation >= 1 && elevation <= 24) {
-    overlayTransparency = elevationOverlayTransparency[elevation];
-  } else if (elevation > 24) {
-    overlayTransparency = elevationOverlayTransparency[24];
-  } else {
-    overlayTransparency = elevationOverlayTransparency[1];
-  }
-  return color(surfaceColor)
-    .mix(color("white"), overlayTransparency * 0.01)
-    .hex();
-}
-
-const elevationOverlayTransparency: Record<string, number> = {
-  1: 5,
-  2: 7,
-  3: 8,
-  4: 9,
-  5: 10,
-  6: 11,
-  7: 11.5,
-  8: 12,
-  9: 12.5,
-  10: 13,
-  11: 13.5,
-  12: 14,
-  13: 14.25,
-  14: 14.5,
-  15: 14.75,
-  16: 15,
-  17: 15.12,
-  18: 15.24,
-  19: 15.36,
-  20: 15.48,
-  21: 15.6,
-  22: 15.72,
-  23: 15.84,
-  24: 16,
-};
+/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/styles/overlay.tsx */
+import color from "color";
+import { Animated } from "react-native";
+import DarkTheme from "./DarkTheme";
+
+const isAnimatedValue = (
+  it: number | Animated.AnimatedInterpolation<string | number>
+): it is Animated.Value => it instanceof Animated.Value;
+
+export default function overlay<T extends Animated.Value | number>(
+  elevation: T,
+  surfaceColor: string = DarkTheme.colors.surface
+): T extends number ? string : Animated.AnimatedInterpolation<string | number> {
+  if (isAnimatedValue(elevation)) {
+    const inputRange = [0, 1, 2, 3, 8, 24];
+
+    // @ts-expect-error: TS doesn't seem to refine the type correctly
+    return elevation.interpolate({
+      inputRange,
+      outputRange: inputRange.map((e) => {
+        return calculateColor(surfaceColor, e);
+      }),
+    });
+  }
+
+  // @ts-expect-error: TS doesn't seem to refine the type correctly
+  return calculateColor(surfaceColor, elevation);
+}
+
+function calculateColor(surfaceColor: string, elevation: number = 1) {
+  let overlayTransparency: number;
+  if (elevation >= 1 && elevation <= 24) {
+    overlayTransparency = elevationOverlayTransparency[elevation];
+  } else if (elevation > 24) {
+    overlayTransparency = elevationOverlayTransparency[24];
+  } else {
+    overlayTransparency = elevationOverlayTransparency[1];
+  }
+  return color(surfaceColor)
+    .mix(color("white"), overlayTransparency * 0.01)
+    .hex();
+}
+
+const elevationOverlayTransparency: Record<string, number> = {
+  1: 5,
+  2: 7,
+  3: 8,
+  4: 9,
+  5: 10,
+  6: 11,
+  7: 11.5,
+  8: 12,
+  9: 12.5,
+  10: 13,
+  11: 13.5,
+  12: 14,
+  13: 14.25,
+  14: 14.5,
+  15: 14.75,
+  16: 15,
+  17: 15.12,
+  18: 15.24,
+  19: 15.36,
+  20: 15.48,
+  21: 15.6,
+  22: 15.72,
+  23: 15.84,
+  24: 16,
+};

package/src/styles/shadow.tsx

@@ -1,55 +1,55 @@
-import { Animated } from "react-native";
-
-const SHADOW_COLOR = "#000";
-const SHADOW_OPACITY = 0.24;
-
-export default function shadow(elevation: number | Animated.Value = 0) {
-  if (elevation instanceof Animated.Value) {
-    const inputRange = [0, 1, 2, 3, 8, 24];
-
-    return {
-      shadowColor: SHADOW_COLOR,
-      shadowOffset: {
-        width: new Animated.Value(0),
-        height: elevation.interpolate({
-          inputRange,
-          outputRange: [0, 0.5, 0.75, 2, 7, 23],
-        }),
-      },
-      shadowOpacity: new Animated.Value(SHADOW_OPACITY),
-      shadowRadius: elevation.interpolate({
-        inputRange,
-        outputRange: [0, 0.75, 1.5, 3, 8, 24],
-      }),
-    };
-  } else {
-    if (elevation === 0) {
-      return {};
-    }
-
-    let height, radius;
-    switch (elevation) {
-      case 1:
-        height = 0.5;
-        radius = 0.75;
-        break;
-      case 2:
-        height = 0.75;
-        radius = 1.5;
-        break;
-      default:
-        height = elevation - 1;
-        radius = elevation;
-    }
-
-    return {
-      shadowColor: SHADOW_COLOR,
-      shadowOffset: {
-        width: 0,
-        height,
-      },
-      shadowOpacity: SHADOW_OPACITY,
-      shadowRadius: radius,
-    };
-  }
-}
+import { Animated } from "react-native";
+
+const SHADOW_COLOR = "#000";
+const SHADOW_OPACITY = 0.24;
+
+export default function shadow(elevation: number | Animated.Value = 0) {
+  if (elevation instanceof Animated.Value) {
+    const inputRange = [0, 1, 2, 3, 8, 24];
+
+    return {
+      shadowColor: SHADOW_COLOR,
+      shadowOffset: {
+        width: new Animated.Value(0),
+        height: elevation.interpolate({
+          inputRange,
+          outputRange: [0, 0.5, 0.75, 2, 7, 23],
+        }),
+      },
+      shadowOpacity: new Animated.Value(SHADOW_OPACITY),
+      shadowRadius: elevation.interpolate({
+        inputRange,
+        outputRange: [0, 0.75, 1.5, 3, 8, 24],
+      }),
+    };
+  } else {
+    if (elevation === 0) {
+      return {};
+    }
+
+    let height, radius;
+    switch (elevation) {
+      case 1:
+        height = 0.5;
+        radius = 0.75;
+        break;
+      case 2:
+        height = 0.75;
+        radius = 1.5;
+        break;
+      default:
+        height = elevation - 1;
+        radius = elevation;
+    }
+
+    return {
+      shadowColor: SHADOW_COLOR,
+      shadowOffset: {
+        width: 0,
+        height,
+      },
+      shadowOpacity: SHADOW_OPACITY,
+      shadowRadius: radius,
+    };
+  }
+}

package/src/theming.tsx

@@ -1,6 +1,6 @@
-import { createTheming } from "@draftbit/react-theme-provider";
-import DefaultTheme from "./styles/DefaultTheme";
-import type { Theme } from "@draftbit/types";
-
-export const { ThemeProvider, withTheme, useTheme } =
-  createTheming<Theme>(DefaultTheme);
+import { createTheming } from "@draftbit/react-theme-provider";
+import DefaultTheme from "./styles/DefaultTheme";
+import type { Theme } from "@draftbit/types";
+
+export const { ThemeProvider, withTheme, useTheme } =
+  createTheming<Theme>(DefaultTheme);