dhre-ui-kit 2.0.6 → 2.0.7

package/lib/index.d.ts

@@ -590,6 +590,7 @@ interface ScrollableListProps {
     activeTab?: string;
     errorStyle?: object;
     activeTextStyle?: TextStyle;
+    enableTextWrap?: boolean;
 }
 declare const _default$7: (props: ScrollableListProps) => React$1.JSX.Element;
 

package/lib/index.js

@@ -7630,7 +7630,8 @@ const ScrollableList = ({
   defaultItemTextColor = "CONTENT_SECONDRY",
   activeTab,
   errorStyle,
-  activeTextStyle
+  activeTextStyle,
+  enableTextWrap
 }) => {
   const [selectedItem, setSelectedItem] = React.useState(
     data && data.length > 0 ? data[0].name : null
@@ -7664,7 +7665,7 @@ const ScrollableList = ({
           handleSelectCategory(item.name, item.value);
         }
       },
-      /* @__PURE__ */ React__default["default"].createElement(
+      /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [enableTextWrap && styles.enableTextWrapStyle] }, /* @__PURE__ */ React__default["default"].createElement(
         CustomText$1,
         {
           text: item.name,
@@ -7672,7 +7673,7 @@ const ScrollableList = ({
           textColor: (activeTab ?? selectedItem) === item.name ? selectedItemTextColor : defaultItemTextColor,
           style: (activeTab ?? selectedItem) === item.name ? activeTextStyle ? activeTextStyle : {} : {}
         }
-      ),
+      )),
       item?.isError ? /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles.errorViewStyle, errorStyle] }, item?.errorText ? /* @__PURE__ */ React__default["default"].createElement(
         CustomText$1,
         {
@@ -7700,7 +7701,12 @@ const createStyles$2 = (theme) => {
       gap: 8,
       padding: 12,
       borderBottomWidth: 1,
-      borderBottomColor: theme[Theme.BORDER_SEPERATOR_HEADER]
+      borderBottomColor: theme[Theme.BORDER_SEPERATOR_HEADER],
+      flexShrink: 1
+    },
+    enableTextWrapStyle: {
+      flexShrink: 1,
+      flexGrow: 1
     },
     selectedItem: {
       borderBottomWidth: 2,
@@ -8003,10 +8009,27 @@ const CommonTextInput = (props) => {
       secureTextEntry: isSecureTextEntry,
       keyboardType,
       theme: {
+        ...reactNativePaper.MD3LightTheme,
         colors: {
+          ...reactNativePaper.MD3LightTheme.colors,
           onSurfaceVariant: currentBorderColor,
           error: errorMessage?.length || onlyErrorBorderLabel ? DHRE_DEFAULT.DH_SEMENTIC_ERROR : currentBorderColor,
           primary: errorMessage?.length || onlyErrorBorderLabel ? DHRE_DEFAULT.DH_SEMENTIC_ERROR : currentBorderColor
+        },
+        fonts: {
+          ...reactNativePaper.MD3LightTheme.fonts,
+          bodyLarge: {
+            ...reactNativePaper.MD3LightTheme.fonts.bodyLarge,
+            fontFamily: "Nakheel-TextRegular"
+          },
+          bodyMedium: {
+            ...reactNativePaper.MD3LightTheme.fonts.bodyMedium,
+            fontFamily: "Nakheel-TextRegular"
+          },
+          labelLarge: {
+            ...reactNativePaper.MD3LightTheme.fonts.labelLarge,
+            fontFamily: "Nakheel-TextRegular"
+          }
         }
       },
       style: [
@@ -8015,6 +8038,9 @@ const CommonTextInput = (props) => {
         multiline && styles$9.multilineInput
         // Apply multiline style if true
       ],
+      contentStyle: {
+        fontFamily: "Nakheel-TextRegular"
+      },
       maxLength,
       textColor,
       placeholder: placeholderText,
@@ -8174,7 +8200,7 @@ const CustomDropdown = (props) => {
       dropdownPosition: "bottom",
       renderItem,
       itemTextStyle,
-      containerStyle: menuContainerStyle,
+      containerStyle: [{ marginTop: verticalScale(5) }, menuContainerStyle],
       activeColor,
       itemContainerStyle: [styles$8.itemListStyle, itemContainerStyle],
       disable,
@@ -8417,7 +8443,7 @@ const createStyles = (theme) => {
       alignItems: "center",
       paddingVertical: 8,
       paddingHorizontal: 12,
-      borderRadius: 20,
+      borderRadius: 0,
       marginHorizontal: 8
     },
     selectedTagButton: {