dhre-ui-kit 2.0.4 → 2.0.6

package/lib/index.mjs

@@ -537,6 +537,10 @@ const DHRE_COLORS_BG = {
   DH_BG_GREY_900: "#6F7387",
   DH_BG_GREY: "#F2F3F8"
 };
+const NAKHEEL_DEFAULT = {
+  NAKHEEL_BACKGROUND_SANDY: "#E7DBB9",
+  NAKHEEL_TEXT_COLOR: "#686868"
+};
 const DHRE_DEFAULT = {
   DH_LINE_GREY_0: "#FAFAFA",
   DH_LINE_GREY_100: "#F6F6F6",
@@ -561,9 +565,9 @@ const DHRE_DEFAULT = {
   DH_BG_GREY_900: "#6F7387",
   DH_BG_GREY: "#F2F3F8",
   DH_SUCESS: "#2DE3A6",
-  DH_ERROR: "#EB382D",
+  DH_ERROR: "#E8594F",
   DH_INFO: "#339ECF",
-  DH_SEMENTIC_ERROR: "#EB0542",
+  DH_SEMENTIC_ERROR: "#E8594F",
   DH_SEMENTIC_WARNING: "#EB8425"
 };
 const DHRE_COLORS_TEXT = {
@@ -6666,7 +6670,7 @@ const Toast = React.forwardRef(
         style: [
           styles$l.container,
           { bottom },
-          { backgroundColor: isSuccess ? "#00B578" : "#EB0542" },
+          { backgroundColor: isSuccess ? "#00B578" : "#E8594F" },
           { height: verticalScale(height) }
         ],
         testID: "TOAST"
@@ -7380,7 +7384,7 @@ const DateRangePicker = (props) => {
     startDate: "",
     endDate: ""
   });
-  const { theme: theme$1, mode } = useTheme();
+  const { theme, mode } = useTheme();
   const onDayPress = (day) => {
     const { dateString } = day;
     const { startDate, endDate } = selectedRange;
@@ -7403,35 +7407,35 @@ const DateRangePicker = (props) => {
       while (start < end) {
         start.setDate(start.getDate() + 1);
         markedDates[start.toISOString().split("T")[0]] = {
-          color: theme.SUCCESS.dark,
-          textColor: theme$1.CONTENT_INVERTED
+          color: NAKHEEL_DEFAULT.NAKHEEL_BACKGROUND_SANDY,
+          textColor: NAKHEEL_DEFAULT.NAKHEEL_TEXT_COLOR
         };
       }
     }
     if (startDate) {
       markedDates[startDate] = {
         startingDay: true,
-        textColor: theme$1.CONTENT_INVERTED,
-        customContainerStyle: mode === "dark" ? { backgroundColor: theme$1.SURFACE_INVERTED } : {
-          backgroundColor: theme$1.SURFACE_INVERTED
+        textColor: theme.SURFACE_STATIC,
+        customContainerStyle: mode === "dark" ? { backgroundColor: theme.SURFACE_INVERTED } : {
+          backgroundColor: theme.SURFACE_INVERTED
         }
       };
     }
     if (endDate) {
       markedDates[endDate] = {
         endingDay: true,
-        color: theme.SUCCESS.dark,
-        textColor: theme$1.CONTENT_INVERTED,
-        customContainerStyle: mode === "dark" ? { backgroundColor: theme$1.SURFACE_INVERTED } : {
-          backgroundColor: theme$1.SURFACE_INVERTED
+        color: NAKHEEL_DEFAULT.NAKHEEL_BACKGROUND_SANDY,
+        textColor: theme.SURFACE_STATIC,
+        customContainerStyle: mode === "dark" ? { backgroundColor: theme.SURFACE_INVERTED } : {
+          backgroundColor: theme.SURFACE_INVERTED
         }
       };
       markedDates[startDate] = {
         startingDay: true,
-        color: theme.SUCCESS.dark,
-        textColor: theme$1.CONTENT_INVERTED,
-        customContainerStyle: mode === "dark" ? { backgroundColor: theme$1.SURFACE_INVERTED } : {
-          backgroundColor: theme$1.SURFACE_INVERTED
+        color: NAKHEEL_DEFAULT.NAKHEEL_BACKGROUND_SANDY,
+        textColor: theme.SURFACE_STATIC,
+        customContainerStyle: mode === "dark" ? { backgroundColor: theme.SURFACE_INVERTED } : {
+          backgroundColor: theme.SURFACE_INVERTED
         }
       };
     }
@@ -7446,15 +7450,15 @@ const DateRangePicker = (props) => {
       markingType: "period",
       theme: {
         calendarBackground: "transparent",
-        arrowColor: theme$1.CONTENT_PRIMARY,
-        monthTextColor: theme$1.CONTENT_PRIMARY,
-        dayTextColor: theme$1.CONTENT_SECONDRY,
-        todayTextColor: theme$1.SUCCESS,
-        textDisabledColor: theme$1.CONTENT_DISABLE
+        arrowColor: theme.CONTENT_PRIMARY,
+        monthTextColor: theme.CONTENT_PRIMARY,
+        dayTextColor: theme.CONTENT_SECONDRY,
+        todayTextColor: NAKHEEL_DEFAULT.NAKHEEL_BACKGROUND_SANDY,
+        textDisabledColor: theme.CONTENT_DISABLE
       },
       style: {
-        backgroundColor: theme$1.SURFACE_SECONDARY,
-        color: theme$1.CONTENT_SECONDRY,
+        backgroundColor: theme.SURFACE_SECONDARY,
+        color: theme.CONTENT_SECONDRY,
         borderRadius: 0
       },
       onDayPress,
@@ -7470,9 +7474,9 @@ const DateRangePicker = (props) => {
       },
       containerStyle: {
         ...styles$d.applyButton,
-        backgroundColor: theme$1.SURFACE_INVERTED
+        backgroundColor: theme.SURFACE_INVERTED
       },
-      textStyle: { color: theme$1.CONTENT_INVERTED },
+      textStyle: { color: theme.CONTENT_INVERTED },
       disabled: isButtonDisabled
     }
   ));
@@ -8934,7 +8938,7 @@ const styles$3 = StyleSheet.create({
   },
   sliderContainer: {
     height: verticalScale(48),
-    borderRadius: moderateScale(25),
+    // borderRadius: moderateScale(25),
     overflow: "hidden",
     justifyContent: "center"
   },
@@ -8948,7 +8952,7 @@ const styles$3 = StyleSheet.create({
     height: verticalScale(40),
     justifyContent: "center",
     alignItems: "center",
-    borderRadius: moderateScale(20),
+    // borderRadius: moderateScale(20),
     margin: 4
   },
   buttonTextContainer: {
@@ -8958,8 +8962,8 @@ const styles$3 = StyleSheet.create({
     bottom: 0,
     top: 0,
     alignItems: "center",
-    justifyContent: "center",
-    borderRadius: 25
+    justifyContent: "center"
+    // borderRadius: 25,
   }
 });
 
@@ -9106,7 +9110,7 @@ const CustomSlideButton = React.forwardRef(
             backgroundColor: theme.SURFACE_PRIMARY,
             width: verticalScale(size),
             height: verticalScale(size),
-            borderRadius: verticalScale(size / 2),
+            // borderRadius: verticalScale(size / 2),
             ...sliderStyle
           }
         },
@@ -9400,12 +9404,14 @@ const PropertyDetails = ({
         ...styles$1.container,
         backgroundColor: theme.SURFACE_SECONDARY,
         borderColor: theme.BORDER_SEPERATOR_HEADER,
-        ...containerStyle
+        ...containerStyle,
+        ...{ borderRadius: 0 }
       }
     },
     React.cloneElement(icon, {
       width: moderateScale(87),
-      height: moderateScale(87)
+      height: moderateScale(87),
+      borderRadius: 0
     }),
     /* @__PURE__ */ React.createElement(View, { style: styles$1.propertyInfo }, brandIcon, /* @__PURE__ */ React.createElement(
       CustomTypography,
@@ -9512,5 +9518,5 @@ const RadioButtonGroup = ({
   )));
 };
 
-export { Accordion$1 as Accordion, AnimationWithImperativeApi as AnimationLoitte, index$1 as AppointmentCard, Badge$1 as Badge, BottomDrawer, CustomButton$1 as Button, Cards, category as Category, Checkbox as CheckBox, ContactModel, CountryDropDown as CountryPicker, CustomDocumentPicker$1 as CustomDocumentPicker, CustomDropdown$1 as CustomDropdown, CustomHeader$1 as CustomHeader, CustomIcon, CustomLoader$1 as CustomLoader, CustomProgressBar, CustomSearchBar, index$2 as CustomSlideButton, CustomSwitchBtn, CustomText$1 as CustomText, CustomTextInput, CustomTooltip, CustomTypography, DHRE_COLORS_ALERT, DHRE_COLORS_BG, DHRE_COLORS_PRIMARY, DHRE_COLORS_SECONDARY, DHRE_COLORS_TEXT, DHRE_DEFAULT, DateRangePicker$1 as DateRangePicker, CustomDropdown as DropDown, FONT_STYLES, feedback as FeedbackForm, FileUpload, FontStyle, Line, NotificationBandge, OTPInput, OurOffices as OurOfficesButton, PdfView, PopUp, index as PropertyDetails, RadioButtonGroup, ShapeType, TagSingleSelection as SingleSelectionTags, Star as StarRating, index$3 as Stepper, SwipableList$1 as SwipableList, Tabs$1 as Tabs, Tags, TextDirectType, CommonTextInput as TextInput, Theme, Toast, CustomSwitch as ToggleButton, ToggleButtonType, ToggleTextType, Topic$1 as Topic, copyToClipboard, theme as default, height, horizontalScale, moderateScale, toastService, verticalScale, width };
+export { Accordion$1 as Accordion, AnimationWithImperativeApi as AnimationLoitte, index$1 as AppointmentCard, Badge$1 as Badge, BottomDrawer, CustomButton$1 as Button, Cards, category as Category, Checkbox as CheckBox, ContactModel, CountryDropDown as CountryPicker, CustomDocumentPicker$1 as CustomDocumentPicker, CustomDropdown$1 as CustomDropdown, CustomHeader$1 as CustomHeader, CustomIcon, CustomLoader$1 as CustomLoader, CustomProgressBar, CustomSearchBar, index$2 as CustomSlideButton, CustomSwitchBtn, CustomText$1 as CustomText, CustomTextInput, CustomTooltip, CustomTypography, DHRE_COLORS_ALERT, DHRE_COLORS_BG, DHRE_COLORS_PRIMARY, DHRE_COLORS_SECONDARY, DHRE_COLORS_TEXT, DHRE_DEFAULT, DateRangePicker$1 as DateRangePicker, CustomDropdown as DropDown, FONT_STYLES, feedback as FeedbackForm, FileUpload, FontStyle, Line, NAKHEEL_DEFAULT, NotificationBandge, OTPInput, OurOffices as OurOfficesButton, PdfView, PopUp, index as PropertyDetails, RadioButtonGroup, ShapeType, TagSingleSelection as SingleSelectionTags, Star as StarRating, index$3 as Stepper, SwipableList$1 as SwipableList, Tabs$1 as Tabs, Tags, TextDirectType, CommonTextInput as TextInput, Theme, Toast, CustomSwitch as ToggleButton, ToggleButtonType, ToggleTextType, Topic$1 as Topic, copyToClipboard, theme as default, height, horizontalScale, moderateScale, toastService, verticalScale, width };
 //# sourceMappingURL=index.mjs.map