react-native-inapp-inspector 1.1.14 → 1.1.16

package/dist/commonjs/components/CodeSnippet.js

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

package/dist/commonjs/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 {};