zebpay-ui 0.0.121 → 0.0.123

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

@@ -1,3 +1,4 @@
+import { 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,7 @@
 import { Theme } from "../globalTypings";
 import type { ZColorScheme } from "./types";
 import { ZColors, ZGradientConst } from "./zColors";
+import { ZGradientColors, ZGradientConstCss } from "./zGradients";
 /** Mobile v2 ZLightColorScheme */
 export declare const lightColorScheme: ZColorScheme;
 /** Mobile v2 ZDarkColorScheme — web blue / component `mode="dark"` */
@@ -8,4 +9,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/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/MobileCalenderPicker/styles.d.ts

@@ -5,4 +5,4 @@ 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 themedOverrides: (mode?: Theme) => import("@emotion/react").SerializedStyles;