dhre-ui-kit 2.0.23 → 3.0.1

package/lib/components/scrollList/category.styles.d.ts

@@ -0,0 +1,67 @@
+export declare const createStyles: (theme: Record<string, string>) => {
+    container: {
+        paddingVertical: number;
+    };
+    scrollViewContent: {
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    item: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        padding: number;
+        height: number;
+        borderBottomWidth: number;
+        borderBottomColor: string;
+        flexShrink: number;
+    };
+    selectedItem: {
+        borderBottomWidth: number;
+        borderBottomColor: string;
+    };
+    textContainer: {
+        minHeight: number;
+    };
+    enableTextWrapStyle: {
+        flexShrink: number;
+        flexGrow: number;
+    };
+    iconContainer: {
+        width: number;
+        height: number;
+        flexShrink: number;
+        overflow: "hidden";
+    };
+    badgeDot: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+        flexShrink: number;
+    };
+    badgeNumber: {
+        minWidth: number;
+        height: number;
+        paddingHorizontal: number;
+        borderRadius: number;
+        backgroundColor: string;
+        flexShrink: number;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    badgeNumberText: {
+        textAlign: "center";
+        alignSelf: "stretch";
+    };
+    errorViewStyle: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+    };
+    errorTextStyle: {
+        justifyContent: "center";
+        alignSelf: "center";
+    };
+};

package/lib/components/singleSelectionTag/TagSingleSelection.d.ts

@@ -1,49 +1,4 @@
-import React from "react";
-import { ViewStyle } from "react-native";
-interface Tag {
-    value: string;
-    name: string;
-}
-interface TagsComponentProps {
-    tagList: Tag[];
-    selectedTag: string;
-    setSelectedTag: (val: string) => void;
-    handleTagPress?: (val: string) => void | undefined;
-    selectedTagButton?: ViewStyle;
-    unselectedTagButton?: ViewStyle;
-}
-export declare const createStyles: (theme: any) => {
-    listContainer: {
-        paddingHorizontal: number;
-        alignItems: "center";
-    };
-    tagButton: {
-        flexDirection: "row";
-        alignItems: "center";
-        paddingVertical: number;
-        paddingHorizontal: number;
-        borderRadius: number;
-        marginHorizontal: number;
-    };
-    selectedTagButton: {
-        backgroundColor: any;
-        borderColor: any;
-        borderWidth: number;
-    };
-    unselectedTagButton: {
-        backgroundColor: string;
-        borderColor: any;
-        borderWidth: number;
-    };
-    closeButton: {
-        marginLeft: number;
-        color: any;
-        alignSelf: "center";
-    };
-    circleViewAlignment: {
-        justifyContent: "center";
-        alignItems: "center";
-    };
-};
+import React from 'react';
+import { TagsComponentProps } from './TagSingleSelection.interface';
 declare const _default: (props: TagsComponentProps) => React.JSX.Element;
 export default _default;

package/lib/components/singleSelectionTag/TagSingleSelection.interface.d.ts

@@ -0,0 +1,13 @@
+import { ViewStyle } from 'react-native';
+export interface Tag {
+    value: string;
+    name: string;
+}
+export interface TagsComponentProps {
+    tagList: Tag[];
+    selectedTag: string;
+    setSelectedTag: (val: string) => void;
+    handleTagPress?: (val: string) => void | undefined;
+    selectedTagButton?: ViewStyle;
+    unselectedTagButton?: ViewStyle;
+}

package/lib/components/singleSelectionTag/TagSingleSelection.styles.d.ts

@@ -0,0 +1,33 @@
+export declare const createStyles: (theme: any) => {
+    listContainer: {
+        paddingHorizontal: number;
+        alignItems: "center";
+    };
+    tagButton: {
+        flexDirection: "row";
+        alignItems: "center";
+        paddingVertical: number;
+        paddingHorizontal: number;
+        borderRadius: number;
+        marginHorizontal: number;
+    };
+    selectedTagButton: {
+        backgroundColor: any;
+        borderColor: any;
+        borderWidth: number;
+    };
+    unselectedTagButton: {
+        backgroundColor: any;
+        borderColor: any;
+        borderWidth: number;
+    };
+    closeButton: {
+        marginLeft: number;
+        color: any;
+        alignSelf: "center";
+    };
+    circleViewAlignment: {
+        justifyContent: "center";
+        alignItems: "center";
+    };
+};

package/lib/components/tabs/Tabs.styles.d.ts

