zebpay-ui 0.0.121 → 0.0.122

package/dist/cjs/theme/componentColors.d.ts

@@ -1,13 +1,2 @@
 import type { Theme } from "../globalTypings";
-export declare function getPanelBackground(mode: Theme): string;
-export declare function getFieldBackground(mode: Theme): string;
-export declare function getInputSurfaceBackground(mode: Theme): string;
-export declare function getHoverBackground(mode: Theme): string;
-export declare function getPrimaryTextColor(mode: Theme): string;
-export declare function getMutedTextColor(mode: Theme): string;
-export declare function getAccentTextColor(mode: Theme): string;
-export declare function getSubtleBorderColor(mode: Theme): string;
-export declare function getCardBorderColor(mode: Theme): string;
-export declare function getDividerColor(mode: Theme): string;
-export declare function getShimmerBackground(mode: Theme): string;
-export declare function getIconBoxBackground(mode: Theme): string;
+export declare function getPrimaryTextColor(theme: Theme): string;

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

@@ -1,5 +1,7 @@
 export { ZThemeProvider, useZTheme, ThemeContext } from "./ZThemeProvider";
 export type { ZThemeProviderProps, ThemeContextValue } from "./ZThemeProvider";
-export { lightColorScheme, darkColorScheme, extraDarkColorScheme, getZColorSchemeForTheme, ZColors, ZGradientConst, } from "./zColorScheme";
+export { lightColorScheme, darkColorScheme, extraDarkColorScheme, getZColorSchemeForTheme, ZColors, ZGradientConst, ZGradientColors, } from "./zColorScheme";
+export { createLinearGradient, linearGradient, solidGradient, gradientFromConst, } from "./zGradients";
+export type { GradientStop, ZGradientPalette } from "./zGradients";
 export { zColorTokens } from "./zColorTokens";
-export type { ZColorScheme } from "./types";
+export type { ZColorScheme, ZGradientScheme } from "./types";

package/dist/cjs/theme/types.d.ts

