dhre-ui-kit 0.0.172 → 0.0.174

package/lib/index.d.ts

@@ -282,7 +282,8 @@ declare enum Theme {
     WARNING = "WARNING",
     SUCCESS = "SUCCESS",
     INFO = "INFO",
-    ERROR = "ERROR"
+    ERROR = "ERROR",
+    TRANSPARENT_INVERTED = "TRANSPARENT_INVERTED"
 }
 
 interface CustomProgressBarProps {
@@ -872,6 +873,10 @@ declare const theme: {
         light: string;
         dark: string;
     };
+    TRANSPARENT_INVERTED: {
+        light: string;
+        dark: string;
+    };
 };
 
 declare const DHRE_COLORS_PRIMARY: {

package/lib/index.js

@@ -14,6 +14,7 @@ var reactNativeCalendars = require('react-native-calendars');
 var CountryPicker = require('react-native-country-picker-modal');
 var reactNativePaper = require('react-native-paper');
 var reactNativeElementDropdown = require('react-native-element-dropdown');
+var assets = require('src/assets');
 var DocumentPicker = require('react-native-document-picker');
 var RNFS = require('react-native-fs');
 var Clipboard = require('@react-native-clipboard/clipboard');
@@ -141,6 +142,7 @@ var Theme = /* @__PURE__ */ ((Theme2) => {
   Theme2["SUCCESS"] = "SUCCESS";
   Theme2["INFO"] = "INFO";
   Theme2["ERROR"] = "ERROR";
+  Theme2["TRANSPARENT_INVERTED"] = "TRANSPARENT_INVERTED";
   return Theme2;
 })(Theme || {});
 
@@ -272,6 +274,10 @@ const theme = {
   [Theme.ERROR]: {
     light: "#EB0542",
     dark: "#EB0542"
+  },
+  [Theme.TRANSPARENT_INVERTED]: {
+    light: "#68686833",
+    dark: "#FFFFFF33"
   }
 };
 
@@ -309,44 +315,44 @@ const createFontStyle = (fontFamily, fontSize, lineHeight) => ({
   fontFamily
 });
 const FONT_STYLES = {
-  [FontStyle.H1_BOLD]: createFontStyle("MeraasAktiv-Bd", 40, 56),
-  [FontStyle.H2_BOLD]: createFontStyle("MeraasAktiv-Bd", 36, 50.4),
-  [FontStyle.H3_BOLD]: createFontStyle("MeraasAktiv-Bd", 32, 44.8),
-  [FontStyle.H4_BOLD]: createFontStyle("MeraasAktiv-Bd", 26, 36.4),
-  [FontStyle.H5_BOLD]: createFontStyle("MeraasAktiv-Bd", 24, 33.6),
-  [FontStyle.H6_BOLD]: createFontStyle("MeraasAktiv-Bd", 22, 30.8),
-  [FontStyle.H7_BOLD]: createFontStyle("MeraasAktiv-Bd", 20, 28),
-  [FontStyle.H8_BOLD]: createFontStyle("MeraasAktiv-Bd", 18, 25.2),
-  [FontStyle.H1_REGULAR]: createFontStyle("MeraasAktiv-Rg", 40, 56),
-  [FontStyle.H2_REGULAR]: createFontStyle("MeraasAktiv-Rg", 36, 50.4),
-  [FontStyle.H3_REGULAR]: createFontStyle("MeraasAktiv-Rg", 32, 44.8),
-  [FontStyle.H4_REGULAR]: createFontStyle("MeraasAktiv-Rg", 26, 36.4),
-  [FontStyle.H5_REGULAR]: createFontStyle("MeraasAktiv-Rg", 24, 33.6),
-  [FontStyle.H6_REGULAR]: createFontStyle("MeraasAktiv-Rg", 22, 30.8),
-  [FontStyle.H7_REGULAR]: createFontStyle("MeraasAktiv-Rg", 20, 28),
-  [FontStyle.H8_REGULAR]: createFontStyle("MeraasAktiv-Rg", 18, 25.2),
-  [FontStyle.H1_LIGHT]: createFontStyle("MeraasAktiv-Lt", 40, 56),
-  [FontStyle.H2_LIGHT]: createFontStyle("MeraasAktiv-Lt", 36, 50.4),
-  [FontStyle.H3_LIGHT]: createFontStyle("MeraasAktiv-Lt", 32, 44.8),
-  [FontStyle.H4_LIGHT]: createFontStyle("MeraasAktiv-Lt", 26, 36.4),
-  [FontStyle.H5_LIGHT]: createFontStyle("MeraasAktiv-Lt", 24, 33.6),
-  [FontStyle.H6_LIGHT]: createFontStyle("MeraasAktiv-Lt", 22, 30.8),
-  [FontStyle.H7_LIGHT]: createFontStyle("MeraasAktiv-Lt", 20, 28),
-  [FontStyle.H8_LIGHT]: createFontStyle("MeraasAktiv-Lt", 18, 25.2),
-  [FontStyle.B1_BOLD]: createFontStyle("MeraasAktiv-Bd", 20, 28),
-  [FontStyle.B2_BOLD]: createFontStyle("MeraasAktiv-Bd", 18, 25.2),
-  [FontStyle.B3_BOLD]: createFontStyle("MeraasAktiv-Bd", 16, 22.4),
-  [FontStyle.B4_BOLD]: createFontStyle("MeraasAktiv-Bd", 14, 22.4),
-  [FontStyle.B1_REGULAR]: createFontStyle("MeraasAktiv-Rg", 20, 28),
-  [FontStyle.B2_REGULAR]: createFontStyle("MeraasAktiv-Rg", 18, 25.2),
-  [FontStyle.B3_REGULAR]: createFontStyle("MeraasAktiv-Rg", 16, 22.4),
-  [FontStyle.B4_REGULAR]: createFontStyle("MeraasAktiv-Rg", 14, 22.4),
-  [FontStyle.L1_BOLD]: createFontStyle("MeraasAktiv-Bd", 14, 19.6),
-  [FontStyle.L2_BOLD]: createFontStyle("MeraasAktiv-Bd", 12, 16.8),
-  [FontStyle.L3_BOLD]: createFontStyle("MeraasAktiv-Bd", 10, 14),
-  [FontStyle.L1_REGULAR]: createFontStyle("MeraasAktiv-Rg", 14, 19.6),
-  [FontStyle.L2_REGULAR]: createFontStyle("MeraasAktiv-Rg", 12, 16.8),
-  [FontStyle.L3_REGULAR]: createFontStyle("MeraasAktiv-Rg", 10, 14)
+  [FontStyle.H1_BOLD]: createFontStyle("MeraasAktiv-Bold", 40, 56),
+  [FontStyle.H2_BOLD]: createFontStyle("MeraasAktiv-Bold", 36, 50.4),
+  [FontStyle.H3_BOLD]: createFontStyle("MeraasAktiv-Bold", 32, 44.8),
+  [FontStyle.H4_BOLD]: createFontStyle("MeraasAktiv-Bold", 26, 36.4),
+  [FontStyle.H5_BOLD]: createFontStyle("MeraasAktiv-Bold", 24, 33.6),
+  [FontStyle.H6_BOLD]: createFontStyle("MeraasAktiv-Bold", 22, 30.8),
+  [FontStyle.H7_BOLD]: createFontStyle("MeraasAktiv-Bold", 20, 28),
+  [FontStyle.H8_BOLD]: createFontStyle("MeraasAktiv-Bold", 18, 25.2),
+  [FontStyle.H1_REGULAR]: createFontStyle("MeraasAktiv-Regular", 40, 56),
+  [FontStyle.H2_REGULAR]: createFontStyle("MeraasAktiv-Regular", 36, 50.4),
+  [FontStyle.H3_REGULAR]: createFontStyle("MeraasAktiv-Regular", 32, 44.8),
+  [FontStyle.H4_REGULAR]: createFontStyle("MeraasAktiv-Regular", 26, 36.4),
+  [FontStyle.H5_REGULAR]: createFontStyle("MeraasAktiv-Regular", 24, 33.6),
+  [FontStyle.H6_REGULAR]: createFontStyle("MeraasAktiv-Regular", 22, 30.8),
+  [FontStyle.H7_REGULAR]: createFontStyle("MeraasAktiv-Regular", 20, 28),
+  [FontStyle.H8_REGULAR]: createFontStyle("MeraasAktiv-Regular", 18, 25.2),
+  [FontStyle.H1_LIGHT]: createFontStyle("MeraasAktiv-Light", 40, 56),
+  [FontStyle.H2_LIGHT]: createFontStyle("MeraasAktiv-Light", 36, 50.4),
+  [FontStyle.H3_LIGHT]: createFontStyle("MeraasAktiv-Light", 32, 44.8),
+  [FontStyle.H4_LIGHT]: createFontStyle("MeraasAktiv-Light", 26, 36.4),
+  [FontStyle.H5_LIGHT]: createFontStyle("MeraasAktiv-Light", 24, 33.6),
+  [FontStyle.H6_LIGHT]: createFontStyle("MeraasAktiv-Light", 22, 30.8),
+  [FontStyle.H7_LIGHT]: createFontStyle("MeraasAktiv-Light", 20, 28),
+  [FontStyle.H8_LIGHT]: createFontStyle("MeraasAktiv-Light", 18, 25.2),
+  [FontStyle.B1_BOLD]: createFontStyle("MeraasAktiv-Bold", 20, 28),
+  [FontStyle.B2_BOLD]: createFontStyle("MeraasAktiv-Bold", 18, 25.2),
+  [FontStyle.B3_BOLD]: createFontStyle("MeraasAktiv-Bold", 16, 22.4),
+  [FontStyle.B4_BOLD]: createFontStyle("MeraasAktiv-Bold", 14, 22.4),
+  [FontStyle.B1_REGULAR]: createFontStyle("MeraasAktiv-Regular", 20, 28),
+  [FontStyle.B2_REGULAR]: createFontStyle("MeraasAktiv-Regular", 18, 25.2),
+  [FontStyle.B3_REGULAR]: createFontStyle("MeraasAktiv-Regular", 16, 22.4),
+  [FontStyle.B4_REGULAR]: createFontStyle("MeraasAktiv-Regular", 14, 22.4),
+  [FontStyle.L1_BOLD]: createFontStyle("MeraasAktiv-Bold", 14, 19.6),
+  [FontStyle.L2_BOLD]: createFontStyle("MeraasAktiv-Bold", 12, 16.8),
+  [FontStyle.L3_BOLD]: createFontStyle("MeraasAktiv-Bold", 10, 14),
+  [FontStyle.L1_REGULAR]: createFontStyle("MeraasAktiv-Regular", 14, 19.6),
+  [FontStyle.L2_REGULAR]: createFontStyle("MeraasAktiv-Regular", 12, 16.8),
+  [FontStyle.L3_REGULAR]: createFontStyle("MeraasAktiv-Regular", 10, 14)
 };
 
 const CustomTypography = ({
@@ -2175,7 +2181,7 @@ const CustomSearchBar = ({
         styles$j.inputContainer,
         {
           height: verticalScale(height),
-          borderColor: disabled ? disableBorderColor : value ? borderColor : "#A7A7A7"
+          borderColor: disabled ? disableBorderColor : value ? borderColor : "#686868"
         },
         inputContainerStyle
       ],
@@ -2689,25 +2695,31 @@ const styles$d = reactNative.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,
@@ -3429,7 +3441,8 @@ const CustomDropdown = ({
       itemTextStyle,
       containerStyle: menuContainerStyle,
       activeColor,
-      itemContainerStyle: [styles$7.itemListStyle, itemContainerStyle]
+      itemContainerStyle: [styles$7.itemListStyle, itemContainerStyle],
+      renderRightIcon: () => /* @__PURE__ */ React__default["default"].createElement(assets.DropDownArrow, null)
     }
   ));
 };