zebpay-ui 0.0.119 → 0.0.121

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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";