react-native-inapp-inspector 1.1.13 → 1.1.15

package/dist/esm/components/CodeSnippet.js

@@ -227,10 +227,10 @@ const getStyleForType = (type) => {
             return [styles.plain, { color: AppColors.primaryBlack }];
     }
 };
-const ArrowUpIcon = ({ color = '#64748B', size = 16 }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+const ArrowUpIcon = ({ color = AppColors.slate500, size = 16 }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
     <Path d="M18 15l-6-6-6 6" stroke={color} strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"/>
   </Svg>);
-const ArrowDownIcon = ({ color = '#64748B', size = 16 }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+const ArrowDownIcon = ({ color = AppColors.slate500, size = 16 }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
     <Path d="M6 9l6 6 6-6" stroke={color} strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"/>
   </Svg>);
 const CodeSnippetLine = React.memo(({ line, lineIndex, language, search, isActiveMatch, }) => {
@@ -443,14 +443,14 @@ const CodeSnippet = ({ code, language, search, }) => {
       </View>
     </View>);
 };
-const monoFont = Platform.OS === 'ios' ? 'Menlo' : 'monospace';
+const monoFont = AppFonts.interRegular;
 const styles = StyleSheet.create({
     container: {
         flex: 1,
-        backgroundColor: '#F8FAFC',
+        backgroundColor: AppColors.slate50,
         borderRadius: 8,
         borderWidth: 1,
-        borderColor: '#E2E8F0',
+        borderColor: AppColors.slate200,
         overflow: 'hidden',
     },
     searchRow: {
@@ -463,10 +463,10 @@ const styles = StyleSheet.create({
         flex: 1,
         flexDirection: 'row',
         alignItems: 'center',
-        backgroundColor: '#FFFFFF',
+        backgroundColor: AppColors.white,
         borderRadius: 8,
         borderWidth: 1,
-        borderColor: '#E2E8F0',
+        borderColor: AppColors.slate200,
         paddingHorizontal: 8,
         height: 32,
     },
@@ -474,16 +474,16 @@ const styles = StyleSheet.create({
         flex: 1,
         fontFamily: AppFonts.interRegular,
         fontSize: 12,
-        color: '#0F172A',
+        color: AppColors.slate900,
         marginLeft: 6,
         paddingVertical: 0,
     },
     matchCountText: {
         fontFamily: AppFonts.interMedium,
         fontSize: 10,
-        color: '#64748B',
+        color: AppColors.slate500,
         marginHorizontal: 6,
-        backgroundColor: '#F1F5F9',
+        backgroundColor: AppColors.slate100,
         paddingHorizontal: 6,
         paddingVertical: 2,
         borderRadius: 4,
@@ -494,10 +494,10 @@ const styles = StyleSheet.create({
     navArrowsGroup: {
         flexDirection: 'row',
         alignItems: 'center',
-        backgroundColor: '#FFFFFF',
+        backgroundColor: AppColors.white,
         borderRadius: 8,
         borderWidth: 1,
-        borderColor: '#E2E8F0',
+        borderColor: AppColors.slate200,
         height: 32,
         paddingHorizontal: 2,
     },
@@ -514,31 +514,31 @@ const styles = StyleSheet.create({
         paddingVertical: 1,
     },
     activeMatchRow: {
-        backgroundColor: 'rgba(234, 179, 8, 0.22)',
+        backgroundColor: `${AppColors.amber600}38`,
         borderLeftWidth: 4,
-        borderLeftColor: '#EAB308',
+        borderLeftColor: AppColors.amber600,
     },
     gutter: {
         width: 40,
-        backgroundColor: '#F1F5F9',
+        backgroundColor: AppColors.slate100,
         borderRightWidth: 1,
-        borderRightColor: '#E2E8F0',
+        borderRightColor: AppColors.slate200,
         justifyContent: 'flex-start',
         alignItems: 'flex-end',
         paddingRight: 6,
         paddingTop: 1,
     },
     activeMatchGutter: {
-        backgroundColor: 'rgba(234, 179, 8, 0.35)',
-        borderRightColor: 'rgba(234, 179, 8, 0.5)',
+        backgroundColor: `${AppColors.amber600}59`,
+        borderRightColor: `${AppColors.amber600}80`,
     },
     lineNumber: {
         fontFamily: monoFont,
         fontSize: 9,
-        color: '#94A3B8',
+        color: AppColors.slate400,
     },
     activeMatchLineNumber: {
-        color: '#854D0E',
+        color: AppColors.amber800,
         fontWeight: 'bold',
     },
     codeLine: {
@@ -550,71 +550,71 @@ const styles = StyleSheet.create({
     codeLineText: {
         fontFamily: monoFont,
         fontSize: 10.5,
-        color: '#334155',
+        color: AppColors.slate700,
         flexWrap: 'wrap',
     },
     plain: {
         fontFamily: monoFont,
         fontSize: 10.5,
-        color: '#334155',
+        color: AppColors.slate700,
     },
     comment: {
         fontFamily: monoFont,
         fontSize: 10.5,
-        color: '#64748B',
+        color: AppColors.slate500,
         fontStyle: 'italic',
     },
     string: {
         fontFamily: monoFont,
         fontSize: 10.5,
-        color: '#D97706',
+        color: AppColors.amber700,
     },
     keyword: {
         fontFamily: monoFont,
         fontSize: 10.5,
-        color: '#7C3AED',
+        color: AppColors.violet600,
         fontWeight: 'bold',
     },
     builtin: {
         fontFamily: monoFont,
         fontSize: 10.5,
-        color: '#0D9488',
+        color: AppColors.teal600,
     },
     number: {
         fontFamily: monoFont,
         fontSize: 10.5,
-        color: '#2563EB',
+        color: AppColors.blue600,
     },
     tag: {
         fontFamily: monoFont,
         fontSize: 10.5,
-        color: '#4F46E5',
+        color: AppColors.indigo600,
         fontWeight: 'bold',
     },
     attribute: {
         fontFamily: monoFont,
         fontSize: 10.5,
-        color: '#0D9488',
+        color: AppColors.teal600,
     },
     selector: {
         fontFamily: monoFont,
         fontSize: 10.5,
-        color: '#7C3AED',
+        color: AppColors.violet600,
         fontWeight: 'bold',
     },
     property: {
         fontFamily: monoFont,
         fontSize: 10.5,
-        color: '#0D9488',
+        color: AppColors.teal600,
     },
     value: {
         fontFamily: monoFont,
         fontSize: 10.5,
-        color: '#EA580C',
+        color: AppColors.orange600,
     },
     highlight: {
-        backgroundColor: '#FDE047',
-        color: '#000000',
+        backgroundColor: AppColors.highlightYellow,
+        color: AppColors.black,
     },
 });
 export default CodeSnippet;

package/dist/esm/components/ConsoleLogCard.d.ts

@@ -1,10 +1,3 @@
 import React from 'react';
-import { ConsoleLog } from '../types';
-import { WebViewLog } from '../customHooks/webViewLogger';
-interface ConsoleLogCardProps {
-    item: ConsoleLog | WebViewLog;
-    searchStr?: string;
-    isWebView?: boolean;
-}
+import { ConsoleLogCardProps } from '../types';
 export declare const ConsoleLogCard: React.NamedExoticComponent<ConsoleLogCardProps>;
-export {};