@jescon-technologies/react-native-ui-kit 0.0.3 → 0.0.5

package/src/CommonStyle/PopupStyle.js

@@ -0,0 +1,146 @@
+
+import { StyleSheet } from 'react-native';
+import ComponentStyles, { normalize } from '../CommonStyle/componentStyle';
+import { colors } from '../CommonStyle/commonStyle';
+export function getSearchButtonStyle(backgroundcolor) {
+  return (
+    {
+      ...ComponentStyles.searchButton,
+      width: '100%',
+      backgroundColor: backgroundcolor,
+    }
+  );
+}
+export function getListviewItem(selected, borderbottomwidth) {
+  return (
+    {
+      borderColor: '#DCDEDD',
+      borderWidth: borderbottomwidth ? 0 : 1,
+      borderBottomWidth: 1,
+      width: '100%',
+      borderRadius: 7,
+      backgroundColor: selected ? 'lightblue' : colors.color_DeselectBgCOlor,
+    }
+  );
+}
+export function getListviewItemText(selected) {
+  return (
+    {
+      ...ComponentStyles.select_TextStyle,
+      fontWeight: selected ? 'bold' : 'normal',
+      color:selected ? '#094485' : 'black',
+    }
+  );
+}
+export function getListviewItemText2(selected) {
+  return (
+    {
+      //...ComponentStyles.select_TextStyle,
+     // fontWeight: selected ? 'bold' : 'normal',
+      //color:selected ? '#094485':"black",
+      backgroundColor:selected ? '#ccd9ff' : 'white',
+    }
+  );
+}
+export function getPopupHeadingOption(width) {
+  return (
+    {
+      paddingBottom: 5, flexDirection: 'row',
+      justifyContent: 'space-around', width: width * 0.90,
+      margin: 5,
+    }
+  );
+}
+export function getPopupHeadingOptionText(color) {
+  return (
+    {
+      ...ComponentStyles.popup_heading,
+      color: 'darkblue',
+    }
+  );
+}
+export function getPopupContainerStyle(height) {
+  return (
+    {
+      borderRadius: 20,
+      height: height * 0.60,
+      // backgroundColor:'blue'
+    }
+  );
+}
+export function getPopupTextAreaContainer(width, height) {
+  return (
+    {
+      justifyContent: 'center',
+      flex: 1,
+      alignItems: 'center',
+    }
+  );
+}
+export function getPopupTextAreaChildContainer(width, height, bordercolor) {
+  return (
+    {
+      flexDirection: 'row',
+      borderWidth: 1,
+      borderColor: bordercolor,
+      width: '80%',
+      justifyContent: 'flex-start',
+      alignItems: 'center',
+      borderRadius: 7,
+      margin: height * 0.003,
+      marginBottom: height * 0.003,
+      height: height * 0.30,
+      backgroundColor: colors.color_componentBgcolor,
+      backgroundColor:'#fff',
+      marginTop: 0,
+    }
+  );
+}
+export function getPopupTextAreaStyle(width, height) {
+  return (
+    {
+      ...ComponentStyles.input_Text,
+      textAlignVertical: 'top',
+      width: '98%',
+      marginLeft: '1%',
+      padding: 0, height: '100%',
+      marginBottom: -(height * 0.003),
+      fontSize:normalize(14),
+      fontWeight:'bold',
+    }
+  );
+}
+const popupStyles = StyleSheet.create({
+  overlay_screen_listview_container: {
+    justifyContent: 'center',
+    marginBottom: 10,
+  },
+  overlay_screen_button_view: {
+    width: '99%',
+    marginTop: 20,
+    ...ComponentStyles.View_row_center,
+    justifyContent: 'space-around',
+  },
+  overlay_screen_small_button_style: {
+    borderRadius: 7,
+    height: normalize(40),
+    backgroundColor: '#eae5e5',
+    width: normalize(60),
+    ...ComponentStyles.View_col_center,
+  },
+  overlay_screen_big_button_style: {
+    backgroundColor: '#094485',
+    borderRadius: 7,
+    width: '100%', marginBottom: 30,
+    height: 35,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  overlay_screen_button_text: {
+    fontSize: normalize(12),
+    fontWeight: '500',
+    color:'black',
+    // color: colors.color_buttonText,
+  },
+});
+export default popupStyles;

package/src/CommonStyle/commonStyle.js

@@ -0,0 +1,93 @@
+export let colors = {
+
+  color_Header: '#0E2F56',
+  color_dark_grey: '#606266',
+  color_StatusBar: '#0E2F56',
+  color_BorderColor: 'gray',
+  color_Background_color: '#ebecf0',
+
+  //Audio
+  color_audio_minimumTrackTintColor: '#606266',
+  color_audio_maximumTrackTintColor: '#de6a31',
+
+  //Profile card
+  color_profilecard_heading1: '#0C4F60',
+  color_profilecard_heading2: '#0C4F60',
+  color_hiddenitem_bg_color: 'lightgray',
+
+  //Error Component
+  color_alertCaptionText: '#0C4F60',
+  color_errorMoreButton:'#008de6',
+
+  //online status
+  color_Status_online: '#17A589',
+  color_Status_offline: '#E74C3C',
+  color_Status_busy: '#D4AC0D',
+  color_MenuBorderColor: '#051094',
+  color_MenuText: '#0E2F56',
+  color_SubmenuBorderColor: '#0F52BA',
+  color_submenuText: '#0E4D92',
+  color_usernameText: '#fff',
+
+  //Button
+  color_button: '#4682B4',
+  color_buttonText: '#fff',
+  color_InActiveButton: 'lightgray',
+  color_error_msg_Text: 'red',
+
+
+  //Tabpage
+  color_tabpageBgcolor: '#fff',//"#E3E4E5",
+  color_tabpageActiveText: '#3e5877',//"#0E2F56",
+  color_tabpageActiveTab: '#566d88',//"#0E2F56",
+  color_tabpageInActiveText: 'gray',
+  color_tabpagePressColor: '#b6c0cc',
+  color_tabpageProfileCardBgcolor: '#ABB2B9',
+
+//Popup
+  color_PopupHeadingText: '#0C4F60',//"#1697B7",
+  color_SelectText: '#0C4F60',
+  color_DeselectText: 'gray',
+  color_SelectBgColor: 'wildsand',
+  color_DeselectBgCOlor: '#fff',
+
+  //Radio Button
+  color_SelectRadioBgcolor: 'whitesmoke',//'#F0F0F0',
+  color_DeselectRadioBgcolor: 'white',
+  color_SelectRadioBordercolor: '#0E2F56',
+  colorDeselectRadioBordercolor: 'gray',
+  color_RadioInnerBgcolor: 'steelblue',
+
+  //Component
+  color_componentBgcolor: 'whitesmoke',
+  color_componentText: '#0C4F60',
+  color_componentBordercolor: '#606266',
+  color_BorderColor_error: '#CD5C5C',
+  color_editedindication_Border: '#428AF8',//"#17A589",//"aqua",//"#5F6A6A",
+  color_editedindicationbgcolor: '#F1C40F',
+
+// Template status
+  color_TemplateDefaultData: '#FFCAED',
+  color_RetrieveData: '#F24095',
+  color_AddData: 'aqua',
+  color_ClassificationData: 'gray',
+
+//Result Report
+  color_resulttext_high: 'red',
+  color_resulttext_low: 'blue',
+  color_resulttext_normal: '#283747',
+};
+
+export let fontWeight = {
+  fontWeight_Normal: 'normal',
+  fontWeight_Bold: 'bold',
+  fontWeight_100: '100',
+  fontWeight_200: '200',
+  fontWeight_300: '300',
+  fontWeight_400: '400',
+  fontWeight_500: '500',
+  fontWeight_600: '600',
+  fontWeight_700: '700',
+  fontWeight_800: '800',
+  fontWeight_900: '900',
+};