zebpay-ui 0.0.120 → 0.0.121

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

@@ -2,12 +2,14 @@
 import { SerializedStyles } from "@emotion/react";
 import React, { FC, ReactNode } from "react";
 import "./../../../dist/icons/icons.css";
+import type { Theme } from "../../globalTypings";
 interface AccordionProps {
     title: React.ReactNode;
     isOpen: boolean;
     onToggle: (value: boolean) => void;
     style?: SerializedStyles;
     children?: ReactNode;
+    mode?: Theme;
 }
 declare const Accordion: FC<AccordionProps>;
 export default Accordion;

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

@@ -1,4 +1,5 @@
-export declare const accordionWrapper: (isOpen: boolean) => import("@emotion/react").SerializedStyles;
+import type { Theme } from "../../globalTypings";
+export declare const accordionWrapper: (isOpen: boolean, mode?: Theme) => import("@emotion/react").SerializedStyles;
 export declare const accordionTitle: import("@emotion/react").SerializedStyles;
 export declare const accordionIcon: import("@emotion/react").SerializedStyles;
 export declare const accordionCollapsed: import("@emotion/react").SerializedStyles;

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

@@ -1,7 +1,7 @@
-import { Theme } from "../../globalTypings";
-export declare const accordionWrapper: (isOpen: boolean, mode: Theme, disableBorder: boolean) => import("@emotion/react").SerializedStyles;
-export declare const accordionTitle: import("@emotion/react").SerializedStyles;
+import { Theme as ThemeType } from "../../globalTypings";
+export declare const accordionWrapper: (isOpen: boolean, mode: ThemeType, disableBorder: boolean) => import("@emotion/react").SerializedStyles;
+export declare const accordionTitle: (mode: ThemeType) => import("@emotion/react").SerializedStyles;
 export declare const accordionIcon: import("@emotion/react").SerializedStyles;
 export declare const accordionCollapsed: import("@emotion/react").SerializedStyles;
-export declare const accordionContent: (isOpen: boolean, mode: Theme) => import("@emotion/react").SerializedStyles;
+export declare const accordionContent: (isOpen: boolean, mode: ThemeType) => import("@emotion/react").SerializedStyles;
 export declare const iconStyle: (isOpen: boolean) => import("@emotion/react").SerializedStyles;

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

@@ -1,5 +1,6 @@
-import { Interpolation, Theme } from "@emotion/react";
+import { Interpolation, Theme as EmotionTheme } from "@emotion/react";
 import { AvatarSpacing } from "../AvatarGroup/typings";
