zebpay-ui 0.0.127 → 0.0.129

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

@@ -1,4 +1,4 @@
 export { ZThemeProvider, useZTheme, ThemeContext } from "./ZThemeProvider";
 export type { ZThemeProviderProps, ThemeContextValue } from "./ZThemeProvider";
 export { lightColorScheme, darkColorScheme, extraDarkColorScheme, getZColorSchemeForTheme, ZColors, ZGradientConst, } from "./zColorScheme";
-export type { ZColorScheme } from "./types";
+export type { ZColorScheme, ButtonColorScheme } from "./types";

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

@@ -14,6 +14,15 @@ export interface TabColorScheme {
     tertiaryDefaultText: string;
     tertiaryDefaultStroke: string;
 }
+/** Mirrored from mobile v2 ZButtonColors (Buttons.kt) */
+export interface ButtonColorScheme {
+    primaryFill: string;
+    primaryText: string;
+    secondaryFill: string;
+    secondaryText: string;
+    secondaryStroke: string;
+    disabled: string;
+}
 export interface ZGradientScheme {
     primary: string;
     tertiary: string;
@@ -141,6 +150,7 @@ export interface ZColorScheme {
     };
     overlay: string;
     tab: TabColorScheme;
+    button: ButtonColorScheme;
     gradients: ZGradientScheme;
     gradientPalette: ZGradientPalette;
     shadows: ZShadowScheme;

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

@@ -70,6 +70,9 @@ export declare const ZColors: {
     readonly TagGreyFilledV4: "#313337";
     readonly HeaderSecondaryFillV4: "#14161C";
     readonly TabAccentV4: "#4660FE";
+    /** Android ARGB 0x004660FE — transparent secondary button fill (darkV4) */
+    readonly SecondaryFillV4: "#4660FE00";
+    readonly SecondaryTextV4: "#F8F8F8";
     readonly FunctionalGreenV4: "#038153";
     readonly FunctionalRedV4: "#E75252";
     readonly FunctionalRed02V4: "#C94444";
@@ -80,14 +83,17 @@ export declare const ZColors: {
     readonly SuccessIconV4: "#15B178";
     readonly ErrorIconV4: "#B84242";
     readonly TabSecondaryV4: "#6A93FF";
-    readonly SheetScrimColor: "#F7252525";
+    readonly SheetScrimColor: "#25252599";
 };
 export declare const ZShadows: {
     float: string;
     header: string;
+    headerExtraDark: string;
     card: string;
     bottomSheet: string;
+    bottomSheetExtraDark: string;
     bottomArea: string;
+    bottomAreaExtraDark: string;
     blueCard: string;
     hard: string;
     otp: string;
@@ -97,6 +103,7 @@ export declare const ZShadows: {
 export declare const ZGradientConst: {
     gradient1: readonly ["#5D7BFE", "#0974FF"];
     gradient1V4: readonly ["#5786FF", "#3751FE"];
+    gradientBlueV4: readonly ["#5786FF", "#3751FE"];
     white: readonly ["#FFFFFF", "#FFFFFF"];
 };
 export declare const linearGradient: (from: string, to: string, angle?: string) => string;

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

@@ -1,12 +1,21 @@
 import { Theme } from "../../globalTypings";
 export declare const general: (width?: number) => import("@emotion/react").SerializedStyles;
-export declare const linkButton: import("@emotion/react").SerializedStyles;
+/** web link ≈ mobile ZTextButton */
+export declare const linkButton: (mode: Theme) => import("@emotion/react").SerializedStyles;
+/** web primary ≈ mobile ZFilledButton */
 export declare const primaryButton: (mode: Theme) => import("@emotion/react").SerializedStyles;
+/** web secondary ≈ mobile ZOutlineButton */
 export declare const secondaryButton: (mode: Theme) => import("@emotion/react").SerializedStyles;
-export declare const specialButton: import("@emotion/react").SerializedStyles;
+export declare const specialButton: (mode?: 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;
+/** web tertiary ≈ mobile ZOutlineTertiaryButton */
+export declare const tertiaryButton: (mode: Theme) => import("@emotion/react").SerializedStyles;
 export declare const tertiaryButtonText: import("@emotion/react").SerializedStyles;
-export declare const tabButton: import("@emotion/react").SerializedStyles;
+/** tab base — scheme.tab (Tabs styles override per variant) */
+export declare const tabButton: (mode?: Theme) => import("@emotion/react").SerializedStyles;
 export declare const disabledButton: import("@emotion/react").SerializedStyles;
+export declare const getLoaderColors: (mode: Theme, disabled?: boolean) => {
+    fillColor: string;
+    trackColor: string;
+};

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

@@ -1,6 +1,8 @@
 import { Theme } from "../../globalTypings";
 export declare const invalidInputGroup: (theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const formLabel: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const formLabel: (theme: Theme, disabled?: boolean) => import("@emotion/react").SerializedStyles;
+/** Prepend/append inside input group — same label look, no outer margin */
+export declare const inputAdornment: (theme: Theme, disabled?: boolean) => import("@emotion/react").SerializedStyles;
 export declare const activeFormLabel: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const errorFormLabel: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const inputGroup: (theme: Theme, disabled?: boolean) => import("@emotion/react").SerializedStyles;

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

@@ -17,6 +17,8 @@ export declare const notesHeader: import("@emotion/react").SerializedStyles;
 export declare const notesIconWrapper: (mode: Theme, type: NotesType, isMobile: boolean) => import("@emotion/react").SerializedStyles;
 export declare const notesTitle: (mode: Theme, type: NotesType, isMobile: boolean) => import("@emotion/react").SerializedStyles;
 export declare const notesDescription: (mode: Theme, type: NotesType, isMobile: boolean) => import("@emotion/react").SerializedStyles;
+export declare const notesDescriptionList: (mode: Theme, type: NotesType, isMobile: boolean) => import("@emotion/react").SerializedStyles;
+export declare const notesDescriptionItem: import("@emotion/react").SerializedStyles;
 export declare const notesIcon: (mode: Theme, type: NotesType, isMobile: boolean) => import("@emotion/react").SerializedStyles;
 export declare const notesArrow: (mode: Theme, type: NotesType, isMobile: boolean) => import("@emotion/react").SerializedStyles;
 export {};

package/dist/esm/components/Notes/typings.d.ts

@@ -3,7 +3,7 @@ import { Theme } from "../../globalTypings";
 export type NotesType = "info" | "error" | "success";
 export interface NotesProps {
     title: string;
-    description?: string;
+    description?: string | string[];
     type?: NotesType;
     mode?: Theme;
     isMobile?: boolean;

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

@@ -4,6 +4,6 @@ export declare const radioContainer: (size?: number) => import("@emotion/react")
 export declare const labelContainer: (mode: Theme, size?: number, isListView?: boolean) => import("@emotion/react").SerializedStyles;
 export declare const disabledLabel: import("@emotion/react").SerializedStyles;
 export declare const input: (size?: number, isListView?: boolean) => import("@emotion/react").SerializedStyles;
-export declare const checkmark: (mode: Theme, size?: number, isListView?: boolean, disabled?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const checkmark: (mode: Theme, size?: number, isListView?: boolean, disabled?: boolean, selected?: boolean) => import("@emotion/react").SerializedStyles;
 export declare const innerDot: (mode: Theme, size?: number, disabled?: boolean) => import("@emotion/react").SerializedStyles;
 export declare const listViewStyle: import("@emotion/react").SerializedStyles;

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

@@ -12,4 +12,4 @@ export declare const tertiary: (theme: Theme) => import("@emotion/react").Serial
 export declare const tertiaryActive: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const borderRadius: import("@emotion/react").SerializedStyles;
 export declare const secondaryDisabled: (theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const secondaryCornerAccent: import("@emotion/react").SerializedStyles;
+export declare const secondaryCornerAccent: (theme: Theme) => import("@emotion/react").SerializedStyles;