dhre-ui-kit 0.0.136 → 0.0.137

package/lib/index.mjs

@@ -1,6 +1,6 @@
 import React, { createContext, useContext, useState, useEffect, useRef, memo, useCallback } from 'react';
 import { useSelector } from 'react-redux';
-import { Dimensions, Text, StyleSheet, Pressable, View, Modal, KeyboardAvoidingView, Platform, TextInput, ScrollView, Animated, FlatList, ActivityIndicator, TouchableOpacity, Alert, Linking, PanResponder } from 'react-native';
+import { Dimensions, StyleSheet, Text, Pressable, View, Modal, KeyboardAvoidingView, Platform, TextInput, ScrollView, Animated, FlatList, ActivityIndicator, TouchableOpacity, Alert, Linking, PanResponder } from 'react-native';
 import { PanGestureHandler, GestureHandlerRootView, Swipeable } from 'react-native-gesture-handler';
 import { BlurView } from '@react-native-community/blur';
 import Tooltip from 'rn-tooltip';
@@ -324,8 +324,19 @@ const CustomTypography = ({
   ...props
 }) => {
   const textStyle = FONT_STYLES[variant];
-  return /* @__PURE__ */ React.createElement(Text, { testID, style: [textStyle, style], ...props }, text);
+  return /* @__PURE__ */ React.createElement(
+    Text,
+    {
+      testID,
+      style: [textStyle, styles$F.container, style],
+      ...props
+    },
+    text
+  );
 };
+const styles$F = StyleSheet.create({
+  container: { writingDirection: "auto", alignSelf: "flex-start" }
+});
 
 const CustomText = ({
   text,
@@ -2694,7 +2705,7 @@ const styles$f = StyleSheet.create({
 });
 
 const DateRangePicker = (props) => {
-  const { onButtonPress } = props;
+  const { onButtonPress, btnTitle = "Apply" } = props;
   const [selectedRange, setSelectedRange] = useState({
     startDate: "",
     endDate: ""
@@ -2767,7 +2778,7 @@ const DateRangePicker = (props) => {
   ), /* @__PURE__ */ React.createElement(
     CustomButton$1,
     {
-      title: "Apply",
+      title: btnTitle,
       onPress: () => {
         onButtonPress(selectedRange?.startDate, selectedRange?.endDate);
       },
@@ -2775,7 +2786,7 @@ const DateRangePicker = (props) => {
         ...styles$f.applyButton,
         backgroundColor: theme.SURFACE_INVERTED
       },
-      textStyle: { color: theme.CONTENT_PRIMARY },
+      textStyle: { color: theme.CONTENT_INVERTED },
       disabled: isButtonDisabled
     }
   ));