zebpay-ui 0.0.129 → 0.0.130

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/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";