zebpay-ui 0.0.82 → 0.0.84

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

@@ -14,4 +14,5 @@ export interface DateRangePickerProps {
         end?: number;
     };
     selectedDate?: Date | Date[];
+    onClose?: () => void;
 }

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

@@ -1,8 +1,8 @@
 export declare const checkboxContainer: import("@emotion/utils").SerializedStyles;
-export declare const labelContainer: import("@emotion/utils").SerializedStyles;
+export declare const labelContainer: (isLight: boolean) => import("@emotion/utils").SerializedStyles;
 export declare const disabledLabel: import("@emotion/utils").SerializedStyles;
 export declare const input: import("@emotion/utils").SerializedStyles;
-export declare const checkCheckmark: (indeterminate?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
+export declare const checkCheckmark: (isLight: boolean, indeterminate?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
 export declare const checkLabel: import("@emotion/utils").SerializedStyles;
 export declare const checkComponent: import("@emotion/utils").SerializedStyles;
-export declare const checkmark: (indeterminate?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
+export declare const checkmark: (isLight: boolean, indeterminate?: boolean | undefined) => import("@emotion/utils").SerializedStyles;

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

@@ -1,5 +1,6 @@
 import { SerializedStyles } from "@emotion/react";
 import { ReactText } from "react";
+import { Mode } from "../Tags";
 export interface CheckboxProps {
     value: ReactText;
     checked: boolean;
@@ -11,4 +12,5 @@ export interface CheckboxProps {
     disabled?: boolean;
     style?: SerializedStyles;
     indeterminate?: boolean;
+    mode?: Mode;
 }

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

@@ -1,14 +1,14 @@
 export declare const wrapper: import("@emotion/utils").SerializedStyles;
 export declare const selectOverlay: import("@emotion/utils").SerializedStyles;
-export declare const icon: (disabled?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
+export declare const icon: (isLightMode: boolean, disabled?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
 export declare const input: import("@emotion/utils").SerializedStyles;
-export declare const selectedElement: (open: boolean, disabled?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
+export declare const selectedElement: (open: boolean, isLightMode: boolean, disabled?: boolean | undefined) => 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, disabled?: boolean | undefined, isError?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
-export declare const dropDown: import("@emotion/utils").SerializedStyles;
+export declare const displayComponent: (highlight: boolean, isLightMode: boolean, disabled: boolean) => import("@emotion/utils").SerializedStyles;
+export declare const main: (isOpen: boolean, isLightMode: boolean, disabled?: boolean | undefined, isError?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
+export declare const dropDown: (isLight: boolean) => 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: (posX: number, posY: number) => import("@emotion/utils").SerializedStyles;

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

@@ -1,5 +1,6 @@
 import { SerializedStyles } from "@emotion/react";
 import React from "react";
+import { Theme } from "../../globalTypings";
 export interface OptionsProps<T> {
     label: JSX.Element | string;
     displayLabel?: JSX.Element | string;
@@ -36,4 +37,5 @@ export interface InputDropDownProps<T> {
     closeOnSearch?: boolean;
     closeOnCrossClick?: boolean;
     hideDropdown?: boolean;
+    mode?: Theme;
 }

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

@@ -0,0 +1,11 @@
+/** @jsxImportSource @emotion/react */
+import { SerializedStyles } from "@emotion/react";
+import React from "react";
+interface MobileBottomDrawerProps {
+    onClose: () => void;
+    children: React.ReactNode;
+    style?: SerializedStyles[];
+    overlayStyle?: SerializedStyles;
+}
+declare const MobileBottomDrawer: React.FC<MobileBottomDrawerProps>;
+export default MobileBottomDrawer;

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

@@ -0,0 +1,3 @@
+export declare const bottomDrawer: import("@emotion/utils").SerializedStyles;
+export declare const backdrop: import("@emotion/utils").SerializedStyles;
+export declare const dragHandle: import("@emotion/utils").SerializedStyles;

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

@@ -0,0 +1,12 @@
+/** @jsxImportSource @emotion/react */
+import "react-calendar/dist/Calendar.css";
+import React from "react";
+import "./../../../dist/icons/icons.css";
+import { DateRangePickerProps } from "../CalendarPicker/typings";
+export declare const unixFormat: (date: Date) => number;
+export declare const dateFormat: (date: number) => Date;
+export interface MobileDateRangePick extends DateRangePickerProps {
+    clickInfo?: "start" | "end";
+}
+declare const MobileCalendarPicker: React.FC<MobileDateRangePick>;
+export default MobileCalendarPicker;

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

@@ -0,0 +1,6 @@
+export declare const alignNav: import("@emotion/utils").SerializedStyles;
+export declare const monthArrow: import("@emotion/utils").SerializedStyles;
+export declare const navigationLabel: import("@emotion/utils").SerializedStyles;
+export declare const dateRangePicker: import("@emotion/utils").SerializedStyles;
+export declare const lineBreak: import("@emotion/utils").SerializedStyles;
+export declare const heading: import("@emotion/utils").SerializedStyles;

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

@@ -5,6 +5,8 @@ export declare const tertiaryNav: import("@emotion/utils").SerializedStyles;
 export declare const primaryNav: import("@emotion/utils").SerializedStyles;
 export declare const primary: import("@emotion/utils").SerializedStyles;
 export declare const primaryActive: import("@emotion/utils").SerializedStyles;
+export declare const primaryLight: import("@emotion/utils").SerializedStyles;
+export declare const primaryLightActive: import("@emotion/utils").SerializedStyles;
 export declare const secondary: (theme: Theme) => import("@emotion/utils").SerializedStyles;
 export declare const secondaryActive: (theme: Theme) => import("@emotion/utils").SerializedStyles;
 export declare const tertiary: import("@emotion/utils").SerializedStyles;

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

@@ -3,6 +3,7 @@ import { SerializedStyles } from "@emotion/react";
 import React from "react";
 export declare type TagType = "success" | "warning" | "info" | "error" | "default";
 export declare type TagSize = "small" | "medium" | "large";
+export declare type Mode = "light" | "dark";
 export interface TagProps {
     type: TagType;
     style?: SerializedStyles;
@@ -12,6 +13,7 @@ export interface TagProps {
     dataTestId?: string;
     icon?: string;
     children?: React.ReactNode;
+    mode?: Mode;
 }
 declare const Tags: React.FC<TagProps>;
 export default Tags;

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

@@ -2,6 +2,7 @@
 import { SerializedStyles } from "@emotion/react";
 import React from "react";
 import { OptionsProps } from "../InputDropDown/typings";
+import { Theme } from "../../globalTypings";
 interface VirtualizeProps {
     rowHeight: number;
     rows: OptionsProps<string>[];
@@ -12,6 +13,7 @@ interface VirtualizeProps {
     selectedRowId?: string;
     onScroll?: (value: number) => void;
     disableTick?: boolean;
+    mode: Theme;
 }
 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 item: (rowHeight: number, index: number, isLight: boolean) => 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, atTop?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
+export declare const table: (tableHeight: number, isLight: boolean, 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;

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

@@ -27,4 +27,6 @@ import Switch from "./Switch";
 import Avatar from "./Avatar";
 import AvatarGroup from "./AvatarGroup";
 import Pagination from "./Pagination";
-export { Accordion, Button, Card, Checkbox, CircularLoader, CalendarPicker, Divider, Icon, IconButton, IconBox, Input, InputDropDown, PinInput, Popper, Radio, RadioGroup, RewardOMeter, Select, Shimmer, SearchInput, SidePanel, Tags, Tabs, Toast, Tooltip, Switch, Avatar, AvatarGroup, Pagination, generateToast, };
+import MobileBottomDrawer from "./MobileBottomDrawer";
+import MobileCalendarPicker from "./MobileCalenderPicker";
+export { Accordion, Button, Card, Checkbox, CircularLoader, CalendarPicker, Divider, Icon, IconButton, IconBox, Input, InputDropDown, PinInput, Popper, Radio, RadioGroup, RewardOMeter, Select, Shimmer, SearchInput, SidePanel, Tags, Tabs, Toast, Tooltip, Switch, Avatar, AvatarGroup, Pagination, MobileBottomDrawer, MobileCalendarPicker, generateToast, };