@@ -1,3 +1,4 @@
+import type { ZGradientPalette } from "./zGradients";
 export interface TabColorScheme {
     primaryActiveText: string;
     primaryActiveFill: string;
@@ -13,6 +14,20 @@ export interface TabColorScheme {
     tertiaryDefaultText: string;
     tertiaryDefaultStroke: string;
 }
+export interface ZGradientScheme {
+    primary: string;
+    tertiary: string;
+    banner: string;
+    positiveGraph: string;
+    negativeGraph: string;
+    icon: string;
+    splash: string;
+    header: string;
+    bottomBar: string;
+    purple: string;
+    lightShimmer: string;
+    darkShimmer: string;
+}
 export interface ZColorScheme {
     primary: {
         title: string;
@@ -115,4 +130,6 @@ export interface ZColorScheme {
     };
     overlay: string;
     tab: TabColorScheme;
+    gradients: ZGradientScheme;
+    gradientPalette: ZGradientPalette;
 }

package/dist/cjs/theme/zColorScheme.d.ts

@@ -1,6 +1,6 @@
 import { Theme } from "../globalTypings";
 import type { ZColorScheme } from "./types";
-import { ZColors, ZGradientConst } from "./zColors";
+import { ZColors, ZGradientConst, ZGradientConstCss, ZGradientColors } from "./zColors";
 /** Mobile v2 ZLightColorScheme */
 export declare const lightColorScheme: ZColorScheme;
 /** Mobile v2 ZDarkColorScheme — web blue / component `mode="dark"` */
@@ -8,4 +8,5 @@ export declare const darkColorScheme: ZColorScheme;
 /** Mobile v2 ZDarkColorSchemeV4 — mobile dark / component `mode="extraDark"` */
 export declare const extraDarkColorScheme: ZColorScheme;
 export declare function getZColorSchemeForTheme(theme: Theme): ZColorScheme;
-export { ZColors, ZGradientConst };
+export declare function toSchemeTheme(theme: Theme | "inputExtraDark"): Theme;
+export { ZColors, ZGradientConst, ZGradientConstCss, ZGradientColors };

package/dist/cjs/theme/zColorTokens.d.ts

@@ -29,5 +29,12 @@ export declare const zColorTokens: {
         readonly separator: "var(--color-stroke-separator)";
         readonly card: "var(--color-stroke-card)";
     };
+    readonly gradients: {
+        readonly primary: "var(--gradient-primary)";
+        readonly banner: "var(--gradient-banner)";
+        readonly positiveGraph: "var(--gradient-positive-graph)";
+        readonly negativeGraph: "var(--gradient-negative-graph)";
+        readonly shimmer: "var(--gradient-shimmer)";
+    };
     readonly overlay: "var(--color-overlay)";
 };

package/dist/cjs/theme/zColors.d.ts

@@ -82,12 +82,5 @@ export declare const ZColors: {
     readonly TabSecondaryV4: "#6A93FF";
     readonly SheetScrimColor: "#F7252525";
 };
-/** Mirrored from mobile v2 ZGradientConst */
-export declare const ZGradientConst: {
-    gradient1: readonly ["#5D7BFE", "#0974FF"];
-    gradient1V4: readonly ["#5786FF", "#3751FE"];
-    white: readonly ["#FFFFFF", "#FFFFFF"];
-};
-export declare const linearGradient: (from: string, to: string, angle?: string) => string;
-export declare const solidGradient: (color: string) => string;
-export declare const gradientFromConst: (colors: readonly [string, string]) => string;
+export { ZGradientConst, ZGradientConstCss, ZGradientColors, createLinearGradient, linearGradient, solidGradient, gradientFromConst, } from "./zGradients";
+export type { GradientStop } from "./zGradients";

package/dist/cjs/theme/zGradients.d.ts

@@ -0,0 +1,102 @@
+/**
+ * Gradient tokens mirrored from mobile design system:
+ * - v2: zebpay_multiplatform/design/v2/.../znew/ZNewGradient.kt (ZGradientConst)
+ * - v3: zebpay_multiplatform/design/v3/.../color/ZGradientColors.kt
+ */
+export type GradientStop = {
+    position: number;
+    color: string;
+};
+export declare const createLinearGradient: (stops: readonly GradientStop[], angle?: number) => string;
+export declare const linearGradient: (from: string, to: string, angle?: string) => string;
+export declare const solidGradient: (color: string) => string;
+export declare const gradientFromConst: (colors: readonly [string, string]) => string;
+/** Mobile v2 ZGradientConst — two-stop and multi-stop semantic gradients */
+export declare const ZGradientConst: {
+    readonly gradient1: readonly ["#5D7BFE", "#0974FF"];
+    readonly gradient2: readonly ["#1B264B", "#4A62CA"];
+    readonly gradient3: readonly ["#4F7FF1", "#5484F6"];
+    readonly shimmer1: readonly ["#34345A", "#19193A"];
+    readonly shimmer2: readonly ["rgba(61, 61, 102, 0.92)", "#1E1E41"];
+    readonly shimmer3: readonly ["#E9EFF6", "rgba(207, 207, 207, 0)"];
+    readonly gradientBlue: readonly ["#4672DB", "#1C49B6"];
+    readonly gradient1V4: readonly ["#5786FF", "#3751FE"];
+    readonly gradientBlueV4: readonly ["#5786FF", "#3751FE"];
+    readonly gradient3V4: readonly ["#1D2A50", "#17203B"];
+    readonly shimmer1V4: readonly ["#252A34", "#313747"];
+    readonly shimmer2V4: readonly ["#252A34", "#313747"];
+    readonly white: readonly ["#FFFFFF", "#FFFFFF"];
+    readonly gradientGreen: string;
+    readonly gradientRed: string;
+    readonly gradientGreenV4: string;
+    readonly gradientRedV4: string;
+    readonly purple06: string;
+    readonly header: string;
+    readonly bottomBarLight: string;
+    readonly bottomBarV4: string;
+};
+/** Pre-built CSS strings for common v2 pairs */
+export declare const ZGradientConstCss: {
+    readonly gradient1: string;
+    readonly gradient2: string;
+    readonly gradient3: string;
+    readonly shimmer1: string;
+    readonly shimmer2: string;
+    readonly shimmer3: string;
+    readonly gradientBlue: string;
+    readonly gradient1V4: string;
+    readonly gradientBlueV4: string;
+    readonly gradient3V4: string;
+    readonly shimmer1V4: string;
+    readonly shimmer2V4: string;
+    readonly white: string;
+    readonly gradientGreen: string;
+    readonly gradientRed: string;
+    readonly gradientGreenV4: string;
+    readonly gradientRedV4: string;
+    readonly purple06: string;
+    readonly header: string;
+    readonly bottomBarLight: string;
+    readonly bottomBarV4: string;
+};
+/**
+ * Mobile v3 ZGradientColors — full gradient palette as CSS strings.
+ */
+export declare const ZGradientColors: {
+    readonly Primary01: string;
+    readonly Black01: string;
+    readonly Purple01: string;
+    readonly Blue01: string;
+    readonly Blue02: string;
+    readonly Blue03: string;
+    readonly Blue4: string;
+    readonly Green01: string;
+    readonly Green02: string;
+    readonly Green03: string;
+    readonly Green04: string;
+    readonly Green05: string;
+    readonly Red01: string;
+    readonly Red02: string;
+    readonly Red03: string;
+    readonly Red04: string;
+    readonly Red05: string;
+    readonly MiscGradientGreen01: string;
+    readonly MiscGradientGreen02: string;
+    readonly MiscGradientGreen03: string;
+    readonly MiscGradientRed01: string;
+    readonly MiscGradientRed02: string;
+    readonly MiscGradientRed03: string;
+    readonly MiscGradientWhite: string;
+    readonly Purple02: string;
+    readonly PurpleGradientO2: string;
+    readonly V4Gradient01: string;
+    readonly V4Gradient02: string;
+    readonly V4Gradient03: string;
+    readonly V4Gradient04: string;
+    readonly V4Gradient05: string;
+    readonly V4Gradient06: string;
+    readonly V4Gradient07: string;
+    readonly V4Gradient08: string;
+    readonly V4Gradient09: string;
+};
+export type ZGradientPalette = typeof ZGradientColors;

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

@@ -1,5 +1,5 @@
 import type { Theme } from "../../globalTypings";
-export declare const accordionWrapper: (isOpen: boolean, mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const accordionWrapper: (isOpen: boolean, theme?: 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/esm/components/AccordionV2/style.d.ts

@@ -1,7 +1,7 @@
-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;
+import type { Theme } from "../../globalTypings";
+export declare const accordionWrapper: (isOpen: boolean, theme: Theme, disableBorder: boolean) => import("@emotion/react").SerializedStyles;
+export declare const accordionTitle: (theme: Theme) => 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: ThemeType) => import("@emotion/react").SerializedStyles;
+export declare const accordionContent: (isOpen: boolean, theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const iconStyle: (isOpen: boolean) => import("@emotion/react").SerializedStyles;

package/dist/esm/components/Button/styles.d.ts

@@ -1,12 +1,12 @@
 import { Theme } from "../../globalTypings";
 export declare const general: (width?: number) => import("@emotion/react").SerializedStyles;
-export declare const linkButton: import("@emotion/react").SerializedStyles;
-export declare const primaryButton: (mode: Theme) => import("@emotion/react").SerializedStyles;
-export declare const secondaryButton: (mode: Theme) => import("@emotion/react").SerializedStyles;
-export declare const specialButton: import("@emotion/react").SerializedStyles;
+export declare const linkButton: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const primaryButton: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const secondaryButton: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const specialButton: (theme?: Theme) => import("@emotion/react").SerializedStyles;
 export declare const specialButtonText: import("@emotion/react").SerializedStyles;
 export declare const specialButtonSmText: import("@emotion/react").SerializedStyles;
-export declare const tertiaryButton: import("@emotion/react").SerializedStyles;
+export declare const tertiaryButton: (theme?: Theme) => import("@emotion/react").SerializedStyles;
 export declare const tertiaryButtonText: import("@emotion/react").SerializedStyles;
-export declare const tabButton: import("@emotion/react").SerializedStyles;
+export declare const tabButton: (theme?: Theme) => import("@emotion/react").SerializedStyles;
 export declare const disabledButton: import("@emotion/react").SerializedStyles;

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

@@ -1,5 +1,5 @@
 import type { Theme } from "../../globalTypings";
 export declare const alignNav: 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;
+export declare const monthArrow: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const navigationLabel: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const dateRangePicker: (theme?: Theme) => import("@emotion/react").SerializedStyles;

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

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

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

@@ -1,9 +1,9 @@
 import type { Theme } from "../../globalTypings";
 export declare const checkboxContainer: import("@emotion/react").SerializedStyles;
-export declare const labelContainer: (mode: Theme, alignTop?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const labelContainer: (theme: 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: (mode: Theme, indeterminate?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const checkCheckmark: (theme: 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: (mode: Theme, indeterminate?: boolean, alignTop?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const checkmark: (theme: Theme, indeterminate?: boolean, alignTop?: boolean) => import("@emotion/react").SerializedStyles;

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

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

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

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

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

@@ -1,17 +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: (mode: Theme, disabled?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const icon: (theme: Theme, disabled?: boolean) => import("@emotion/react").SerializedStyles;
 export declare const input: 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 selectedElement: (open: boolean, theme: Theme, disabled?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const options: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const optionItem: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const optionsWrapper: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const displayComponent: (highlight: boolean, theme: Theme, disabled: boolean) => import("@emotion/react").SerializedStyles;
+export declare const main: (isOpen: boolean, theme: Theme, disabled?: boolean, isError?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const dropDown: (theme: 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: (mode: Theme) => import("@emotion/react").SerializedStyles;
+export declare const contentHeading: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const pillOptions: import("@emotion/react").SerializedStyles;

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

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

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

@@ -3,6 +3,6 @@ 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: (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;
+export declare const lineBreak: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const heading: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const themedOverrides: (theme: Theme) => import("@emotion/react").SerializedStyles;

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

@@ -1,6 +1,6 @@
 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;
+export declare const smallCardWithBg: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const arrow: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const pageLink: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const active: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const pageItem: (theme?: Theme) => import("@emotion/react").SerializedStyles;

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

@@ -1,9 +1,9 @@
 import type { Theme } from "../../globalTypings";
 export declare const pins: import("@emotion/react").SerializedStyles;
-export declare const label: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const label: (theme?: 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: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const input: (theme?: Theme) => import("@emotion/react").SerializedStyles;
 export declare const disabledInput: import("@emotion/react").SerializedStyles;
-export declare const maskStyle: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const maskStyle: (theme?: Theme) => import("@emotion/react").SerializedStyles;

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

@@ -1,5 +1,5 @@
 import type { Theme } from "../../globalTypings";
 export declare const container: 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 popup: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const closeButton: (theme?: Theme) => import("@emotion/react").SerializedStyles;
 export declare const selectOverlay: import("@emotion/react").SerializedStyles;

package/dist/esm/components/RadioGroup/styles.d.ts

@@ -1,7 +1,7 @@
 import { Theme } from "../../globalTypings";
 export declare const container: import("@emotion/react").SerializedStyles;
 export declare const input: import("@emotion/react").SerializedStyles;
-export declare const checkmark: import("@emotion/react").SerializedStyles;
-export declare const radioGroup: (mode: Theme) => import("@emotion/react").SerializedStyles;
+export declare const checkmark: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const radioGroup: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const marginRight: import("@emotion/react").SerializedStyles;
-export declare const defaultState: import("@emotion/react").SerializedStyles;
+export declare const defaultState: (theme?: Theme) => import("@emotion/react").SerializedStyles;

package/dist/esm/components/Select/styles.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from "../../globalTypings";
+import type { Theme } from "../../globalTypings";
 export declare const wrapper: import("@emotion/react").SerializedStyles;
 export declare const button: (theme?: Theme) => import("@emotion/react").SerializedStyles;
 export declare const active: (theme?: Theme) => import("@emotion/react").SerializedStyles;

package/dist/esm/components/SidePanel/style.d.ts

@@ -1,10 +1,10 @@
 import { Theme } from "../../globalTypings";
 export type SidePanelPlacement = "left" | "right";
 export declare const wrapper: import("@emotion/react").SerializedStyles;
-export declare const overlay: (mode?: Theme) => import("@emotion/react").SerializedStyles;
-export declare const sidePanel: (placement: SidePanelPlacement, width: number, mode?: Theme) => import("@emotion/react").SerializedStyles | undefined;
+export declare const overlay: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const sidePanel: (placement: SidePanelPlacement, width: number, theme?: Theme) => import("@emotion/react").SerializedStyles | undefined;
 export declare const sidePanelOpen: import("@emotion/react").SerializedStyles;
 export declare const header: import("@emotion/react").SerializedStyles;
 export declare const titleStyle: import("@emotion/react").SerializedStyles;
-export declare const headerCTA: (mode?: Theme) => import("@emotion/react").SerializedStyles;
-export declare const headerCloseCTA: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const headerCTA: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const headerCloseCTA: (theme?: Theme) => import("@emotion/react").SerializedStyles;

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

@@ -1,14 +1,14 @@
 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 regularSlider: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const regularCheckedSlider: (theme?: Theme, 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, mode?: Theme) => import("@emotion/react").SerializedStyles;
-export declare const slider: (size?: "small" | "medium", isLocked?: boolean, mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const checkedSlider: (size?: "small" | "medium", isLocked?: boolean, theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const slider: (size?: "small" | "medium", isLocked?: boolean, theme?: 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: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const switchLabel: (theme?: 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;
-export declare const lockedCircle: (checked?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const lockedCircle: (theme?: Theme, checked?: boolean) => import("@emotion/react").SerializedStyles;

package/dist/esm/components/Toast/styles.d.ts

@@ -4,10 +4,10 @@ export declare const toastHeading: import("@emotion/react").SerializedStyles;
 export declare const toastDetails: import("@emotion/react").SerializedStyles;
 export declare const toastTitle: import("@emotion/react").SerializedStyles;
 export declare const closeCta: import("@emotion/react").SerializedStyles;
-export declare const toastDescription: (mode: Theme) => import("@emotion/react").SerializedStyles;
-export declare const info: import("@emotion/react").SerializedStyles;
-export declare const infoToastHeading: import("@emotion/react").SerializedStyles;
-export declare const error: import("@emotion/react").SerializedStyles;
-export declare const errorToastHeading: import("@emotion/react").SerializedStyles;
-export declare const success: import("@emotion/react").SerializedStyles;
-export declare const successToastHeading: import("@emotion/react").SerializedStyles;
+export declare const toastDescription: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const info: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const infoToastHeading: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const error: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const errorToastHeading: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const success: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const successToastHeading: (theme?: Theme) => import("@emotion/react").SerializedStyles;

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

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

package/dist/esm/index.d.ts

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