react-native-inapp-inspector 1.1.13 → 1.1.15

package/dist/esm/styles/index.d.ts

@@ -1,4 +1,6 @@
 import AppColors from './AppColors';
+import commonStyles from './common';
+export { commonStyles };
 export declare const getRawStyles: (colors: typeof AppColors) => {
     header: {
         flexDirection: string;
@@ -37,40 +39,6 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         letterSpacing: number;
         paddingBottom: number;
     };
-    headerButtonGroup: {
-        flexDirection: string;
-        alignItems: string;
-        backgroundColor: string;
-        borderRadius: number;
-        padding: number;
-        borderWidth: number;
-        borderColor: string;
-    };
-    headerGroupButton: {
-        flexDirection: string;
-        alignItems: string;
-        paddingHorizontal: number;
-        paddingVertical: number;
-        borderRadius: number;
-        gap: number;
-    };
-    headerGroupButtonActive: {
-        backgroundColor: string;
-        shadowColor: string;
-        shadowOffset: {
-            width: number;
-            height: number;
-        };
-        shadowOpacity: number;
-        shadowRadius: number;
-        elevation: number;
-    };
-    headerGroupButtonText: {
-        fontFamily: string;
-        fontSize: number;
-        color: string;
-        letterSpacing: number;
-    };
     headerDetailCenter: {
         alignItems: string;
         justifyContent: string;
@@ -159,19 +127,6 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         fontSize: number;
         letterSpacing: number;
     };
-    iconBtnMinimal: {
-        padding: number;
-    };
-    closeButtonSquare: {
-        width: number;
-        height: number;
-        borderRadius: number;
-        backgroundColor: string;
-        alignItems: string;
-        justifyContent: string;
-        borderWidth: number;
-        borderColor: string;
-    };
     listContent: {
         paddingBottom: number;
     };
@@ -198,10 +153,15 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
     detailScroll: {
         flex: number;
     };
-    detailContent: {
-        paddingHorizontal: number;
-        paddingTop: number;
-        paddingBottom: number;
+    closeButtonSquare: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+        alignItems: string;
+        justifyContent: string;
+        borderWidth: number;
+        borderColor: string;
     };
     fabWrapper: {
         position: string;
@@ -219,16 +179,6 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         shadowOpacity: number;
         shadowRadius: number;
     };
-    fabIconContainer: {
-        backgroundColor: string;
-        borderRadius: number;
-        width: number;
-        height: number;
-        borderWidth: number;
-        borderColor: string;
-        alignItems: string;
-        justifyContent: string;
-    };
     fabPulseRing: {
         position: string;
         width: number;
@@ -252,37 +202,14 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
             rotate: string;
         }[];
     };
