zebpay-ui 0.0.64 → 0.0.66

package/dist/cjs/components/Button/typings.d.ts

@@ -10,4 +10,5 @@ export interface ButtonProps {
     loading?: boolean;
     style?: Interpolation<Theme>;
     typeAttribute?: ButtonTypeAttribute;
+    dataTestId?: string;
 }

package/dist/cjs/components/InputDropDown/styles.d.ts

@@ -2,13 +2,13 @@ export declare const wrapper: import("@emotion/utils").SerializedStyles;
 export declare const selectOverlay: import("@emotion/utils").SerializedStyles;
 export declare const icon: import("@emotion/utils").SerializedStyles;
 export declare const input: import("@emotion/utils").SerializedStyles;
-export declare const selectedElement: import("@emotion/utils").SerializedStyles;
+export declare const selectedElement: (open: boolean) => import("@emotion/utils").SerializedStyles;
 export declare const options: import("@emotion/utils").SerializedStyles;
 export declare const optionItem: import("@emotion/utils").SerializedStyles;
 export declare const optionsWrapper: import("@emotion/utils").SerializedStyles;
 export declare const displayComponent: (highlight: boolean) => import("@emotion/utils").SerializedStyles;
 export declare const main: (isOpen: boolean) => import("@emotion/utils").SerializedStyles;
 export declare const dropDown: import("@emotion/utils").SerializedStyles;
-export declare const optionsList: import("@emotion/utils").SerializedStyles;
+export declare const optionsList: (isSearchable?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
 export declare const inputSearch: import("@emotion/utils").SerializedStyles;
 export declare const dropdown: import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/InputDropDown/typings.d.ts

@@ -22,4 +22,5 @@ export interface InputDropDownProps<T> {
     rowHeight: number;
     maxRows: number;
     optionStyle?: SerializedStyles;
+    onDropdownClick?: (value: boolean) => void;
 }

package/dist/cjs/components/Radio/styles.d.ts

@@ -1,3 +1,4 @@
+import { Theme } from "../../globalTypings";
 export declare const container: import("@emotion/utils").SerializedStyles;
 export declare const input: import("@emotion/utils").SerializedStyles;
-export declare const checkmark: import("@emotion/utils").SerializedStyles;
+export declare const checkmark: (theme: Theme, selected: boolean) => import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/Radio/typings.d.ts

@@ -1,5 +1,6 @@
 import { SerializedStyles } from "@emotion/react";
 import { ReactText } from "react";
+import { Theme } from "../../globalTypings";
 export interface RadioProps {
     selected: boolean;
     onChange: (args: {
@@ -10,4 +11,6 @@ export interface RadioProps {
     label?: string | JSX.Element;
     name: string;
     style?: SerializedStyles;
+    mode?: Theme;
+    checkmarkStyle?: SerializedStyles;
 }

package/dist/cjs/components/SearchInput/index.d.ts

@@ -3,6 +3,7 @@ import React from "react";
 import { SerializedStyles } from "@emotion/react";
 import { InputTargetProps } from "./../Input/typings";
 import "./../../../dist/icons/icons.css";
+import { Theme } from "../../globalTypings";
 interface SearchInputProps {
     value: React.ReactText;
     placeholder?: string;
@@ -11,6 +12,8 @@ interface SearchInputProps {
     autoFocus?: boolean;
     disableShadow?: boolean;
     style?: SerializedStyles;
+    isMobile?: boolean;
+    mode?: Theme;
 }
 declare const SearchInput: React.FC<SearchInputProps>;
 export default SearchInput;

package/dist/cjs/components/SearchInput/style.d.ts

@@ -1,6 +1,8 @@
-export declare const inputGroup: (inFocus?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
-export declare const inputPrepend: import("@emotion/utils").SerializedStyles;
-export declare const focused: import("@emotion/utils").SerializedStyles;
-export declare const searchInput: (onClear?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
-export declare const searchButton: import("@emotion/utils").SerializedStyles;
+import { Theme } from "../../globalTypings";
+export declare const inputGroup: (theme: Theme, inFocus?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
+export declare const inputPrepend: (theme: Theme, isFocused: boolean) => import("@emotion/utils").SerializedStyles;
+export declare const focused: (theme: Theme) => import("@emotion/utils").SerializedStyles;
+export declare const searchInput: (isMobile: boolean, theme: Theme, isFocused: boolean, onClear?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
+export declare const searchButton: (theme: Theme) => import("@emotion/utils").SerializedStyles;
 export declare const disableShadow: import("@emotion/utils").SerializedStyles;
+export declare const icon: (theme: Theme) => import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/Shimmer/style.d.ts

@@ -1,6 +1,7 @@
 import { Theme } from "../../globalTypings";
-export declare const shimmerAnimation: (width: number) => import("@emotion/react").Keyframes;
-export declare const shimmerContainer: (theme: Theme, width: number) => import("@emotion/utils").SerializedStyles;
+import { SizeType } from "./typings";
+export declare const shimmerAnimation: (width: number, widthSizeType: SizeType) => import("@emotion/react").Keyframes;
+export declare const shimmerContainer: (theme: Theme, width: number, widthSizeType: SizeType) => import("@emotion/utils").SerializedStyles;
 export declare const lightDarkShimmer: import("@emotion/utils").SerializedStyles;
 export declare const translate: (width: number) => import("@emotion/react").Keyframes;
 export declare const shimmerLine: (width: number) => import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/Shimmer/typings.d.ts

@@ -5,7 +5,8 @@ export interface ShimmerProps {
     width: number;
     style?: SerializedStyles;
     mode?: Theme;
-    sizeType?: SizeType;
+    widthSizeType?: SizeType;
+    heightSizeType?: SizeType;
     typeLightdDark?: boolean;
 }
 export declare type SizeType = "px" | "%";

package/dist/cjs/components/Virtualize/index.d.ts

@@ -9,6 +9,8 @@ interface VirtualizeProps {
     onSelected: (value: string) => void;
     emptyElement: React.ReactNode;
     optionStyle?: SerializedStyles;
+    selectedRowId?: string;
+    onScroll?: (value: number) => void;
 }
 declare const Virtualize: React.FC<VirtualizeProps>;
 export default Virtualize;

package/dist/cjs/components/Virtualize/styles.d.ts

@@ -1,5 +1,5 @@
 export declare const item: (rowHeight: number, index: number) => import("@emotion/utils").SerializedStyles;
 export declare const body: (height: number, rowCount: number) => import("@emotion/utils").SerializedStyles;
-export declare const table: (tableHeight: number, isEmpty?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
+export declare const table: (tableHeight: number, isEmpty?: boolean | undefined, atTop?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
 export declare const emptyContainer: import("@emotion/utils").SerializedStyles;
 export declare const option: import("@emotion/utils").SerializedStyles;