dhre-ui-kit 3.5.0 → 3.6.0

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

@@ -2013,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]
     };
@@ -3813,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,
@@ -11776,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);
@@ -11785,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];