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.d.ts +5 -1
- package/lib/index.js +28 -23
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +28 -24
- package/lib/index.mjs.map +1 -1
- package/package.json +1 -1
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
|
|
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:
|
|
7407
|
-
textColor:
|
|
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
|
|
7415
|
-
customContainerStyle: mode === "dark" ? { backgroundColor: theme
|
|
7416
|
-
backgroundColor: theme
|
|
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:
|
|
7424
|
-
textColor: theme
|
|
7425
|
-
customContainerStyle: mode === "dark" ? { backgroundColor: theme
|
|
7426
|
-
backgroundColor: theme
|
|
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:
|
|
7432
|
-
textColor: theme
|
|
7433
|
-
customContainerStyle: mode === "dark" ? { backgroundColor: theme
|
|
7434
|
-
backgroundColor: theme
|
|
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
|
|
7450
|
-
monthTextColor: theme
|
|
7451
|
-
dayTextColor: theme
|
|
7452
|
-
todayTextColor:
|
|
7453
|
-
textDisabledColor: theme
|
|
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
|
|
7457
|
-
color: theme
|
|
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
|
|
7477
|
+
backgroundColor: theme.SURFACE_INVERTED
|
|
7474
7478
|
},
|
|
7475
|
-
textStyle: { color: theme
|
|
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
|