dhre-ui-kit 2.0.2 → 2.0.4
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.js +34 -33
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +34 -33
- package/lib/index.mjs.map +1 -1
- package/package.json +1 -1
package/lib/index.js
CHANGED
|
@@ -289,8 +289,8 @@ const theme = {
|
|
|
289
289
|
dark: "#339ECF"
|
|
290
290
|
},
|
|
291
291
|
[Theme.ERROR]: {
|
|
292
|
-
light: "#
|
|
293
|
-
dark: "#
|
|
292
|
+
light: "#E8594F",
|
|
293
|
+
dark: "#E8594F"
|
|
294
294
|
},
|
|
295
295
|
[Theme.TRANSPARENT_INVERTED]: {
|
|
296
296
|
light: "#68686833",
|
|
@@ -5350,6 +5350,7 @@ const CustomButton = ({
|
|
|
5350
5350
|
style: [
|
|
5351
5351
|
styles$y.buttonContainer,
|
|
5352
5352
|
containerStyle,
|
|
5353
|
+
{ borderRadius: 0 },
|
|
5353
5354
|
isLoading && {
|
|
5354
5355
|
paddingVertical: verticalScale(22)
|
|
5355
5356
|
},
|
|
@@ -5843,8 +5844,10 @@ const CustomTextInput = ({
|
|
|
5843
5844
|
};
|
|
5844
5845
|
|
|
5845
5846
|
const CustomTooltip = (props) => {
|
|
5846
|
-
const { triggerElement } = props;
|
|
5847
|
-
return /* @__PURE__ */ React__default["default"].createElement(Tooltip__default["default"], { ...props
|
|
5847
|
+
const { triggerElement, contentStyle } = props;
|
|
5848
|
+
return /* @__PURE__ */ React__default["default"].createElement(Tooltip__default["default"], { ...props, contentStyle: [contentStyle, {
|
|
5849
|
+
borderRadius: 0
|
|
5850
|
+
}] }, triggerElement);
|
|
5848
5851
|
};
|
|
5849
5852
|
|
|
5850
5853
|
const styles$t = reactNative.StyleSheet.create({
|
|
@@ -6538,11 +6541,12 @@ const Accordion = ({
|
|
|
6538
6541
|
return /* @__PURE__ */ React__default["default"].createElement(
|
|
6539
6542
|
reactNative.View,
|
|
6540
6543
|
{
|
|
6541
|
-
style: {
|
|
6544
|
+
style: [{
|
|
6542
6545
|
...styles$m.container,
|
|
6543
6546
|
borderBottomColor: theme.BORDER_SEPRATOR,
|
|
6544
|
-
...containerStyle
|
|
6545
|
-
|
|
6547
|
+
...containerStyle,
|
|
6548
|
+
borderRadius: 0
|
|
6549
|
+
}],
|
|
6546
6550
|
testID: testId
|
|
6547
6551
|
},
|
|
6548
6552
|
/* @__PURE__ */ React__default["default"].createElement(
|
|
@@ -7412,7 +7416,7 @@ const DateRangePicker = (props) => {
|
|
|
7412
7416
|
startDate: "",
|
|
7413
7417
|
endDate: ""
|
|
7414
7418
|
});
|
|
7415
|
-
const { theme, mode } = useTheme();
|
|
7419
|
+
const { theme: theme$1, mode } = useTheme();
|
|
7416
7420
|
const onDayPress = (day) => {
|
|
7417
7421
|
const { dateString } = day;
|
|
7418
7422
|
const { startDate, endDate } = selectedRange;
|
|
@@ -7435,38 +7439,35 @@ const DateRangePicker = (props) => {
|
|
|
7435
7439
|
while (start < end) {
|
|
7436
7440
|
start.setDate(start.getDate() + 1);
|
|
7437
7441
|
markedDates[start.toISOString().split("T")[0]] = {
|
|
7438
|
-
color: theme.SUCCESS,
|
|
7439
|
-
textColor: theme.CONTENT_INVERTED
|
|
7442
|
+
color: theme.SUCCESS.dark,
|
|
7443
|
+
textColor: theme$1.CONTENT_INVERTED
|
|
7440
7444
|
};
|
|
7441
7445
|
}
|
|
7442
7446
|
}
|
|
7443
7447
|
if (startDate) {
|
|
7444
7448
|
markedDates[startDate] = {
|
|
7445
7449
|
startingDay: true,
|
|
7446
|
-
textColor: theme.CONTENT_INVERTED,
|
|
7447
|
-
customContainerStyle: mode === "dark" ? { backgroundColor: theme.SURFACE_INVERTED } : {
|
|
7448
|
-
|
|
7449
|
-
borderColor: theme.SURFACE_PRIMARY
|
|
7450
|
+
textColor: theme$1.CONTENT_INVERTED,
|
|
7451
|
+
customContainerStyle: mode === "dark" ? { backgroundColor: theme$1.SURFACE_INVERTED } : {
|
|
7452
|
+
backgroundColor: theme$1.SURFACE_INVERTED
|
|
7450
7453
|
}
|
|
7451
7454
|
};
|
|
7452
7455
|
}
|
|
7453
7456
|
if (endDate) {
|
|
7454
7457
|
markedDates[endDate] = {
|
|
7455
7458
|
endingDay: true,
|
|
7456
|
-
color: theme.SUCCESS,
|
|
7457
|
-
textColor: theme.CONTENT_INVERTED,
|
|
7458
|
-
customContainerStyle: mode === "dark" ? { backgroundColor: theme.SURFACE_INVERTED } : {
|
|
7459
|
-
|
|
7460
|
-
borderColor: theme.SURFACE_PRIMARY
|
|
7459
|
+
color: theme.SUCCESS.dark,
|
|
7460
|
+
textColor: theme$1.CONTENT_INVERTED,
|
|
7461
|
+
customContainerStyle: mode === "dark" ? { backgroundColor: theme$1.SURFACE_INVERTED } : {
|
|
7462
|
+
backgroundColor: theme$1.SURFACE_INVERTED
|
|
7461
7463
|
}
|
|
7462
7464
|
};
|
|
7463
7465
|
markedDates[startDate] = {
|
|
7464
7466
|
startingDay: true,
|
|
7465
|
-
color: theme.SUCCESS,
|
|
7466
|
-
textColor: theme.CONTENT_INVERTED,
|
|
7467
|
-
customContainerStyle: mode === "dark" ? { backgroundColor: theme.SURFACE_INVERTED } : {
|
|
7468
|
-
|
|
7469
|
-
borderColor: theme.SURFACE_PRIMARY
|
|
7467
|
+
color: theme.SUCCESS.dark,
|
|
7468
|
+
textColor: theme$1.CONTENT_INVERTED,
|
|
7469
|
+
customContainerStyle: mode === "dark" ? { backgroundColor: theme$1.SURFACE_INVERTED } : {
|
|
7470
|
+
backgroundColor: theme$1.SURFACE_INVERTED
|
|
7470
7471
|
}
|
|
7471
7472
|
};
|
|
7472
7473
|
}
|
|
@@ -7481,15 +7482,15 @@ const DateRangePicker = (props) => {
|
|
|
7481
7482
|
markingType: "period",
|
|
7482
7483
|
theme: {
|
|
7483
7484
|
calendarBackground: "transparent",
|
|
7484
|
-
arrowColor: theme.CONTENT_PRIMARY,
|
|
7485
|
-
monthTextColor: theme.CONTENT_PRIMARY,
|
|
7486
|
-
dayTextColor: theme.CONTENT_SECONDRY,
|
|
7487
|
-
todayTextColor: theme.SUCCESS,
|
|
7488
|
-
textDisabledColor: theme.CONTENT_DISABLE
|
|
7485
|
+
arrowColor: theme$1.CONTENT_PRIMARY,
|
|
7486
|
+
monthTextColor: theme$1.CONTENT_PRIMARY,
|
|
7487
|
+
dayTextColor: theme$1.CONTENT_SECONDRY,
|
|
7488
|
+
todayTextColor: theme$1.SUCCESS,
|
|
7489
|
+
textDisabledColor: theme$1.CONTENT_DISABLE
|
|
7489
7490
|
},
|
|
7490
7491
|
style: {
|
|
7491
|
-
backgroundColor: theme.
|
|
7492
|
-
color: theme.CONTENT_SECONDRY,
|
|
7492
|
+
backgroundColor: theme$1.SURFACE_SECONDARY,
|
|
7493
|
+
color: theme$1.CONTENT_SECONDRY,
|
|
7493
7494
|
borderRadius: 0
|
|
7494
7495
|
},
|
|
7495
7496
|
onDayPress,
|
|
@@ -7505,9 +7506,9 @@ const DateRangePicker = (props) => {
|
|
|
7505
7506
|
},
|
|
7506
7507
|
containerStyle: {
|
|
7507
7508
|
...styles$d.applyButton,
|
|
7508
|
-
backgroundColor: theme.SURFACE_INVERTED
|
|
7509
|
+
backgroundColor: theme$1.SURFACE_INVERTED
|
|
7509
7510
|
},
|
|
7510
|
-
textStyle: { color: theme.CONTENT_INVERTED },
|
|
7511
|
+
textStyle: { color: theme$1.CONTENT_INVERTED },
|
|
7511
7512
|
disabled: isButtonDisabled
|
|
7512
7513
|
}
|
|
7513
7514
|
));
|