dhre-ui-kit 2.0.3 → 2.0.4

package/lib/index.mjs

@@ -253,8 +253,8 @@ const theme = {
     dark: "#339ECF"
   },
   [Theme.ERROR]: {
-    light: "#EB0542",
-    dark: "#EB0542"
+    light: "#E8594F",
+    dark: "#E8594F"
   },
   [Theme.TRANSPARENT_INVERTED]: {
     light: "#68686833",
@@ -5808,8 +5808,10 @@ const CustomTextInput = ({
 };
 
 const CustomTooltip = (props) => {
-  const { triggerElement } = props;
-  return /* @__PURE__ */ React.createElement(Tooltip, { ...props }, triggerElement);
+  const { triggerElement, contentStyle } = props;
+  return /* @__PURE__ */ React.createElement(Tooltip, { ...props, contentStyle: [contentStyle, {
+    borderRadius: 0
+  }] }, triggerElement);
 };
 
 const styles$t = StyleSheet.create({
@@ -7378,7 +7380,7 @@ const DateRangePicker = (props) => {
     startDate: "",
     endDate: ""
   });
-  const { theme, mode } = useTheme();
+  const { theme: theme$1, mode } = useTheme();
   const onDayPress = (day) => {
     const { dateString } = day;
     const { startDate, endDate } = selectedRange;
@@ -7401,38 +7403,35 @@ const DateRangePicker = (props) => {
       while (start < end) {
         start.setDate(start.getDate() + 1);
         markedDates[start.toISOString().split("T")[0]] = {
-          color: theme.SUCCESS,
-          textColor: theme.CONTENT_INVERTED
+          color: theme.SUCCESS.dark,
+          textColor: theme$1.CONTENT_INVERTED
         };
       }
     }
     if (startDate) {
       markedDates[startDate] = {
         startingDay: true,
-        textColor: theme.CONTENT_INVERTED,
-        customContainerStyle: mode === "dark" ? { backgroundColor: theme.SURFACE_INVERTED } : {
-          borderWidth: moderateScale(2),
-          borderColor: theme.SURFACE_PRIMARY
+        textColor: theme$1.CONTENT_INVERTED,
+        customContainerStyle: mode === "dark" ? { backgroundColor: theme$1.SURFACE_INVERTED } : {
+          backgroundColor: theme$1.SURFACE_INVERTED
         }
       };
     }
     if (endDate) {
       markedDates[endDate] = {
         endingDay: true,
-        color: theme.SUCCESS,
-        textColor: theme.CONTENT_INVERTED,
-        customContainerStyle: mode === "dark" ? { backgroundColor: theme.SURFACE_INVERTED } : {
-          borderWidth: moderateScale(2),
-          borderColor: theme.SURFACE_PRIMARY
+        color: theme.SUCCESS.dark,
+        textColor: theme$1.CONTENT_INVERTED,
+        customContainerStyle: mode === "dark" ? { backgroundColor: theme$1.SURFACE_INVERTED } : {
+          backgroundColor: theme$1.SURFACE_INVERTED
         }
       };
       markedDates[startDate] = {
         startingDay: true,
-        color: theme.SUCCESS,
-        textColor: theme.CONTENT_INVERTED,
-        customContainerStyle: mode === "dark" ? { backgroundColor: theme.SURFACE_INVERTED } : {
-          borderWidth: moderateScale(2),
-          borderColor: theme.SURFACE_PRIMARY
+        color: theme.SUCCESS.dark,
+        textColor: theme$1.CONTENT_INVERTED,
+        customContainerStyle: mode === "dark" ? { backgroundColor: theme$1.SURFACE_INVERTED } : {
+          backgroundColor: theme$1.SURFACE_INVERTED
         }
       };
     }
@@ -7447,15 +7446,15 @@ const DateRangePicker = (props) => {
       markingType: "period",
       theme: {
         calendarBackground: "transparent",
-        arrowColor: theme.CONTENT_PRIMARY,
-        monthTextColor: theme.CONTENT_PRIMARY,
-        dayTextColor: theme.CONTENT_SECONDRY,
-        todayTextColor: theme.SUCCESS,
-        textDisabledColor: theme.CONTENT_DISABLE
+        arrowColor: theme$1.CONTENT_PRIMARY,
+        monthTextColor: theme$1.CONTENT_PRIMARY,
+        dayTextColor: theme$1.CONTENT_SECONDRY,
+        todayTextColor: theme$1.SUCCESS,
+        textDisabledColor: theme$1.CONTENT_DISABLE
       },
       style: {
-        backgroundColor: theme.SURFACE_TERTIARY,
-        color: theme.CONTENT_SECONDRY,
+        backgroundColor: theme$1.SURFACE_SECONDARY,
+        color: theme$1.CONTENT_SECONDRY,
         borderRadius: 0
       },
       onDayPress,
@@ -7471,9 +7470,9 @@ const DateRangePicker = (props) => {
       },
       containerStyle: {
         ...styles$d.applyButton,
-        backgroundColor: theme.SURFACE_INVERTED
+        backgroundColor: theme$1.SURFACE_INVERTED
       },
-      textStyle: { color: theme.CONTENT_INVERTED },
+      textStyle: { color: theme$1.CONTENT_INVERTED },
       disabled: isButtonDisabled
     }
   ));