-    fab: {
-        width: number;
-        height: number;
-        borderRadius: number;
-        alignItems: string;
-        justifyContent: string;
-        backgroundColor: string;
-        shadowColor: string;
-        shadowOffset: {
-            width: number;
-            height: number;
-        };
-        shadowOpacity: number;
-        shadowRadius: number;
-        elevation: number;
-    };
-    fabText: {
-        fontFamily: string;
-        color: string;
-        fontSize: number;
-    };
-    fabBadge: {
+    fabGreenDot: {
         position: string;
         top: number;
         right: number;
-        minWidth: number;
+        width: number;
         height: number;
         borderRadius: number;
-        alignItems: string;
-        justifyContent: string;
-        paddingHorizontal: number;
+        backgroundColor: string;
         borderWidth: number;
         borderColor: string;
         shadowColor: string;
@@ -294,41 +221,6 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         shadowRadius: number;
         elevation: number;
     };
-    fabBadgeNormal: {
-        backgroundColor: string;
-    };
-    fabBadgeError: {
-        backgroundColor: string;
-    };
-    fabBadgeText: {
-        fontFamily: string;
-        color: string;
-        fontSize: number;
-    };
-    statBox: {
-        flex: number;
-        alignItems: string;
-        justifyContent: string;
-    };
-    statValue: {
-        fontFamily: string;
-        color: string;
-        fontSize: number;
-    };
-    statLabel: {
-        fontFamily: string;
-        color: string;
-        fontSize: number;
-        marginTop: number;
-        textTransform: string;
-        letterSpacing: number;
-    };
-    miniGraphWrap: {
-        marginTop: number;
-        height: number;
-        alignItems: string;
-        justifyContent: string;
-    };
     toolbarRow: {
         flexDirection: string;
         alignItems: string;
@@ -343,12 +235,6 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         alignItems: string;
         gap: number;
     };
-    toolbarDivider: {
-        width: number;
-        height: number;
-        backgroundColor: string;
-        marginHorizontal: number;
-    };
     toolbarBtn: {
         width: number;
         height: number;
@@ -412,10 +298,11 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         marginRight: number;
     };
     statusFilterChip: {
+        flexDirection: string;
+        alignItems: string;
         paddingHorizontal: number;
         height: number;
         justifyContent: string;
-        alignItems: string;
         borderRadius: number;
         borderWidth: number;
         borderColor: string;
@@ -433,6 +320,29 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         borderColor: string;
         backgroundColor: string;
     };
+    filterCheckbox: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+        backgroundColor: string;
+        alignItems: string;
+        justifyContent: string;
+        marginRight: number;
+    };
+    filterCheckboxActive: {
+        borderColor: string;
+    };
+    filterChipIcon: {
+        marginRight: number;
+    };
+    methodBadgeMini: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        marginRight: number;
+    };
     statusFilterText: {
         fontFamily: string;
         color: string;
@@ -477,100 +387,84 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
     clearBtn: {
         padding: number;
     };
-    clearBtnText: {
-        fontFamily: string;
-        color: string;
-        fontSize: number;
-    };
-    menuDropdown: {
-        position: string;
-        top: number;
-        width: number;
-        backgroundColor: string;
+    domainHeaderCard: {
+        marginHorizontal: number;
+        marginTop: number;
+        marginBottom: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
         borderRadius: number;
+        backgroundColor: string;
         borderWidth: number;
         borderColor: string;
-        zIndex: number;
-        shadowColor: string;
-        shadowOffset: {
-            width: number;
-            height: number;
-        };
-        shadowOpacity: number;
-        shadowRadius: number;
-        elevation: number;
-        overflow: string;
-    };
-    dropdownItem: {
-        padding: number;
-        borderBottomWidth: number;
-        borderBottomColor: string;
     };
-    domainHeaderSeparator: {
-        marginTop: number;
-        paddingTop: number;
-        borderTopWidth: number;
-        borderTopColor: string;
-    };
-    domainHeaderRow: {
+    domainHeaderTopRow: {
         flexDirection: string;
         alignItems: string;
         justifyContent: string;
-        paddingLeft: number;
-        paddingRight: number;
-        marginTop: number;
-        marginBottom: number;
     };
     domainHeaderLeft: {
         flexDirection: string;
         alignItems: string;
         flex: number;
-        paddingRight: number;
         gap: number;
     };
-    domainHeaderText: {
+    domainIconWrap: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        alignItems: string;
+        justifyContent: string;
+    };
+    domainTitleText: {
         fontFamily: string;
         fontSize: number;
         fontWeight: string;
+        color: string;
         textTransform: string;
-        flexShrink: number;
-        marginLeft: number;
     };
-    domainSubRow: {
+    domainSummaryRow: {
         flexDirection: string;
         alignItems: string;
-        flexWrap: string;
+        gap: number;
         marginTop: number;
     };
-    domainTimestamp: {
+    domainSummaryText: {
         fontFamily: string;
         fontSize: number;
         color: string;
     };
-    domainMethodCount: {
+    domainPctText: {
         fontFamily: string;
         fontSize: number;
-        marginLeft: number;
     };
-    domainStatsGroup: {
+    domainProgressTrack: {
         flexDirection: string;
-        alignItems: string;
+        height: number;
         borderRadius: number;
-        borderWidth: number;
-        borderColor: string;
         overflow: string;
         backgroundColor: string;
+        marginTop: number;
+        width: string;
+    };
+    domainProgressSegment: {
+        height: string;
+    };
+    domainStatsGroup: {
+        flexDirection: string;
+        alignItems: string;
+        gap: number;
     };
-    groupBtnItem: {
+    domainStatPill: {
         flexDirection: string;
         alignItems: string;
         gap: number;
         paddingHorizontal: number;
         paddingVertical: number;
-    };
-    groupBtnBorderRight: {
-        borderRightWidth: number;
-        borderRightColor: string;
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+        backgroundColor: string;
     };
     domainStatText: {
         fontFamily: string;
@@ -579,6 +473,7 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
     treeNodeRow: {
         flexDirection: string;
         alignItems: string;
+        paddingLeft: number;
         paddingRight: number;
     };
     treeLines: {
@@ -633,11 +528,24 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         paddingTop: number;
         paddingBottom: number;
     };
-    cardTopRow: {
+    cardHeaderRow: {
         flexDirection: string;
         alignItems: string;
+        justifyContent: string;
         marginBottom: number;
     };
+    cardHeaderLeft: {
+        flexDirection: string;
+        alignItems: string;
+        flex: number;
+        marginRight: number;
+        gap: number;
+    };
+    cardHeaderRight: {
+        flexDirection: string;
+        alignItems: string;
+        gap: number;
+    };
     smallCheckbox: {
         width: number;
         height: number;
@@ -647,7 +555,6 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         alignItems: string;
         justifyContent: string;
         backgroundColor: string;
-        marginRight: number;
     };
     smallCheckboxChecked: {
         backgroundColor: string;
@@ -657,33 +564,86 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         fontFamily: string;
         color: string;
         fontSize: number;
-        marginRight: number;
-        minWidth: number;
     };
-    chip: {
-        flexDirection: string;
+    methodBadge: {
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderRadius: number;
         alignItems: string;
-        gap: number;
+        justifyContent: string;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    methodBadgeText: {
+        fontFamily: string;
+        fontSize: number;
+        letterSpacing: number;
+    };
+    cardHostText: {
+        fontFamily: string;
+        fontSize: number;
+        color: string;
+        flexShrink: number;
+    };
+    statusPill: {
         paddingHorizontal: number;
         paddingVertical: number;
         borderRadius: number;
         borderWidth: number;
+        alignItems: string;
+        justifyContent: string;
+    };
+    statusPillText: {
+        fontFamily: string;
+        fontSize: number;
+    };
+    cardSlugBox: {
+        flexDirection: string;
+        alignItems: string;
+        justifyContent: string;
+        backgroundColor: string;
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        marginVertical: number;
+        gap: number;
+    };
+    slugLeft: {
+        flexDirection: string;
+        alignItems: string;
+        flex: number;
+        gap: number;
     };
-    chipText: {
+    slugTag: {
+        fontFamily: string;
+        fontSize: number;
+        color: string;
+        letterSpacing: number;
+    };
+    slugText: {
         fontFamily: string;
         fontSize: number;
+        color: string;
+        flexShrink: number;
     };
-    cardMiddleRow: {
+    slugRight: {
         flexDirection: string;
         alignItems: string;
-        justifyContent: string;
-        marginBottom: number;
+        gap: number;
     };
-    cardBottomRow: {
+    cardFooterRow: {
         flexDirection: string;
         alignItems: string;
         justifyContent: string;
-        marginBottom: number;
+        marginTop: number;
     };
     cardDateRow: {
         flexDirection: string;
@@ -696,73 +656,29 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         fontSize: number;
         letterSpacing: number;
     };
-    cardMetaRow: {
+    cardFooterRight: {
         flexDirection: string;
         alignItems: string;
         gap: number;
-        flexShrink: number;
-    };
-    urlPathText: {
-        fontFamily: string;
-        color: string;
-        fontSize: number;
-        flexShrink: number;
-    };
-    urlDomainText: {
-        fontFamily: string;
-        color: string;
-        fontSize: number;
-        flex: number;
-    };
-    requestTypeText: {
-        fontFamily: string;
-        color: string;
-        fontSize: number;
     };
-    methodBadge: {
+    chip: {
+        flexDirection: string;
+        alignItems: string;
+        gap: number;
         paddingHorizontal: number;
         paddingVertical: number;
         borderRadius: number;
-        marginRight: number;
-        minWidth: number;
-        alignItems: string;
-        justifyContent: string;
-        shadowColor: string;
-        shadowOffset: {
-            width: number;
-            height: number;
-        };
-        shadowOpacity: number;
-        shadowRadius: number;
-        elevation: number;
+        borderWidth: number;
     };
-    methodBadgeText: {
+    chipText: {
         fontFamily: string;
         fontSize: number;
-        letterSpacing: number;
-    };
-    timelineTrack: {
-        height: number;
-        backgroundColor: string;
-        marginTop: number;
-        borderRadius: number;
-        overflow: string;
-        position: string;
-    };
-    timelineBar: {
-        position: string;
-        height: string;
-        borderRadius: number;
     };
     empty: {
         flex: number;
         alignItems: string;
         justifyContent: string;
     };
-    emptyIcon: {
-        fontSize: number;
-        color: string;
-    };
     emptyContainer: {
         flex: number;
         alignItems: string;
@@ -851,34 +767,6 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         alignItems: string;
         gap: number;
     };
-    detailMethodLabel: {
-        fontFamily: string;
-        fontSize: number;
-        letterSpacing: number;
-    };
-    detailUrlContainer: {
-        backgroundColor: string;
-        borderRadius: number;
-        padding: number;
-        borderWidth: number;
-        borderColor: string;
-        shadowColor: string;
-        shadowOffset: {
-            width: number;
-            height: number;
-        };
-        shadowOpacity: number;
-        shadowRadius: number;
-        elevation: number;
-    };
-    detailUrl: {
-        fontFamily: string;
-        color: string;
-        fontSize: number;
-        lineHeight: number;
-        textDecorationLine: string;
-        letterSpacing: number;
-    };
     metaContainer: {
         backgroundColor: string;
         borderWidth: number;
@@ -912,11 +800,6 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         letterSpacing: number;
         textTransform: string;
     };
-    metaChevron: {
-        fontFamily: string;
-        color: string;
-        fontSize: number;
-    };
     metaBody: {
         paddingHorizontal: number;
         paddingBottom: number;
@@ -962,11 +845,6 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         fontFamily: string;
         fontSize: number;
     };
-    seperator: {
-        height: number;
-        backgroundColor: string;
-        marginVertical: number;
-    };
     detailSearchRow: {
         flexDirection: string;
         alignItems: string;
@@ -1191,29 +1069,32 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
     codeSyntax: {
         color: string;
         fontFamily: string;
+        fontSize: number;
+        lineHeight: number;
     };
     codeKey: {
         color: string;
         fontFamily: string;
+        fontSize: number;
+        lineHeight: number;
     };
     codeText: {
         color: string;
         fontFamily: string;
+        fontSize: number;
+        lineHeight: number;
     };
     codeTextNil: {
         color: string;
         fontFamily: string;
+        fontSize: number;
+        lineHeight: number;
     };
     treeRow: {
         flexDirection: string;
         alignItems: string;
         paddingVertical: number;
     };
-    treeChevron: {
-        fontFamily: string;
-        color: string;
-        marginRight: number;
-    };
     treeKeyMargin: {
         marginRight: number;
     };
@@ -1474,63 +1355,6 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         fontFamily: string;
         fontSize: number;
     };
-    tabBar: {
-        flexDirection: string;
-        backgroundColor: string;
-        paddingHorizontal: number;
-        paddingTop: number;
-        paddingBottom: number;
-        gap: number;
-    };
-    tabItem: {
-        paddingHorizontal: number;
-        paddingVertical: number;
-        borderRadius: number;
-        alignItems: string;
-        justifyContent: string;
-        backgroundColor: string;
-    };
-    tabItemActive: {
-        backgroundColor: string;
-        shadowColor: string;
-        shadowOpacity: number;
-        shadowRadius: number;
-        shadowOffset: {
-            width: number;
-            height: number;
-        };
-        elevation: number;
-    };
-    tabText: {
-        fontFamily: string;
-        fontSize: number;
-        color: string;
-    };
-    tabTextActive: {
-        color: string;
-    };
-    screenSectionHeader: {
-        flexDirection: string;
-        alignItems: string;
-        justifyContent: string;
-        paddingHorizontal: number;
-        paddingVertical: number;
-        backgroundColor: string;
-        borderTopWidth: number;
-        borderBottomWidth: number;
-        borderColor: string;
-        marginTop: number;
-    };
-    screenSectionTitle: {
-        fontFamily: string;
-        fontSize: number;
-        color: string;
-    };
-    screenSectionCount: {
-        fontFamily: string;
-        fontSize: number;
-        color: string;
-    };
     modalBackdrop: {
         flex: number;
         backgroundColor: string;
@@ -1595,25 +1419,17 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
     };
     contentTabButtonTextActive: {
         color: string;
-        fontWeight: string;
-    };
-    insightsContainer: {
-        flex: number;
-        backgroundColor: string;
-    };
-    insightsContent: {
-        padding: number;
-        paddingBottom: number;
-    };
-    dashboardContainer: {
-        gap: number;
+        fontFamily: string;
     };
-    dashboardModuleCard: {
+    analyticsHeaderCard: {
         backgroundColor: string;
         borderRadius: number;
         borderWidth: number;
         borderColor: string;
         padding: number;
+        marginHorizontal: number;
+        marginTop: number;
+        marginBottom: number;
         shadowColor: string;
         shadowOpacity: number;
         shadowRadius: number;
@@ -1623,126 +1439,94 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         };
         elevation: number;
     };
-    dashboardModuleHeader: {
+    analyticsHeaderTop: {
         flexDirection: string;
         justifyContent: string;
         alignItems: string;
         marginBottom: number;
-        borderBottomWidth: number;
-        borderBottomColor: string;
-        paddingBottom: number;
     };
-    dashboardModuleTitle: {
+    analyticsHeaderTitle: {
+        fontFamily: string;
+        fontSize: number;
+        color: string;
+    };
+    statusDot: {
+        width: number;
+        height: number;
+        borderRadius: number;
+    };
+    analyticsHeaderSubtitle: {
         fontFamily: string;
         fontSize: number;
         color: string;
+        marginTop: number;
     };
-    dashboardModuleGoText: {
+    analyticsHeaderToggle: {
+        paddingVertical: number;
+        paddingHorizontal: number;
+        borderRadius: number;
+        backgroundColor: string;
+        borderWidth: number;
+        borderColor: string;
+    };
+    analyticsHeaderToggleText: {
         fontFamily: string;
         fontSize: number;
         color: string;
     };
-    dashboardModuleGrid: {
+    analyticsStatsRow: {
         flexDirection: string;
-        flexWrap: string;
-        justifyContent: string;
         gap: number;
+        borderTopWidth: number;
+        borderTopColor: string;
+        paddingTop: number;
     };
-    dashboardGridItem: {
+    analyticsStatBox: {
         flex: number;
-        minWidth: string;
         backgroundColor: string;
         borderRadius: number;
         paddingVertical: number;
-        paddingHorizontal: number;
         alignItems: string;
-        justifyContent: string;
     };
-    dashboardGridVal: {
+    analyticsStatValue: {
         fontFamily: string;
         fontSize: number;
         color: string;
     };
-    dashboardGridLbl: {
+    analyticsStatLabel: {
         fontFamily: string;
         fontSize: number;
         color: string;
         marginTop: number;
     };
-    analyticsCardRow: {};
-    analyticsTopEventsCard: {
-        marginHorizontal: number;
-        marginBottom: number;
-        backgroundColor: string;
-        borderRadius: number;
-        borderWidth: number;
-        borderColor: string;
-        paddingHorizontal: number;
-        paddingVertical: number;
-        shadowColor: string;
-        shadowOpacity: number;
-        shadowRadius: number;
-        shadowOffset: {
-            width: number;
-            height: number;
-        };
-        elevation: number;
-    };
-    analyticsTopEventsHeaderRow: {
-        flexDirection: string;
-        alignItems: string;
-        justifyContent: string;
-        marginBottom: number;
-    };
-    analyticsTopEventsTitle: {
-        fontFamily: string;
-        fontSize: number;
-        color: string;
-        letterSpacing: number;
-        textTransform: string;
+    analyticsHeaderDetails: {
+        borderTopWidth: number;
+        borderTopColor: string;
+        paddingTop: number;
+        marginTop: number;
     };
-    analyticsTopEventsSubtitle: {
+    detailsGroupTitle: {
         fontFamily: string;
         fontSize: number;
         color: string;
-        letterSpacing: number;
+        marginBottom: number;
     };
-    analyticsTopEventRow: {
+    detailsRow: {
         flexDirection: string;
-        alignItems: string;
-        marginBottom: number;
-        gap: number;
+        justifyContent: string;
+        paddingVertical: number;
+        borderBottomWidth: number;
+        borderBottomColor: string;
     };
-    analyticsTopEventName: {
+    detailsKey: {
         fontFamily: string;
         fontSize: number;
         color: string;
-        flex: number;
-    };
-    analyticsTopEventBarWrap: {
-        flex: number;
-        height: number;
-        backgroundColor: string;
-        borderRadius: number;
-        overflow: string;
-    };
-    analyticsTopEventBar: {
-        height: string;
-        borderRadius: number;
     };
-    analyticsTopEventCount: {
+    detailsValue: {
         fontFamily: string;
         fontSize: number;
         color: string;
-        width: number;
-        textAlign: string;
-    };
-    analyticsIconCircle: {
-        width: number;
-        height: number;
-        borderRadius: number;
-        alignItems: string;
-        justifyContent: string;
     };
 };
 declare const styles: any;