@buoy-gg/react-query 7.0.34 → 7.0.36

package/lib/module/react-query/components/DataEditorMode.js

@@ -2,7 +2,7 @@
 
 import { View, Text, StyleSheet, ScrollView } from "react-native";
 import { useQueryClient } from "@tanstack/react-query";
-import { useSafeAreaInsets, night } from "@buoy-gg/shared-ui";
+import { useSafeAreaInsets, night, monoFont } from "@buoy-gg/shared-ui";
 import Explorer from "./query-browser/Explorer";
 import QueryDetails from "./query-browser/QueryDetails";
 import ActionButton from "./query-browser/ActionButton";
@@ -270,7 +270,7 @@ const styles = StyleSheet.create({
     borderBottomColor: night.color.accent + "33",
     letterSpacing: 0.5,
     textTransform: "uppercase",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   queryExplorerContent: {
     padding: 8
@@ -303,7 +303,7 @@ const styles = StyleSheet.create({
     borderBottomColor: night.color.accent + "33",
     letterSpacing: 0.5,
     textTransform: "uppercase",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   dataContent: {
     padding: 8

package/lib/module/react-query/components/FilterStatusBadge.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import { View, Text, StyleSheet, TouchableOpacity } from "react-native";
-import { night } from "@buoy-gg/shared-ui";
+import { night, monoFont } from "@buoy-gg/shared-ui";
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 /**
  * Compact badge showing filter status (e.g., "Showing 5 of 12")
@@ -46,6 +46,6 @@ const styles = StyleSheet.create({
   text: {
     fontSize: 9,
     color: night.color.textTertiary,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   }
 });

package/lib/module/react-query/components/MutationEditorMode.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import { View, Text, StyleSheet, ScrollView } from "react-native";
-import { useSafeAreaInsets, night } from "@buoy-gg/shared-ui";
+import { useSafeAreaInsets, night, monoFont } from "@buoy-gg/shared-ui";
 import Explorer from "./query-browser/Explorer";
 import MutationDetails from "./query-browser/MutationDetails";
 import ActionButton from "./query-browser/ActionButton";
@@ -230,7 +230,7 @@ const styles = StyleSheet.create({
     borderBottomColor: night.color.accent + "33",
     letterSpacing: 0.5,
     textTransform: "uppercase",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   mutationExplorerContent: {
     padding: 8
@@ -262,7 +262,7 @@ const styles = StyleSheet.create({
     borderBottomColor: night.color.accent + "33",
     letterSpacing: 0.5,
     textTransform: "uppercase",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   dataContent: {
     padding: 8

package/lib/module/react-query/components/query-browser/MutationButton.js

@@ -2,7 +2,7 @@
 
 import { TouchableOpacity, Text, View, StyleSheet } from "react-native";
 import { CheckCircle, LoadingCircle, PauseCircle, XCircle } from "./svgs";
-import { buoyColors, night, useRelativeTime } from "@buoy-gg/shared-ui";
+import { buoyColors, night, useRelativeTime, monoFont } from "@buoy-gg/shared-ui";
 import { mutationRowTestID } from "../../utils/testIDs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getMutationText = mutation => {
@@ -168,7 +168,7 @@ const styles = StyleSheet.create({
     paddingHorizontal: 12
   },
   mutationKey: {
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     fontSize: 12,
     color: night.color.text,
     lineHeight: 16
@@ -181,6 +181,6 @@ const styles = StyleSheet.create({
   bottomRightText: {
     fontSize: 9,
     color: night.color.textTertiary,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   }
 });

package/lib/module/react-query/components/query-browser/MutationDetails.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import { View, Text, ScrollView, StyleSheet } from "react-native";
-import { displayValue, night } from "@buoy-gg/shared-ui";
+import { displayValue, night, monoFont } from "@buoy-gg/shared-ui";
 import MutationDetailsChips from "./MutationDetailsChips";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
@@ -73,7 +73,7 @@ const styles = StyleSheet.create({
     borderBottomColor: night.color.accent + "33",
     letterSpacing: 0.5,
     textTransform: "uppercase",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   row: {
     flexDirection: "row",
@@ -91,7 +91,7 @@ const styles = StyleSheet.create({
   flexWrap: {
     fontSize: 12,
     color: night.color.text,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     lineHeight: 18,
     flexShrink: 1,
     backgroundColor: night.color.accent + "15",
@@ -107,13 +107,13 @@ const styles = StyleSheet.create({
     fontWeight: "600",
     letterSpacing: 0.5,
     textTransform: "uppercase",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   valueText: {
     fontSize: 12,
     color: night.color.text,
     fontWeight: "500",
     fontVariant: ["tabular-nums"],
-    fontFamily: "monospace"
+    fontFamily: monoFont
   }
 });

package/lib/module/react-query/components/query-browser/MutationDetailsChips.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import { Text, View, StyleSheet } from "react-native";
-import { buoyColors } from "@buoy-gg/shared-ui";
+import { buoyColors, monoFont } from "@buoy-gg/shared-ui";
 import { jsx as _jsx } from "react/jsx-runtime";
 const backgroundColors = {
   success: buoyColors.success + "15",
@@ -59,6 +59,6 @@ const styles = StyleSheet.create({
     fontWeight: "600",
     textTransform: "uppercase",
     letterSpacing: 0.5,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   }
 });

package/lib/module/react-query/components/query-browser/MutationInformation.js

@@ -3,7 +3,7 @@
 import DataExplorer from "./Explorer";
 import { ScrollView, Text, View, StyleSheet } from "react-native";
 import MutationDetails from "./MutationDetails";
-import { night } from "@buoy-gg/shared-ui";
+import { night, monoFont } from "@buoy-gg/shared-ui";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /** Detailed information block for a selected mutation within the modal experience. */
 export default function MutationInformation({
@@ -97,7 +97,7 @@ const styles = StyleSheet.create({
     borderTopRightRadius: 8,
     borderBottomWidth: 1,
     borderBottomColor: night.color.accent + "33",
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     letterSpacing: 1,
     textTransform: "uppercase"
   },

package/lib/module/react-query/components/query-browser/MutationsList.js

@@ -5,7 +5,7 @@ import { View, StyleSheet, PanResponder, Animated, Dimensions, FlatList } from "
 import MutationButton from "./MutationButton";
 import MutationInformation from "./MutationInformation";
 import useAllMutations from "../../hooks/useAllMutations";
-import { night, ToolEmptyState } from "@buoy-gg/shared-ui";
+import { night, ToolEmptyState, monoFont } from "@buoy-gg/shared-ui";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Virtualized list of mutations with filtering and selection support for the mutation browser.
@@ -209,7 +209,7 @@ const styles = StyleSheet.create({
     color: night.color.textTertiary,
     fontSize: 14,
     textAlign: "center",
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     letterSpacing: 0.5
   }
 });

package/lib/module/react-query/components/query-browser/QueryBrowser.js

@@ -5,7 +5,7 @@ import { StyleSheet, FlatList } from "react-native";
 import QueryRow from "./QueryRow";
 import useAllQueries from "../../hooks/useAllQueries";
 import { getQueryStatusLabel } from "../../utils/getQueryStatusLabel";
-import { night, ToolEmptyState, EVENT_LIST_PRESET } from "@buoy-gg/shared-ui";
+import { night, ToolEmptyState, EVENT_LIST_PRESET, monoFont } from "@buoy-gg/shared-ui";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Scrollable list view of cached queries with filtering support and selection handling.
@@ -170,7 +170,7 @@ const styles = StyleSheet.create({
     color: night.color.textTertiary,
     fontSize: 14,
     textAlign: "center",
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     letterSpacing: 0.5
   }
 });

package/lib/module/react-query/components/query-browser/QueryDetails.js

@@ -2,7 +2,7 @@
 
 import QueryDetailsChip from "./QueryDetailsChip";
 import { View, Text, ScrollView, StyleSheet } from "react-native";
-import { displayValue, night } from "@buoy-gg/shared-ui";
+import { displayValue, night, monoFont } from "@buoy-gg/shared-ui";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Renders the primary metadata summary for a selected query, including fetch status and timings.
@@ -90,7 +90,7 @@ const styles = StyleSheet.create({
     borderBottomColor: night.color.accent + "33",
     letterSpacing: 0.5,
     textTransform: "uppercase",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   row: {
     flexDirection: "row",
@@ -108,7 +108,7 @@ const styles = StyleSheet.create({
   queryKeyText: {
     fontSize: 12,
     color: night.color.text,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     lineHeight: 18,
     flexShrink: 1,
     backgroundColor: night.color.accent + "15",
@@ -124,13 +124,13 @@ const styles = StyleSheet.create({
     fontWeight: "600",
     letterSpacing: 0.5,
     textTransform: "uppercase",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   valueText: {
     fontSize: 12,
     color: night.color.text,
     fontWeight: "500",
     fontVariant: ["tabular-nums"],
-    fontFamily: "monospace"
+    fontFamily: monoFont
   }
 });

package/lib/module/react-query/components/query-browser/QueryDetailsChip.js

@@ -2,7 +2,7 @@
 
 import { getQueryStatusLabel } from "../../utils/getQueryStatusLabel";
 import { Text, View, StyleSheet } from "react-native";
-import { buoyColors } from "@buoy-gg/shared-ui";
+import { buoyColors, monoFont } from "@buoy-gg/shared-ui";
 import { jsx as _jsx } from "react/jsx-runtime";
 const backgroundColors = {
   fresh: buoyColors.success + "15",
@@ -69,6 +69,6 @@ const styles = StyleSheet.create({
     fontWeight: "600",
     textTransform: "uppercase",
     letterSpacing: 0.5,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   }
 });