dhre-ui-kit 0.0.173 → 0.0.175

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

@@ -39,6 +39,7 @@ function _interopNamespace(e) {
 }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
 var Pdf__default = /*#__PURE__*/_interopDefaultLegacy(Pdf);
 var Progress__namespace = /*#__PURE__*/_interopNamespace(Progress);
@@ -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"
   }
 };
 
@@ -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,
@@ -3006,7 +3018,7 @@ const createStyles$2 = (theme) => {
       borderBottomColor: theme[Theme.BORDER_SEPERATOR_HEADER]
     },
     selectedItem: {
-      borderBottomWidth: 1,
+      borderBottomWidth: 2,
       borderBottomColor: theme[Theme.BORDER_INVERTED]
     },
     errorViewStyle: {
@@ -3357,6 +3369,22 @@ const styles$8 = reactNative.StyleSheet.create({
   }
 });
 
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgDropDownArrow = function SvgDropDownArrow(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    stroke: "#000",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M19.5 9 12 16.5 4.5 9"
+  })));
+};
+
 const CustomDropdown = ({
   data,
   labelField = "label",
@@ -3429,7 +3457,8 @@ const CustomDropdown = ({
       itemTextStyle,
       containerStyle: menuContainerStyle,
       activeColor,
-      itemContainerStyle: [styles$7.itemListStyle, itemContainerStyle]
+      itemContainerStyle: [styles$7.itemListStyle, itemContainerStyle],
+      renderRightIcon: () => /* @__PURE__ */ React__default["default"].createElement(SvgDropDownArrow, null)
     }
   ));
 };