dhre-ui-kit 3.0.1 → 3.0.2

package/lib/components/accordion/Accordion.styles.d.ts

@@ -1,7 +1,6 @@
 declare const styles: {
     container: {
         paddingVertical: number;
-        borderBottomWidth: number;
     };
     header: {
         flexDirection: "row";

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

@@ -21,7 +21,6 @@ declare const styles: {
         height: number;
         width: number;
         alignSelf: "center";
-        backgroundColor: string;
         borderRadius: number;
     };
     headerContainer: {
@@ -32,14 +31,12 @@ declare const styles: {
     };
     title: {
         flex: number;
-        color: string;
         textAlign: "left";
     };
     leftIconStyle: {
         marginRight: number;
     };
     rightTitle: {
-        color: string;
         textAlign: "right";
         marginRight: number;
     };

package/lib/components/checkBox/CheckBox.interface.d.ts

@@ -1,4 +1,4 @@
-import { TextStyle, ViewStyle } from 'react-native';
+import { StyleProp, TextStyle, ViewStyle } from 'react-native';
 export interface CheckBoxProps {
     isChecked: boolean;
     onCheck?: (checked: boolean) => void;
@@ -8,11 +8,15 @@ export interface CheckBoxProps {
     testID?: string;
     /** Icon rendered when checkbox is checked and enabled (Selected / Default) */
     checkedIcon: React.ReactElement;
-    /** Icon rendered when checkbox is unchecked and enabled (Unselected / Default) */
-    uncheckedIcon: React.ReactElement;
+    /**
+     * Icon rendered when checkbox is unchecked and enabled (Unselected / Default).
+     * Optional — when omitted the container renders as an empty box (border only).
+     */
+    uncheckedIcon?: React.ReactElement;
     titleVariant?: string;
     titleStyle?: TextStyle;
     containerStyle?: ViewStyle;
+    checkboxStyle?: StyleProp<ViewStyle>;
     onPress?: () => void;
     hideCheckbox?: boolean;
     /**

package/lib/components/checkBox/CheckBox.styles.d.ts

@@ -7,6 +7,9 @@ declare const styles: {
     checkboxContainer: {
         alignItems: "center";
         justifyContent: "center";
+        borderRadius: number;
+        borderWidth: number;
+        overflow: "hidden";
     };
 };
 export default styles;

package/lib/components/customIcon/CustomIcon.styles.d.ts

@@ -1,3 +1,4 @@
+export { OUTLINED_GRADIENT_COLORS, OUTLINED_GRADIENT_START, OUTLINED_GRADIENT_END, OUTLINED_BORDER_WIDTH, } from '../../theme/gradients';
 import { FontStyle } from '../../utils/appEnum';
 import type { CustomIconSize } from './CustomIcon.interface';
 declare const styles: {
@@ -41,16 +42,6 @@ export declare const ICON_BLUR_TYPE_STYLE: {
         overflow: "hidden";
     };
 };
-export declare const OUTLINED_GRADIENT_COLORS: readonly [string, "#438CB1"];
-export declare const OUTLINED_GRADIENT_START: {
-    readonly x: 0;
-    readonly y: 0;
-};
-export declare const OUTLINED_GRADIENT_END: {
-    readonly x: 1;
-    readonly y: 1;
-};
-export declare const OUTLINED_BORDER_WIDTH = 1;
 export declare const OUTLINED_BUTTON_STYLES: {
     shell: {
         borderRadius: number;

package/lib/components/customSlideButton/custom-slide-button.interface.d.ts

@@ -12,6 +12,10 @@ export interface CustomSlideButtonProps {
     sliderBackgroundColor?: string;
     sliderTextColor?: string;
     resetTimer?: number;
+    /** When true, thumb starts on the right and the user drags leftward to complete (Arabic/RTL layout). Default: false. */
+    isRTL?: boolean;
+    /** Style applied to the container between onComplete and the auto-reset. Use to override the success-fill background. */
+    completedContainerStyle?: ViewStyle;
 }
 export type SlideButtonHandle = {
     reset?: () => void;

package/lib/components/customSlideButton/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { CustomSlideButtonProps, SlideButtonHandle } from './custom-slide-button.interface';
-declare const _default: (props: CustomSlideButtonProps & React.RefAttributes<SlideButtonHandle>) => React.JSX.Element;
+import { CustomSlideButtonProps } from './custom-slide-button.interface';
+declare const _default: React.FC<CustomSlideButtonProps>;
 export default _default;

package/lib/components/customSlideButton/styles.d.ts

@@ -4,8 +4,13 @@ declare const styles: {
         justifyContent: "center";
         alignItems: "center";
     };
+    gradientShell: {
+        borderRadius: number;
+        padding: number;
+    };
     sliderContainer: {
         height: number;
+        borderRadius: number;
         overflow: "hidden";
         justifyContent: "center";
     };
@@ -19,6 +24,7 @@ declare const styles: {
         height: number;
         justifyContent: "center";
         alignItems: "center";
+        borderRadius: number;
         margin: number;
     };
     buttonTextContainer: {

package/lib/components/radio-button-group/RadioButtonGroup.interface.d.ts

@@ -1,4 +1,5 @@
 import { ViewStyle } from "react-native";
+import { FontStyle } from "../../utils/appEnum";
 export type RadioButtonItem = {
     label: string;
     value: string;
@@ -10,4 +11,7 @@ export interface RadioButtonGroupProps {
     labelStyle?: ViewStyle;
     optionContainerStyle?: ViewStyle;
     selectedValue?: string;
+    size?: 'large' | 'small';
+    fontVariant?: FontStyle;
+    radioColor?: string;
 }

package/lib/components/radio-button-group/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { RadioButtonGroupProps } from './RadioButtonGroup.interface';
-declare const RadioButtonGroup: React.FC<RadioButtonGroupProps>;
-export default RadioButtonGroup;
+declare const _default: (props: RadioButtonGroupProps) => React.JSX.Element;
+export default _default;

package/lib/components/radio-button-group/styles.d.ts

@@ -1,11 +1,11 @@
-declare const styles: {
+export declare const createStyles: (themeColors: Record<string, string>, size: "large" | "small", radioColor?: string) => {
     container: {
         rowGap: number;
     };
     optionContainer: {
         flexDirection: "row";
         columnGap: number;
-        alignItems: "center";
+        alignItems: "flex-start";
     };
     radioButton: {
         width: number;
@@ -13,12 +13,20 @@ declare const styles: {
         borderRadius: number;
         borderWidth: number;
         borderColor: string;
+        justifyContent: "center";
+        alignItems: "center";
     };
     radioButtonSelected: {
+        borderWidth: number;
+        backgroundColor: string;
+    };
+    radioButtonInnerDot: {
+        width: number;
+        height: number;
+        borderRadius: number;
         backgroundColor: string;
     };
     label: {
         color: string;
     };
 };
-export default styles;

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

@@ -7,6 +7,7 @@ interface CommonTextInputProps extends BaseTextInputProps {
     placeholderText?: string;
     isSecureTextEntry?: boolean;
     inputStyle?: ViewStyle;
+    containerStyle?: ViewStyle;
     keyboardType?: 'default' | 'numeric' | 'email-address' | 'phone-pad';
     maxLength?: number;
     errorMessage?: string;