@100mslive/react-native-room-kit 0.0.1

package/lib/typescript/components/styles.d.ts

@@ -0,0 +1,945 @@
+declare const styles: {
+    container: {
+        flex: number;
+        backgroundColor: string;
+    };
+    videoIcon: {
+        color: string;
+    };
+    labelContainer: {
+        position: "absolute";
+        left: number;
+        top: number;
+        flexDirection: "row";
+        padding: number;
+    };
+    raiseHand: {
+        color: string;
+    };
+    degraded: {
+        color: string;
+    };
+    generalTile: {
+        overflow: "hidden";
+        borderRadius: number;
+    };
+    hmsView: {
+        height: string;
+        width: string;
+    };
+    hmsViewScreen: {
+        width: string;
+        height: string;
+    };
+    wrapper: {
+        flex: number;
+        overflow: "hidden";
+    };
+    displayContainer: {
+        position: "absolute";
+        top: number;
+        alignSelf: "center";
+        padding: number;
+        borderRadius: number;
+        flexDirection: "column";
+        alignItems: "center";
+        zIndex: number;
+    };
+    peerName: {
+        color: string;
+        fontFamily: string;
+        paddingRight: number;
+    };
+    peerNameContainer: {
+        position: "absolute";
+        bottom: number;
+        left: number;
+        backgroundColor: string;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        flexDirection: "row";
+        alignItems: "center";
+        borderRadius: number;
+    };
+    micContainer: {
+        position: "absolute";
+        top: number;
+        right: number;
+        height: number;
+        aspectRatio: number;
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        borderRadius: number;
+        backgroundColor: string;
+    };
+    morePeerOptionsContainer: {
+        position: "absolute";
+        bottom: number;
+        right: number;
+        zIndex: number;
+    };
+    mic: {
+        color: string;
+    };
+    avatarContainer: {
+        flex: number;
+        backgroundColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    degradedContainer: {
+        position: "absolute";
+        height: string;
+        width: string;
+        backgroundColor: string;
+        zIndex: number;
+    };
+    avatar: {
+        aspectRatio: number;
+        width: string;
+        maxWidth: number;
+        maxHeight: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+        backgroundColor: string;
+    };
+    avatarText: {
+        fontSize: number;
+        fontFamily: string;
+        fontWeight: "700";
+        fontStyle: "normal";
+        letterSpacing: number;
+        color: string;
+    };
+    degradedText: {
+        fontSize: number;
+        fontFamily: string;
+        fontWeight: "700";
+        fontStyle: "normal";
+        letterSpacing: number;
+        color: string;
+    };
+    highlight: {
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+    };
+    messageDot: {
+        position: "absolute";
+        right: number;
+        top: number;
+        height: number;
+        aspectRatio: number;
+        borderRadius: number;
+        zIndex: number;
+        backgroundColor: string;
+    };
+    options: {
+        color: string;
+    };
+    optionsContainer: {
+        padding: number;
+        position: "absolute";
+        right: number;
+        top: number;
+    };
+    roleChangeText: {
+        paddingVertical: number;
+        fontFamily: string;
+        color: string;
+    };
+    headerName: {
+        color: string;
+        fontFamily: string;
+        paddingLeft: number;
+    };
+    headerIcon: {
+        padding: number;
+    };
+    headerContainer: {
+        height: number;
+        justifyContent: "space-between";
+        flexDirection: "row";
+        alignItems: "center";
+        paddingHorizontal: number;
+    };
+    page: {
+        flexDirection: "row";
+        flexWrap: "wrap";
+        alignContent: "center";
+    };
+    input: {
+        borderWidth: number;
+        borderRadius: number;
+        borderColor: string;
+        paddingLeft: number;
+        minHeight: number;
+        color: string;
+        marginVertical: number;
+    };
+    recordingDetails: {
+        flexDirection: "row";
+        justifyContent: "space-around";
+        padding: number;
+    };
+    checkboxContainer: {
+        height: number;
+        width: number;
+        borderColor: string;
+        borderWidth: number;
+        borderRadius: number;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    checkbox: {
+        color: string;
+    };
+    gridTile: {
+        width: string;
+        height: string;
+    };
+    closeButton: {
+        zIndex: number;
+        position: "absolute";
+        left: number;
+        top: number;
+        height: number;
+        width: number;
+    };
+    flex: {
+        flex: number;
+    };
+    renderHLSVideo: {
+        height: string;
+        width: string;
+    };
+    renderVideo: {
+        height: string;
+        width: string;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    liveButton: {
+        position: "absolute";
+        bottom: number;
+        right: number;
+        zIndex: number;
+    };
+    brbOnContainer: {
+        height: number;
+        justifyContent: "center";
+        alignItems: "center";
+        paddingHorizontal: number;
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+    };
+    brbOn: {
+        color: string;
+        fontFamily: string;
+    };
+    statsContainer: {
+        position: "absolute";
+        zIndex: number;
+        backgroundColor: string;
+        padding: number;
+        borderRadius: number;
+        margin: number;
+    };
+    statsText: {
+        color: string;
+        fontFamily: string;
+        fontSize: number;
+    };
+    heroContainer: {
+        width: string;
+        height: string;
+    };
+    heroContainerLandscaspe: {
+        flexDirection: "row";
+    };
+    heroView: {
+        height: string;
+        width: string;
+        marginVertical: number;
+        padding: string;
+        overflow: "hidden";
+        borderRadius: number;
+    };
+    heroTileContainer: {
+        height: string;
+        width: string;
+        marginVertical: number;
+        padding: string;
+        overflow: "hidden";
+        borderRadius: number;
+    };
+    heroTileContainerLandscaspe: {
+        height: string;
+        width: string;
+    };
+    heroTileContainerSingle: {
+        height: string;
+        width: string;
+        marginVertical: number;
+        padding: string;
+        overflow: "hidden";
+        borderRadius: number;
+    };
+    heroListContainer: {
+        width: string;
+        height: string;
+    };
+    heroListContainerLandscaspe: {
+        width: string;
+        height: string;
+    };
+    heroListView: {
+        width: number;
+        height: string;
+    };
+    heroListViewLandscaspe: {
+        height: number;
+        width: string;
+    };
+    mainTileContainer: {
+        height: string;
+        width: string;
+        zIndex: number;
+    };
+    miniTileContainer: {
+        position: "absolute";
+        bottom: number;
+        right: number;
+        width: string;
+        height: string;
+        borderWidth: number;
+        borderRadius: number;
+        borderColor: string;
+        zIndex: number;
+    };
+    miniTileContainerLandscape: {
+        width: string;
+        height: string;
+    };
+    heroListViewContainer: {
+        marginHorizontal: number;
+        borderRadius: number;
+        overflow: "hidden";
+    };
+    heroListViewContainerLandscaspe: {
+        marginVertical: number;
+    };
+    network: {
+        height: number;
+        width: number;
+    };
+    interRegular: {
+        fontFamily: string;
+        color: string;
+    };
+    status: {
+        position: "absolute";
+        flexDirection: "row";
+        top: number;
+        left: number;
+    };
+    resolutionContainer: {
+        padding: number;
+    };
+    resolutionDetails: {
+        flexDirection: "row";
+    };
+    resolutionValue: {
+        fontFamily: string;
+        paddingLeft: number;
+        color: string;
+    };
+    iconContainer: {
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+        width: number;
+        height: number;
+        justifyContent: "center";
+        alignItems: "center";
+        borderRadius: number;
+        marginHorizontal: number;
+    };
+    iconContainerLandscape: {
+        marginVertical: number;
+    };
+    leaveIcon: {
+        backgroundColor: string;
+        borderColor: string;
+    };
+    roomStatus: {
+        color: string;
+        marginHorizontal: number;
+    };
+    roomStatusLandscape: {
+        color: string;
+        marginVertical: number;
+    };
+    iconTopWrapper: {
+        height: number;
+        width: string;
+        flexDirection: "row";
+        justifyContent: "space-between";
+        alignItems: "center";
+        backgroundColor: string;
+        zIndex: number;
+    };
+    iconTopWrapperLandscape: {
+        height: string;
+        width: number;
+        flexDirection: "column";
+    };
+    iconTopSubWrapper: {
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    iconTopSubWrapperLandscape: {
+        flexDirection: "column";
+    };
+    iconMuted: {
+        backgroundColor: string;
+    };
+    icon: {
+        color: string;
+    };
+    handRaised: {
+        color: string;
+    };
+    iconBotttomButtonWrapper: {
+        flex: number;
+        width: string;
+        flexDirection: "row";
+        justifyContent: "space-around";
+        alignItems: "center";
+    };
+    iconBotttomButtonWrapperLandscape: {
+        flexDirection: "column";
+    };
+    iconBotttomWrapper: {
+        height: number;
+        width: string;
+        paddingVertical: number;
+        backgroundColor: string;
+        borderRadius: number;
+    };
+    iconBotttomWrapperLandscape: {
+        width: number;
+        height: string;
+    };
+    iconBotttomWrapperHls: {
+        height: number;
+        width: string;
+        paddingVertical: number;
+        backgroundColor: string;
+        zIndex: number;
+        borderRadius: number;
+    };
+    goLiveIconContainer: {
+        backgroundColor: string;
+        width: number;
+        height: number;
+        justifyContent: "center";
+        alignItems: "center";
+        borderRadius: number;
+        marginHorizontal: number;
+    };
+    endLiveIconContainer: {
+        backgroundColor: string;
+        width: number;
+        height: number;
+        justifyContent: "center";
+        alignItems: "center";
+        borderRadius: number;
+        marginHorizontal: number;
+    };
+    liveText: {
+        fontFamily: string;
+        fontSize: number;
+        lineHeight: number;
+        textAlign: "center";
+        letterSpacing: number;
+        textTransform: "uppercase";
+        color: string;
+        marginTop: number;
+    };
+    participantContainer: {
+        height: string;
+        width: string;
+    };
+    participantsSearchInput: {
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+        width: string;
+        borderRadius: number;
+        paddingVertical: number;
+        paddingLeft: number;
+        color: string;
+        fontFamily: string;
+    };
+    participantsSearchInputIcon: {
+        position: "absolute";
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+        color: string;
+        width: number;
+    };
+    participantsHeaderContainer: {
+        height: number;
+        width: string;
+        marginBottom: number;
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    participantsHeading: {
+        fontFamily: string;
+        fontSize: number;
+        lineHeight: number;
+        letterSpacing: number;
+        color: string;
+        paddingRight: number;
+    };
+    peerCountContainer: {
+        alignItems: "center";
+        justifyContent: "center";
+        borderColor: string;
+        borderWidth: number;
+        borderRadius: number;
+        marginLeft: number;
+        height: number;
+        paddingHorizontal: number;
+    };
+    peerCount: {
+        fontFamily: string;
+        fontSize: number;
+        lineHeight: number;
+        letterSpacing: number;
+        color: string;
+    };
+    participantItem: {
+        height: number;
+        flexDirection: "row";
+        alignItems: "center";
+        marginVertical: number;
+    };
+    participantAvatar: {
+        height: number;
+        width: number;
+        borderRadius: number;
+        backgroundColor: string;
+        marginRight: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    participantDescription: {
+        flex: number;
+        flexDirection: "column";
+    };
+    participantAvatarText: {
+        color: string;
+        fontSize: number;
+        lineHeight: number;
+        letterSpacing: number;
+        fontFamily: string;
+    };
+    participantName: {
+        color: string;
+        fontSize: number;
+        lineHeight: number;
+        letterSpacing: number;
+        fontFamily: string;
+        textTransform: "capitalize";
+    };
+    participantRole: {
+        color: string;
+        fontSize: number;
+        lineHeight: number;
+        letterSpacing: number;
+        fontFamily: string;
+        textTransform: "capitalize";
+    };
+    participantSettings: {
+        width: number;
+        height: number;
+        justifyContent: "center";
+        alignItems: "center";
+        borderRadius: number;
+        marginHorizontal: number;
+    };
+    participantsMenuContainer: {
+        backgroundColor: string;
+    };
+    participantMenuItem: {
+        flexDirection: "row";
+        alignItems: "center";
+        paddingLeft: number;
+    };
+    participantMenuItemIcon: {
+        color: string;
+        paddingRight: number;
+        height: number;
+    };
+    participantMenuItemName: {
+        color: string;
+        fontSize: number;
+        lineHeight: number;
+        letterSpacing: number;
+        fontFamily: string;
+        textTransform: "capitalize";
+    };
+    participantRolePickerContainer: {
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+        height: number;
+        borderRadius: number;
+        marginTop: number;
+    };
+    participantRolePicker: {
+        color: string;
+        fontSize: number;
+        lineHeight: number;
+        letterSpacing: number;
+        fontFamily: string;
+    };
+    roleChangeModalHeading: {
+        color: string;
+        fontSize: number;
+        lineHeight: number;
+        letterSpacing: number;
+        fontFamily: string;
+        textTransform: "capitalize";
+    };
+    screenshotImage: {
+        flexGrow: number;
+        width: string;
+        height: string;
+        marginTop: number;
+        backgroundColor: string;
+    };
+    roleChangeModalDescription: {
+        color: string;
+        fontSize: number;
+        lineHeight: number;
+        letterSpacing: number;
+        fontFamily: string;
+        paddingTop: number;
+    };
+    roleChangeModalPermission: {
+        color: string;
+        fontSize: number;
+        lineHeight: number;
+        letterSpacing: number;
+        fontFamily: string;
+    };
+    roleChangeModalPermissionContainer: {
+        flexDirection: "row";
+        marginTop: number;
+        alignItems: "center";
+    };
+    roleChangeModalButtonText: {
+        color: string;
+        fontSize: number;
+        lineHeight: number;
+        letterSpacing: number;
+        fontFamily: string;
+        textTransform: "capitalize";
+    };
+    roleChangeModalCheckBox: {
+        height: number;
+        aspectRatio: number;
+        borderWidth: number;
+        borderColor: string;
+        marginRight: number;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    roleChangeModalCheck: {
+        color: string;
+    };
+    roleChangeModalCancelButton: {
+        backgroundColor: string;
+        borderColor: string;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        justifyContent: "center";
+        alignItems: "center";
+        borderWidth: number;
+        borderRadius: number;
+        width: string;
+        alignSelf: "center";
+        marginRight: string;
+    };
+    roleChangeModalSuccessButton: {
+        backgroundColor: string;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        justifyContent: "center";
+        alignItems: "center";
+        borderWidth: number;
+        borderColor: string;
+        borderRadius: number;
+        width: string;
+        alignSelf: "center";
+    };
+    roleChangeModal: {
+        padding: number;
+    };
+    participantFilterContainer: {
+        padding: number;
+        flexDirection: "row";
+        alignItems: "center";
+        width: number;
+        borderWidth: number;
+        borderColor: string;
+        borderRadius: number;
+    };
+    participantFilterText: {
+        color: string;
+        fontFamily: string;
+        fontSize: number;
+        lineHeight: number;
+        letterSpacing: number;
+        marginRight: number;
+        textTransform: "capitalize";
+    };
+    participantFilterIcon: {
+        color: string;
+        position: "absolute";
+        right: number;
+    };
+    volumeModalContainer: {
+        padding: number;
+    };
+    volumeModalDivider: {
+        height: number;
+        backgroundColor: string;
+        width: string;
+        marginTop: number;
+        marginBottom: number;
+    };
+    volumeModalSlider: {
+        width: string;
+        marginTop: number;
+    };
+    participantChangeNameInput: {
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+        width: string;
+        borderRadius: number;
+        paddingVertical: number;
+        paddingLeft: number;
+        color: string;
+        fontFamily: string;
+    };
+    error: {
+        color: string;
+    };
+    participantChangeRoleContainer: {
+        padding: number;
+        flexDirection: "row";
+        alignItems: "center";
+        width: string;
+        marginTop: number;
+        borderWidth: number;
+        borderColor: string;
+        borderRadius: number;
+        height: number;
+        backgroundColor: string;
+    };
+    statsModalContainer: {
+        flexDirection: "row";
+        justifyContent: "space-between";
+        alignItems: "center";
+    };
+    statsModalText: {
+        fontFamily: string;
+        fontSize: number;
+        lineHeight: number;
+        letterSpacing: number;
+        color: string;
+    };
+    statsModalCheckbox: {
+        height: number;
+        width: number;
+        borderWidth: number;
+        borderColor: string;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    statsModalCheck: {
+        color: string;
+    };
+    statsModalMenu: {
+        padding: number;
+        flexDirection: "row";
+        alignItems: "center";
+        width: string;
+        marginTop: number;
+        borderWidth: number;
+        borderColor: string;
+        borderRadius: number;
+        backgroundColor: string;
+        height: number;
+    };
+    statsModalCardContainer: {
+        flexDirection: "row";
+        flexWrap: "wrap";
+        justifyContent: "space-between";
+    };
+    statsModalCard: {
+        minHeight: number;
+        backgroundColor: string;
+        width: string;
+        padding: number;
+        borderRadius: number;
+        marginTop: number;
+    };
+    statsModalCardHeading: {
+        fontFamily: string;
+        fontSize: number;
+        lineHeight: number;
+        letterSpacing: number;
+        textTransform: "uppercase";
+        color: string;
+    };
+    statsModalCardDescription: {
+        fontFamily: string;
+        fontSize: number;
+        lineHeight: number;
+        letterSpacing: number;
+        textTransform: "uppercase";
+        color: string;
+        paddingTop: number;
+    };
+    errorContainer: {
+        backgroundColor: string;
+        borderColor: string;
+    };
+    picker: {
+        backgroundColor: string;
+        height: number;
+        borderRadius: number;
+    };
+    sortingButtonContainer: {
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    checkboxButtonContainer: {
+        flexDirection: "row";
+        alignItems: "center";
+        marginTop: number;
+    };
+    changeTrackStateRoleOption: {
+        flexDirection: "row";
+        marginRight: number;
+    };
+    changeTrackStateRoleOptionHeading: {
+        color: string;
+        fontSize: number;
+        lineHeight: number;
+        letterSpacing: number;
+        fontFamily: string;
+        marginRight: number;
+    };
+    backButton: {
+        backgroundColor: string;
+        borderColor: string;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        justifyContent: "center";
+        alignItems: "center";
+        borderWidth: number;
+        borderRadius: number;
+        width: string;
+        alignSelf: "center";
+        marginRight: string;
+    };
+    liveTextContainer: {
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    liveStatus: {
+        height: number;
+        aspectRatio: number;
+        borderRadius: number;
+        backgroundColor: string;
+        marginRight: number;
+    };
+    liveTimeText: {
+        color: string;
+        fontSize: number;
+        lineHeight: number;
+        fontFamily: string;
+        letterSpacing: number;
+    };
+    screenshareContainer: {
+        width: string;
+        height: string;
+        backgroundColor: string;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    screenshareText: {
+        color: string;
+        fontSize: number;
+        lineHeight: number;
+        letterSpacing: number;
+        fontFamily: string;
+        marginTop: number;
+    };
+    screenshareButton: {
+        backgroundColor: string;
+        borderColor: string;
+        justifyContent: "center";
+        alignItems: "center";
+        borderWidth: number;
+        borderRadius: number;
+        width: string;
+        alignSelf: "center";
+        marginTop: number;
+    };
+    welcomeContainer: {
+        flex: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    welcomeHeading: {
+        fontSize: number;
+        lineHeight: number;
+        letterSpacing: number;
+        fontFamily: string;
+        textAlign: "center";
+        color: string;
+        paddingBottom: number;
+    };
+    welcomeDescription: {
+        fontSize: number;
+        lineHeight: number;
+        letterSpacing: number;
+        fontFamily: string;
+        textAlign: "center";
+        color: string;
+    };
+    tilePressableView: {
+        position: "absolute";
+        top: number;
+        left: number;
+        width: string;
+        height: string;
+        zIndex: number;
+    };
+};
+export { styles };
+//# sourceMappingURL=styles.d.ts.map