dhre-ui-kit 0.0.173 → 0.0.174

package/lib/index.mjs

@@ -10,6 +10,7 @@ import { Calendar } from 'react-native-calendars';
 import CountryPicker from 'react-native-country-picker-modal';
 import { TextInput as TextInput$1 } from 'react-native-paper';
 import { Dropdown } from 'react-native-element-dropdown';
+import { DropDownArrow } from 'src/assets';
 import DocumentPicker from 'react-native-document-picker';
 import RNFS from 'react-native-fs';
 import Clipboard from '@react-native-clipboard/clipboard';
@@ -108,6 +109,7 @@ var Theme = /* @__PURE__ */ ((Theme2) => {
   Theme2["SUCCESS"] = "SUCCESS";
   Theme2["INFO"] = "INFO";
   Theme2["ERROR"] = "ERROR";
+  Theme2["TRANSPARENT_INVERTED"] = "TRANSPARENT_INVERTED";
   return Theme2;
 })(Theme || {});
 
@@ -239,6 +241,10 @@ const theme = {
   [Theme.ERROR]: {
     light: "#EB0542",
     dark: "#EB0542"
+  },
+  [Theme.TRANSPARENT_INVERTED]: {
+    light: "#68686833",
+    dark: "#FFFFFF33"
   }
 };
 
@@ -2656,25 +2662,31 @@ const styles$d = StyleSheet.create({
     borderRadius: 10
   },
   cancelText: {
-    color: "#007AFF"
+    color: "#007AFF",
+    alignSelf: "center"
   },
   title: {
     textAlign: "center",
-    marginTop: 13
+    marginTop: 13,
+    alignSelf: "center"
   },
   subtitle: {
     textAlign: "center",
     marginTop: 2,
-    marginBottom: 13
+    marginBottom: 13,
+    alignSelf: "center"
   },
   optionButton: {
     padding: 16,
     borderRadius: 8,
-    alignItems: "center"
+    alignItems: "center",
+    textAlign: "center"
   },
   optionText: {
     fontSize: 16,
-    color: "#007AFF"
+    color: "#007AFF",
+    alignSelf: "center",
+    textAlign: "center"
   },
   cancelButton: {
     marginTop: 10,
@@ -2973,7 +2985,7 @@ const createStyles$2 = (theme) => {
       borderBottomColor: theme[Theme.BORDER_SEPERATOR_HEADER]
     },
     selectedItem: {
-      borderBottomWidth: 1,
+      borderBottomWidth: 2,
       borderBottomColor: theme[Theme.BORDER_INVERTED]
     },
     errorViewStyle: {
@@ -3396,7 +3408,8 @@ const CustomDropdown = ({
       itemTextStyle,
       containerStyle: menuContainerStyle,
       activeColor,
-      itemContainerStyle: [styles$7.itemListStyle, itemContainerStyle]
+      itemContainerStyle: [styles$7.itemListStyle, itemContainerStyle],
+      renderRightIcon: () => /* @__PURE__ */ React.createElement(DropDownArrow, null)
     }
   ));
 };