dhre-ui-kit 3.4.2 → 3.6.0

package/lib/components/bottomDrawer/BottomDrawer.interface.d.ts

@@ -22,6 +22,12 @@ export interface BottomDrawerProps {
     backdropOpacity?: number;
     propagateSwipe?: boolean;
     swipeDirection?: string;
+    /** Forwarded to react-native-modal. Defaults to true (today's behavior: content
+     * hosted in Android's native Dialog window). Set false to render inline in the
+     * normal view tree instead — required on Android to work around a known RN core
+     * bug (RN >=0.76, old architecture) where a ScrollView inside RN's native <Modal>
+     * loses scroll on initial mount: https://github.com/facebook/react-native/issues/48822 */
+    coverScreen?: boolean;
     footer?: React.ReactNode;
     rightTitleVariant?: string;
     rightTitle?: string;

package/lib/components/customDocumentPicker/CustomDocumentPicker.styles.d.ts

@@ -0,0 +1,30 @@
+declare const styles: {
+    container: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        paddingVertical: number;
+        paddingHorizontal: number;
+        borderWidth: number;
+        borderStyle: "dashed";
+        borderRadius: number;
+        marginBottom: number;
+    };
+    fileUploadContainerStyle: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        paddingVertical: number;
+        paddingHorizontal: number;
+        borderRadius: number;
+        marginBottom: number;
+    };
+    innerContainer: {
+        flexDirection: "row";
+        columnGap: number;
+    };
+    titleContainer: {
+        gap: number;
+    };
+};
+export default styles;

package/lib/components/textInput/Textinput.d.ts

@@ -21,6 +21,8 @@ interface CommonTextInputProps extends BaseTextInputProps {
     disableBorder?: boolean;
     /** Force RTL layout. When omitted, auto-detected from the label/value text. */
     forceRTL?: boolean;
+    /** Overrides the computed outline/border color (error/disabled/focused/filled logic). */
+    borderColor?: string;
 }
 declare const _default: (props: CommonTextInputProps) => React.JSX.Element;
 export default _default;

package/lib/index.js

@@ -1705,6 +1705,7 @@ const BottomDrawer = ({
   footer,
   propagateSwipe = true,
   swipeDirection = "down",
+  coverScreen = true,
   rightTitleVariant = FontStyle.BODY1_MEDIUM,
   rightTitle,
   rightTitleStyle,
@@ -1721,6 +1722,7 @@ const BottomDrawer = ({
       hasBackdrop: showBlurView,
       backdropOpacity,
       propagateSwipe,
+      coverScreen,
       style: { margin: 0 },
       hideModalContentWhileAnimating: true
     },
@@ -2011,7 +2013,7 @@ function buildPlainContainerStyle(variant, disabled, disabledColor, theme) {
   }
   if (variant === "quaternary") {
     return {
-      backgroundColor: "transparent",
+      backgroundColor: theme[Theme.BUTTON_INVRTED_FILL],
       borderWidth: 1,
       borderColor: disabled ? theme[Theme.BUTTON_QUATERNARY_DISABLED_STROKE] : theme[Theme.BUTTON_QUATERNARY_DEFAULT_STROKE]
     };
@@ -3811,7 +3813,7 @@ const CustomHeader = ({
     {
       variant: "BODY1_MEDIUM",
       text: title,
-      style: { color: titleColor ?? theme.CONTENT_PRIMARY["dark"] }
+      style: { color: titleColor ?? theme.CONTENT_PRIMARY }
     }
   ), titleSuffixIcon && React__default["default"].cloneElement(titleSuffixIcon, {
     width: ICON_SIZE,
@@ -11774,7 +11776,8 @@ const CommonTextInput = (props) => {
     onRightIconPress,
     onlyErrorBorderLabel,
     disableBorder = false,
-    forceRTL
+    forceRTL,
+    borderColor: borderColorOverride
   } = props;
   const [isFocused, setIsFocused] = React.useState(false);
   const handleFocus = () => setIsFocused(true);
@@ -11783,7 +11786,7 @@ const CommonTextInput = (props) => {
   const isDisabled = !editable;
   const isError = !!(errorMessage?.length || onlyErrorBorderLabel);
   const hasValue = !!value?.length;
-  const currentBorderColor = isError ? theme[Theme.ERROR] : isDisabled ? theme[Theme.STROKE_TERTIARY] : isFocused || hasValue && !disableBorder ? theme[Theme.STROKE_ACTIVE] : theme[Theme.STROKE_SECONDARY];
+  const currentBorderColor = borderColorOverride ?? (isError ? theme[Theme.ERROR] : isDisabled ? theme[Theme.STROKE_TERTIARY] : isFocused || hasValue && !disableBorder ? theme[Theme.STROKE_ACTIVE] : theme[Theme.STROKE_SECONDARY]);
   const borderWidth = isFocused && !isDisabled ? 2 : 1;
   const inputTextColor = isDisabled ? theme[Theme.CONTENT_TERTIARY] : theme[Theme.CONTENT_PRIMARY];
   const placeholderColor = theme[Theme.CONTENT_SECONDRY];