+import type { Theme } from "../../globalTypings";
 export type AvatareSize = "small" | "medium" | "large";
 export interface AvatarProps {
     src: string;
@@ -9,9 +10,10 @@ export interface AvatarProps {
     onClick?: () => void;
     disabled?: boolean;
     loading?: boolean;
-    style?: Interpolation<Theme>;
+    style?: Interpolation<EmotionTheme>;
     spacing: AvatarSpacing;
     children?: React.ReactNode;
+    mode?: Theme;
 }
 export interface SizingProps {
     width: number;

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

@@ -1,4 +1,5 @@
+import type { Theme } from "../../globalTypings";
 export declare const alignNav: import("@emotion/react").SerializedStyles;
-export declare const monthArrow: import("@emotion/react").SerializedStyles;
-export declare const navigationLabel: import("@emotion/react").SerializedStyles;
-export declare const dateRangePicker: import("@emotion/react").SerializedStyles;
+export declare const monthArrow: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const navigationLabel: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const dateRangePicker: (mode?: Theme) => import("@emotion/react").SerializedStyles;

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

@@ -1,4 +1,5 @@
 import { SerializedStyles } from "@emotion/react";
+import { Theme } from "../../globalTypings";
 export interface DateRange {
     startDate: number;
     endDate: number;
@@ -15,4 +16,5 @@ export interface DateRangePickerProps {
     };
     selectedDate?: Date | [Date | null, Date | null] | null;
     onClose?: () => void;
+    mode?: Theme;
 }

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

@@ -1,8 +1,10 @@
 import React from "react";
+import type { Theme } from "../../globalTypings";
 export interface CardProps {
     title: string;
     headerNav?: React.ReactNode;
     children?: React.ReactNode;
+    mode?: Theme;
 }
 declare const Card: React.FC<CardProps>;
 export default Card;

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

@@ -1,3 +1,4 @@
-export declare const cardStyle: import("@emotion/react").SerializedStyles;
+import type { Theme } from "../../globalTypings";
+export declare const cardStyle: (mode?: Theme) => import("@emotion/react").SerializedStyles;
 export declare const cardHeader: import("@emotion/react").SerializedStyles;
-export declare const cardBody: import("@emotion/react").SerializedStyles;
+export declare const cardBody: (mode?: Theme) => import("@emotion/react").SerializedStyles;

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

@@ -1,8 +1,9 @@
+import type { Theme } from "../../globalTypings";
 export declare const checkboxContainer: import("@emotion/react").SerializedStyles;
-export declare const labelContainer: (isLight: boolean, alignTop?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const labelContainer: (mode: Theme, alignTop?: boolean) => import("@emotion/react").SerializedStyles;
 export declare const disabledLabel: import("@emotion/react").SerializedStyles;
 export declare const input: import("@emotion/react").SerializedStyles;
-export declare const checkCheckmark: (isLight: boolean, indeterminate?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const checkCheckmark: (mode: Theme, indeterminate?: boolean) => import("@emotion/react").SerializedStyles;
 export declare const checkLabel: import("@emotion/react").SerializedStyles;
 export declare const checkComponent: import("@emotion/react").SerializedStyles;
-export declare const checkmark: (isLight: boolean, indeterminate?: boolean, alignTop?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const checkmark: (mode: Theme, indeterminate?: boolean, alignTop?: boolean) => import("@emotion/react").SerializedStyles;

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

@@ -1,6 +1,6 @@
 import { SerializedStyles } from "@emotion/react";
 import React from "react";
-import { Mode } from "../Tags";
+import type { Theme } from "../../globalTypings";
 export interface CheckboxProps {
     value: string | number;
     checked: boolean;
@@ -12,6 +12,6 @@ export interface CheckboxProps {
     disabled?: boolean;
     style?: SerializedStyles;
     indeterminate?: boolean;
-    mode?: Mode;
+    mode?: Theme;
     alignTop?: boolean;
 }

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

@@ -1,6 +1,7 @@
 /** @jsxImportSource @emotion/react */
 import React from "react";
 import { SerializedStyles } from "@emotion/react";
+import type { Theme } from "../../globalTypings";
 export interface DividerProps {
     spacing: number;
     spacingTop?: number;
@@ -9,6 +10,7 @@ export interface DividerProps {
     height?: number;
     style?: SerializedStyles;
     type?: "solid" | "dashed";
+    mode?: Theme;
 }
 declare const Divider: React.FC<DividerProps>;
 export default Divider;

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

@@ -1,2 +1,3 @@
+import type { Theme } from "../../globalTypings";
 import { DividerProps } from ".";
-export declare const divider: (props: DividerProps) => import("@emotion/react").SerializedStyles;
+export declare const divider: (props: DividerProps, mode?: Theme) => import("@emotion/react").SerializedStyles;

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

@@ -1,6 +1,7 @@
 /** @jsxImportSource @emotion/react */
 import React from "react";
 import { SerializedStyles } from "@emotion/react";
+import type { Theme } from "../../globalTypings";
 export interface IconBoxProps {
     icon: string;
     size?: number;
@@ -11,6 +12,7 @@ export interface IconBoxProps {
     boxStyle?: SerializedStyles;
     iconStyle?: SerializedStyles;
     withHover?: boolean;
+    mode?: Theme;
 }
 declare const IconBox: React.FC<IconBoxProps>;
 export default IconBox;

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

@@ -1,3 +1,4 @@
+import type { Theme } from "../../globalTypings";
 import { IconBoxProps } from ".";
-export declare const container: (data: IconBoxProps) => import("@emotion/react").SerializedStyles;
-export declare const withHoverStyle: import("@emotion/react").SerializedStyles;
+export declare const container: (data: IconBoxProps, mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const withHoverStyle: (mode?: Theme) => import("@emotion/react").SerializedStyles;

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

@@ -1,16 +1,17 @@
+import type { Theme } from "../../globalTypings";
 export declare const wrapper: import("@emotion/react").SerializedStyles;
 export declare const selectOverlay: import("@emotion/react").SerializedStyles;
-export declare const icon: (isLightMode: boolean, disabled?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const icon: (mode: Theme, disabled?: boolean) => import("@emotion/react").SerializedStyles;
 export declare const input: import("@emotion/react").SerializedStyles;
-export declare const selectedElement: (open: boolean, isLightMode: boolean, disabled?: boolean) => import("@emotion/react").SerializedStyles;
-export declare const options: import("@emotion/react").SerializedStyles;
-export declare const optionItem: import("@emotion/react").SerializedStyles;
-export declare const optionsWrapper: import("@emotion/react").SerializedStyles;
-export declare const displayComponent: (highlight: boolean, isLightMode: boolean, disabled: boolean) => import("@emotion/react").SerializedStyles;
-export declare const main: (isOpen: boolean, isLightMode: boolean, disabled?: boolean, isError?: boolean) => import("@emotion/react").SerializedStyles;
-export declare const dropDown: (isLight: boolean) => import("@emotion/react").SerializedStyles;
+export declare const selectedElement: (open: boolean, mode: Theme, disabled?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const options: (mode: Theme) => import("@emotion/react").SerializedStyles;
+export declare const optionItem: (mode: Theme) => import("@emotion/react").SerializedStyles;
+export declare const optionsWrapper: (mode: Theme) => import("@emotion/react").SerializedStyles;
+export declare const displayComponent: (highlight: boolean, mode: Theme, disabled: boolean) => import("@emotion/react").SerializedStyles;
+export declare const main: (isOpen: boolean, mode: Theme, disabled?: boolean, isError?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const dropDown: (mode: Theme) => import("@emotion/react").SerializedStyles;
 export declare const optionsList: (isSearchable?: boolean) => import("@emotion/react").SerializedStyles;
 export declare const inputSearch: import("@emotion/react").SerializedStyles;
 export declare const dropdown: (posX: number, posY: number) => import("@emotion/react").SerializedStyles;
-export declare const contentHeading: import("@emotion/react").SerializedStyles;
+export declare const contentHeading: (mode: Theme) => import("@emotion/react").SerializedStyles;
 export declare const pillOptions: import("@emotion/react").SerializedStyles;

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

@@ -1,14 +1,15 @@
 /** @jsxImportSource @emotion/react */
 import { SerializedStyles } from "@emotion/react";
 import React from "react";
+import { Theme } from "../../globalTypings";
 interface MobileBottomDrawerProps {
     onClose: () => void;
     children: React.ReactNode;
     style?: SerializedStyles[];
     overlayStyle?: SerializedStyles;
     hideHandle?: boolean;
-    /** Drag threshold in pixels to trigger close (default: 100) */
     closeThreshold?: number;
+    mode?: Theme;
 }
 declare const MobileBottomDrawer: React.FC<MobileBottomDrawerProps>;
 export default MobileBottomDrawer;

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

@@ -1,3 +1,4 @@
-export declare const bottomDrawer: import("@emotion/react").SerializedStyles;
+import type { Theme } from "../../globalTypings";
+export declare const bottomDrawer: (mode?: Theme) => import("@emotion/react").SerializedStyles;
 export declare const backdrop: import("@emotion/react").SerializedStyles;
-export declare const dragHandle: import("@emotion/react").SerializedStyles;
+export declare const dragHandle: (mode?: Theme) => import("@emotion/react").SerializedStyles;

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

@@ -1,6 +1,8 @@
+import type { Theme } from "../../globalTypings";
 export declare const alignNav: import("@emotion/react").SerializedStyles;
 export declare const monthArrow: import("@emotion/react").SerializedStyles;
 export declare const navigationLabel: import("@emotion/react").SerializedStyles;
 export declare const dateRangePicker: import("@emotion/react").SerializedStyles;
-export declare const lineBreak: import("@emotion/react").SerializedStyles;
-export declare const heading: import("@emotion/react").SerializedStyles;
+export declare const lineBreak: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const heading: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const themedOverrides: (mode: Theme) => import("@emotion/react").SerializedStyles;

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

@@ -1,5 +1,6 @@
-export declare const smallCardWithBg: import("@emotion/react").SerializedStyles;
-export declare const arrow: import("@emotion/react").SerializedStyles;
-export declare const pageLink: import("@emotion/react").SerializedStyles;
-export declare const active: import("@emotion/react").SerializedStyles;
-export declare const pageItem: import("@emotion/react").SerializedStyles;
+import type { Theme } from "../../globalTypings";
+export declare const smallCardWithBg: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const arrow: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const pageLink: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const active: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const pageItem: (mode?: Theme) => import("@emotion/react").SerializedStyles;

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

@@ -1,4 +1,5 @@
 import { SerializedStyles } from "@emotion/react";
+import type { Theme } from "../../globalTypings";
 export interface PaginationProps {
     onPageChange: (updatedPage: number) => void;
     totalCount: number;
@@ -6,4 +7,5 @@ export interface PaginationProps {
     siblingCount: number;
     currentPage: number;
     style?: SerializedStyles;
+    mode?: Theme;
 }

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

@@ -1,8 +1,9 @@
+import type { Theme } from "../../globalTypings";
 export declare const pins: import("@emotion/react").SerializedStyles;
-export declare const label: import("@emotion/react").SerializedStyles;
+export declare const label: (mode?: Theme) => import("@emotion/react").SerializedStyles;
 export declare const inputFocused: (focused: boolean, inValid: boolean) => import("@emotion/react").SerializedStyles;
 export declare const invalidPins: import("@emotion/react").SerializedStyles;
 export declare const inputContainer: import("@emotion/react").SerializedStyles;
-export declare const input: import("@emotion/react").SerializedStyles;
+export declare const input: (mode?: Theme) => import("@emotion/react").SerializedStyles;
 export declare const disabledInput: import("@emotion/react").SerializedStyles;
-export declare const maskStyle: import("@emotion/react").SerializedStyles;
+export declare const maskStyle: (mode?: Theme) => import("@emotion/react").SerializedStyles;

package/dist/cjs/components/PinInput/typing.d.ts

@@ -1,5 +1,6 @@
 import { SerializedStyles } from "@emotion/react";
 import React from "react";
+import type { Theme } from "../../globalTypings";
 export type PinInputProps = {
     label?: string;
     values: string[];
@@ -16,6 +17,7 @@ export type PinInputProps = {
     labelStyle?: SerializedStyles;
     inputContainerStyle?: SerializedStyles;
     inputFieldStyle?: SerializedStyles;
+    mode?: Theme;
 } & Pick<React.InputHTMLAttributes<HTMLInputElement>, "disabled" | "id" | "inputMode" | "onBlur" | "onFocus" | "onKeyDown" | "placeholder">;
 export type PinInputFieldProps = {
     index: number;

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

@@ -1,4 +1,5 @@
+import type { Theme } from "../../globalTypings";
 export declare const container: import("@emotion/react").SerializedStyles;
-export declare const popup: import("@emotion/react").SerializedStyles;
-export declare const closeButton: import("@emotion/react").SerializedStyles;
+export declare const popup: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const closeButton: (mode?: Theme) => import("@emotion/react").SerializedStyles;
 export declare const selectOverlay: import("@emotion/react").SerializedStyles;

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

@@ -1,5 +1,6 @@
 import { SerializedStyles } from "@emotion/react";
 import { ReactElement } from "react";
+import type { Theme } from "../../globalTypings";
 export type Position = "top-start" | "top" | "top-end" | "right-start" | "right" | "right-end" | "bottom-start" | "bottom" | "bottom-end" | "left-start" | "left" | "left-end";
 export interface PopperProps {
     content: ReactElement;
@@ -11,4 +12,5 @@ export interface PopperProps {
     children?: React.ReactNode;
     allowOutsideClickClose?: boolean;
     allowInsideClickClose?: boolean;
+    mode?: Theme;
 }

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

@@ -1,5 +1,6 @@
 /** @jsxImportSource @emotion/react */
 import React from "react";
+import type { Theme } from "../../globalTypings";
 interface ISwitch {
     isSelected?: boolean;
     id: string;
@@ -8,6 +9,7 @@ interface ISwitch {
     label?: string;
     showIcon?: boolean;
     isLocked?: boolean;
+    mode?: Theme;
 }
 declare const Switch: React.FC<ISwitch>;
 export default Switch;

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

@@ -1,12 +1,13 @@
+import type { Theme } from "../../globalTypings";
 export declare const switchContainer: import("@emotion/react").SerializedStyles;
 export declare const regularSlider: import("@emotion/react").SerializedStyles;
 export declare const regularCheckedSlider: (size?: "small" | "medium") => import("@emotion/react").SerializedStyles;
 export declare const switchBar: (size?: "small" | "medium", isLocked?: boolean) => import("@emotion/react").SerializedStyles;
-export declare const checkedSlider: (size?: "small" | "medium", isLocked?: boolean) => import("@emotion/react").SerializedStyles;
-export declare const slider: (size?: "small" | "medium", isLocked?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const checkedSlider: (size?: "small" | "medium", isLocked?: boolean, mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const slider: (size?: "small" | "medium", isLocked?: boolean, mode?: Theme) => import("@emotion/react").SerializedStyles;
 export declare const round: (size?: "small" | "medium") => import("@emotion/react").SerializedStyles;
 export declare const circle: (size?: "small" | "medium", checked?: boolean) => import("@emotion/react").SerializedStyles;
-export declare const switchLabel: import("@emotion/react").SerializedStyles;
+export declare const switchLabel: (mode?: Theme) => import("@emotion/react").SerializedStyles;
 export declare const labelHidden: import("@emotion/react").SerializedStyles;
 export declare const circleWithIcon: import("@emotion/react").SerializedStyles;
 export declare const iconInsideCircle: (size?: "small" | "medium") => import("@emotion/react").SerializedStyles;

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

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

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

@@ -13,7 +13,7 @@ interface VirtualizeProps {
     selectedRowId?: string;
     onScroll?: (value: number) => void;
     disableTick?: boolean;
-    mode: Theme;
+    mode?: Theme;
 }
 declare const Virtualize: React.FC<VirtualizeProps>;
 export default Virtualize;

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

@@ -1,5 +1,6 @@
-export declare const item: (rowHeight: number, index: number, isLight: boolean) => import("@emotion/react").SerializedStyles;
+import type { Theme } from "../../globalTypings";
+export declare const item: (rowHeight: number, index: number, mode: Theme) => import("@emotion/react").SerializedStyles;
 export declare const body: (height: number, rowCount: number) => import("@emotion/react").SerializedStyles;
-export declare const table: (tableHeight: number, isLight: boolean, isEmpty?: boolean, atTop?: boolean) => import("@emotion/react").SerializedStyles;
-export declare const emptyContainer: import("@emotion/react").SerializedStyles;
+export declare const table: (tableHeight: number, mode: Theme, isEmpty?: boolean, atTop?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const emptyContainer: (mode: Theme) => import("@emotion/react").SerializedStyles;
 export declare const option: import("@emotion/react").SerializedStyles;

package/dist/cjs/index.d.ts

@@ -1,2 +1,5 @@
 export * from "./components";
 export * from "./styles";
+export * from "./theme";
+export { ZThemeProvider, ThemeContext, useZTheme, lightColorScheme, darkColorScheme, extraDarkColorScheme, getZColorSchemeForTheme, zColorTokens, } from "./theme";
+export type { ZColorScheme, ThemeContextValue, ZThemeProviderProps, } from "./theme";