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 CHANGED
@@ -289,8 +289,8 @@ const theme = {
289
289
  dark: "#339ECF"
290
290
  },
291
291
  [Theme.ERROR]: {
292
- light: "#EB0542",
293
- dark: "#EB0542"
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 }, triggerElement);
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
- borderWidth: moderateScale(2),
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
- borderWidth: moderateScale(2),
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
- borderWidth: moderateScale(2),
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.SURFACE_TERTIARY,
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
  ));