dhre-ui-kit 2.0.5 → 2.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/index.mjs CHANGED
@@ -537,6 +537,10 @@ const DHRE_COLORS_BG = {
537
537
  DH_BG_GREY_900: "#6F7387",
538
538
  DH_BG_GREY: "#F2F3F8"
539
539
  };
540
+ const NAKHEEL_DEFAULT = {
541
+ NAKHEEL_BACKGROUND_SANDY: "#E7DBB9",
542
+ NAKHEEL_TEXT_COLOR: "#686868"
543
+ };
540
544
  const DHRE_DEFAULT = {
541
545
  DH_LINE_GREY_0: "#FAFAFA",
542
546
  DH_LINE_GREY_100: "#F6F6F6",
@@ -7380,7 +7384,7 @@ const DateRangePicker = (props) => {
7380
7384
  startDate: "",
7381
7385
  endDate: ""
7382
7386
  });
7383
- const { theme: theme$1, mode } = useTheme();
7387
+ const { theme, mode } = useTheme();
7384
7388
  const onDayPress = (day) => {
7385
7389
  const { dateString } = day;
7386
7390
  const { startDate, endDate } = selectedRange;
@@ -7403,35 +7407,35 @@ const DateRangePicker = (props) => {
7403
7407
  while (start < end) {
7404
7408
  start.setDate(start.getDate() + 1);
7405
7409
  markedDates[start.toISOString().split("T")[0]] = {
7406
- color: theme.SUCCESS.dark,
7407
- textColor: theme$1.CONTENT_INVERTED
7410
+ color: NAKHEEL_DEFAULT.NAKHEEL_BACKGROUND_SANDY,
7411
+ textColor: NAKHEEL_DEFAULT.NAKHEEL_TEXT_COLOR
7408
7412
  };
7409
7413
  }
7410
7414
  }
7411
7415
  if (startDate) {
7412
7416
  markedDates[startDate] = {
7413
7417
  startingDay: true,
7414
- textColor: theme$1.CONTENT_INVERTED,
7415
- customContainerStyle: mode === "dark" ? { backgroundColor: theme$1.SURFACE_INVERTED } : {
7416
- backgroundColor: theme$1.SURFACE_INVERTED
7418
+ textColor: theme.SURFACE_STATIC,
7419
+ customContainerStyle: mode === "dark" ? { backgroundColor: theme.SURFACE_INVERTED } : {
7420
+ backgroundColor: theme.SURFACE_INVERTED
7417
7421
  }
7418
7422
  };
7419
7423
  }
7420
7424
  if (endDate) {
7421
7425
  markedDates[endDate] = {
7422
7426
  endingDay: true,
7423
- color: theme.SUCCESS.dark,
7424
- textColor: theme$1.CONTENT_INVERTED,
7425
- customContainerStyle: mode === "dark" ? { backgroundColor: theme$1.SURFACE_INVERTED } : {
7426
- backgroundColor: theme$1.SURFACE_INVERTED
7427
+ color: NAKHEEL_DEFAULT.NAKHEEL_BACKGROUND_SANDY,
7428
+ textColor: theme.SURFACE_STATIC,
7429
+ customContainerStyle: mode === "dark" ? { backgroundColor: theme.SURFACE_INVERTED } : {
7430
+ backgroundColor: theme.SURFACE_INVERTED
7427
7431
  }
7428
7432
  };
7429
7433
  markedDates[startDate] = {
7430
7434
  startingDay: true,
7431
- color: theme.SUCCESS.dark,
7432
- textColor: theme$1.CONTENT_INVERTED,
7433
- customContainerStyle: mode === "dark" ? { backgroundColor: theme$1.SURFACE_INVERTED } : {
7434
- backgroundColor: theme$1.SURFACE_INVERTED
7435
+ color: NAKHEEL_DEFAULT.NAKHEEL_BACKGROUND_SANDY,
7436
+ textColor: theme.SURFACE_STATIC,
7437
+ customContainerStyle: mode === "dark" ? { backgroundColor: theme.SURFACE_INVERTED } : {
7438
+ backgroundColor: theme.SURFACE_INVERTED
7435
7439
  }
7436
7440
  };
7437
7441
  }
@@ -7446,15 +7450,15 @@ const DateRangePicker = (props) => {
7446
7450
  markingType: "period",
7447
7451
  theme: {
7448
7452
  calendarBackground: "transparent",
7449
- arrowColor: theme$1.CONTENT_PRIMARY,
7450
- monthTextColor: theme$1.CONTENT_PRIMARY,
7451
- dayTextColor: theme$1.CONTENT_SECONDRY,
7452
- todayTextColor: theme$1.SUCCESS,
7453
- textDisabledColor: theme$1.CONTENT_DISABLE
7453
+ arrowColor: theme.CONTENT_PRIMARY,
7454
+ monthTextColor: theme.CONTENT_PRIMARY,
7455
+ dayTextColor: theme.CONTENT_SECONDRY,
7456
+ todayTextColor: NAKHEEL_DEFAULT.NAKHEEL_BACKGROUND_SANDY,
7457
+ textDisabledColor: theme.CONTENT_DISABLE
7454
7458
  },
7455
7459
  style: {
7456
- backgroundColor: theme$1.SURFACE_SECONDARY,
7457
- color: theme$1.CONTENT_SECONDRY,
7460
+ backgroundColor: theme.SURFACE_SECONDARY,
7461
+ color: theme.CONTENT_SECONDRY,
7458
7462
  borderRadius: 0
7459
7463
  },
7460
7464
  onDayPress,
@@ -7470,9 +7474,9 @@ const DateRangePicker = (props) => {
7470
7474
  },
7471
7475
  containerStyle: {
7472
7476
  ...styles$d.applyButton,
7473
- backgroundColor: theme$1.SURFACE_INVERTED
7477
+ backgroundColor: theme.SURFACE_INVERTED
7474
7478
  },
7475
- textStyle: { color: theme$1.CONTENT_INVERTED },
7479
+ textStyle: { color: theme.CONTENT_INVERTED },
7476
7480
  disabled: isButtonDisabled
7477
7481
  }
7478
7482
  ));
@@ -9514,5 +9518,5 @@ const RadioButtonGroup = ({
9514
9518
  )));
9515
9519
  };
9516
9520
 
9517
- 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 };
9521
+ 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 };
9518
9522
  //# sourceMappingURL=index.mjs.map