zebpay-ui 0.0.128 → 0.0.130

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/components/PinInput/style.d.ts

@@ -1,9 +1,11 @@
-import type { Theme } from "../../globalTypings";
+import type { ThemeVersion, Theme } from "../../globalTypings";
+import type { PinInputBorderRadiusType } from "./typing";
+export declare const resolveBorderRadius: (borderRadius?: number, borderRadiusType?: PinInputBorderRadiusType) => string;
 export declare const pins: 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 label: (mode?: Theme, version?: ThemeVersion, disabled?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const labelError: (mode?: Theme, version?: ThemeVersion) => import("@emotion/react").SerializedStyles;
+export declare const inputFocused: (focused: boolean, inValid: boolean, mode?: Theme, version?: ThemeVersion) => import("@emotion/react").SerializedStyles;
+export declare const invalidPins: (mode?: Theme, version?: ThemeVersion) => 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 disabledInput: import("@emotion/react").SerializedStyles;
-export declare const maskStyle: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const input: (mode?: Theme, version?: ThemeVersion, borderRadius?: number, borderRadiusType?: PinInputBorderRadiusType, disabled?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const maskStyle: (mode?: Theme, version?: ThemeVersion) => import("@emotion/react").SerializedStyles;

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

@@ -1,6 +1,7 @@
 import { SerializedStyles } from "@emotion/react";
 import React from "react";
-import type { Theme } from "../../globalTypings";
+import type { ThemeVersion, Theme } from "../../globalTypings";
+export type PinInputBorderRadiusType = "px" | "%";
 export type PinInputProps = {
     label?: string;
     values: string[];
@@ -18,6 +19,12 @@ export type PinInputProps = {
     inputContainerStyle?: SerializedStyles;
     inputFieldStyle?: SerializedStyles;
     mode?: Theme;
+    /** Color scheme generation — defaults to v2 */
+    version?: ThemeVersion;
+    /** Cell corner radius value — defaults to 5 */
+    borderRadius?: number;
+    /** Unit for borderRadius — `"px"` (default) or `"%"` */
+    borderRadiusType?: PinInputBorderRadiusType;
 } & Pick<React.InputHTMLAttributes<HTMLInputElement>, "disabled" | "id" | "inputMode" | "onBlur" | "onFocus" | "onKeyDown" | "placeholder">;
 export type PinInputFieldProps = {
     index: number;

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

package/dist/cjs/globalTypings.d.ts

@@ -1 +1,3 @@
 export type Theme = "light" | "dark" | "extraDark";
+/** Color scheme generation — v2 (mobile znew) or v3 */
+export type ThemeVersion = "v2" | "v3";