@@ -6,7 +6,7 @@ declare const _default: {
     };
     button: {
         minWidth: number;
-        minHeight: number;
+        height: number;
         paddingVertical: number;
         paddingHorizontal: number;
         borderRadius: number;

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

@@ -6,22 +6,20 @@ interface CommonTextInputProps extends BaseTextInputProps {
     value?: string;
     placeholderText?: string;
     isSecureTextEntry?: boolean;
-    activeBorderColor?: string;
-    inactiveBorderColor?: string;
-    borderRadius?: number;
     inputStyle?: ViewStyle;
     keyboardType?: 'default' | 'numeric' | 'email-address' | 'phone-pad';
     maxLength?: number;
     errorMessage?: string;
+    helperText?: string;
     editable?: boolean;
-    textColor?: string;
-    labelColor?: string;
     pointerEvents?: 'box-none' | 'none' | 'box-only' | 'auto' | undefined;
     handlePress?: () => void;
     rightIcon?: () => React.ReactElement;
     onRightIconPress?: () => void;
     onlyErrorBorderLabel?: boolean;
     disableBorder?: boolean;
+    /** Force RTL layout. When omitted, auto-detected from the label/value text. */
+    forceRTL?: boolean;
 }
-declare const CommonTextInput: (props: CommonTextInputProps) => React.JSX.Element;
-export default CommonTextInput;
+declare const _default: (props: CommonTextInputProps) => React.JSX.Element;
+export default _default;

package/lib/components/toast/Toast.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ToastRef, ToastProps } from './Toast.interface';
-declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<ToastRef>>;
-export default Toast;
+declare const ToastWithProvider: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<ToastRef>>;
+export default ToastWithProvider;

package/lib/components/toast/Toast.styles.d.ts

@@ -6,50 +6,54 @@ declare const styles: {
         top: number;
         borderRadius: number;
         overflow: "hidden";
+        minHeight: number;
+        height: number;
     };
     toastContainer: {
+        paddingVertical: number;
         flex: number;
         alignItems: "center";
         justifyContent: "center";
     };
     innerContainer: {
         flexDirection: "row";
-        alignItems: "center";
+        alignItems: "flex-start";
         paddingHorizontal: number;
+        gap: number;
     };
-    icon: {
-        marginRight: number;
+    icon: {};
+    textContainer: {
+        flex: number;
+        flexDirection: "column";
+        gap: number;
+        alignItems: "flex-start";
+        justifyContent: "center";
     };
     messageText: {
         flex: number;
-        color: string;
         textAlign: "left";
-        marginLeft: number;
-    };
-    button: {
-        marginLeft: number;
     };
+    button: {};
     buttonText: {
-        textDecorationLine: "underline";
         color: string;
     };
     subContainer: {
-        paddingHorizontal: number;
-        marginTop: number;
         alignSelf: "flex-start";
         alignItems: "flex-start";
     };
     subButtonText: {
-        textDecorationLine: "underline";
-        color: string;
-        textDecorationColor: string;
         alignSelf: "flex-start";
         textAlign: "left";
     };
     subButton: {
-        marginLeft: number;
         alignSelf: "flex-start";
         alignItems: "flex-start";
     };
+    progressBar: {
+        position: "absolute";
+        bottom: number;
+        left: number;
+        height: number;
+    };
 };
 export default styles;

package/lib/index.d.ts

@@ -1,5 +1,9 @@
 export { default as CustomText } from './components/customText';
 export { default as Badge } from './components/badge';
+export { default as Chip } from './components/chip';
+export type { ChipProps, ChipSize, ChipStatus } from './components/chip';
+export { default as Background } from './components/background';
+export * from './components/background/Background.interface';
 export { default as BottomDrawer } from './components/bottomDrawer';
 export { default as Button } from './components/button';
 export { default as Cards } from './components/cards';
@@ -24,6 +28,8 @@ export { default as SwipableList } from './components/swipableList';
 export { default as CustomTypography } from './components/customTypography';
 export { default as CustomIcon } from './components/customIcon';
 export { default as CustomLoader } from './components/customLoader';
+export { default as Loader } from './components/loader';
+export type { LoaderProps } from './components/loader';
 export { default as AnimationLoitte } from './components/loitte';
 export { default as Line } from './components/horizontalLine';
 export { default as Topic } from './components/topic';
@@ -39,7 +45,6 @@ export { default as DropDown } from './components/dropDown';
 export { default as CustomSwitchBtn } from './components/customSwitchBtn';
 export { default as toastService } from './components/toast/ToastService';
 export { default as SingleSelectionTags } from './components/singleSelectionTag';
-export { default as CustomDocumentPicker } from './components/customDocumentPicker';
 export { default as OTPInput } from './components/otp';
 export { default as Stepper } from './components/stepper';
 export { FONT_STYLES } from './theme/fonts';
@@ -50,6 +55,13 @@ export type { ToastRef } from './components/toast/Toast.interface';
 export { default } from './theme/themes';
 export * from './utils/appEnum';
 export * from './theme/colors';
+export * from './theme/spacing';
+export * from './theme/sizing';
+export * from './theme/padding';
+export * from './theme/stroke';
+export * from './theme/borderRadius';
+export { default as Avatar } from './components/avatar';
+export * from './components/avatar/Avatar.interface';
 export { default as AppointmentCard } from './components/appointment-card';
 export { default as PropertyDetails } from './components/property-details';
 export { default as RadioButtonGroup } from './components/radio-button-group';