zebpay-ui 0.0.124 → 0.0.126

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

@@ -1,5 +1,4 @@
-export { ZThemeProvider, useZTheme, ThemeContext } from "./ZThemeProvider";
-export type { ZThemeProviderProps, ThemeContextValue } from "./ZThemeProvider";
-export { lightColorScheme, darkColorScheme, extraDarkColorScheme, getZColorSchemeForTheme, ZColors, ZGradientConst, } from "./zColorScheme";
-export { zColorTokens } from "./zColorTokens";
-export type { ZColorScheme } from "./types";
+export { ZThemeProvider, useZTheme, ThemeContext, lightColorScheme, darkColorScheme, extraDarkColorScheme, getZColorSchemeForTheme, ZColors, ZGradientConst, } from "./v2";
+export type { ZThemeProviderProps, ThemeContextValue, ZColorScheme, } from "./v2";
+export { ZThemeProviderV3, useZThemeV3, ThemeContextV3, lightColorSchemeV3, darkColorSchemeV3, extraDarkColorSchemeV3, getZColorSchemeForThemeV3, ZColorsV3, ZGradientColorsV3, } from "./v3";
+export type { ZThemeProviderPropsV3, ThemeContextValueV3, ZColorSchemeV3, } from "./v3";

package/dist/cjs/theme/{ZThemeProvider.d.ts → v2/ZThemeProvider.d.ts}

@@ -1,7 +1,6 @@
 /** @jsxImportSource @emotion/react */
 import React from "react";
-import type { Theme } from "../globalTypings";
-import "./theme.css";
+import type { Theme } from "../../globalTypings";
 import { ZColorScheme } from "./types";
 export interface ThemeContextValue {
     theme: Theme;

package/dist/{esm/theme → cjs/theme/v2}/componentColors.d.ts

@@ -1,4 +1,4 @@
-import type { Theme } from "../globalTypings";
+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;

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

@@ -0,0 +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";

package/dist/{esm/theme → cjs/theme/v2}/zColorScheme.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from "../globalTypings";
+import { Theme } from "../../globalTypings";
 import type { ZColorScheme } from "./types";
 import { ZColors, ZGradientConst } from "./zColors";
 import { ZGradientColors, ZGradientConstCss } from "./zGradients";

package/dist/cjs/theme/v3/ZColorScheme.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Mirrored from mobile v3 ZColorScheme.kt
+ * Theme keys match web/v2: light | dark | extraDark
+ * (mobile Kotlin companion `v4Dark` → web `extraDark`)
+ */
+import type { Theme } from "../../globalTypings";
+import type { ZColorSchemeV3 } from "./types";
+/** Mobile v3 light scheme */
+export declare const lightColorSchemeV3: ZColorSchemeV3;
+/** Mobile v3 dark scheme */
+export declare const darkColorSchemeV3: ZColorSchemeV3;
+/** Mobile v3 extraDark scheme (Kotlin v4Dark) */
+export declare const extraDarkColorSchemeV3: ZColorSchemeV3;
+export declare function getZColorSchemeForThemeV3(theme: Theme): ZColorSchemeV3;

package/dist/cjs/theme/v3/ZColors.d.ts

@@ -0,0 +1,91 @@
+/**
+ * Primitive palette mirrored from mobile v3:
+ * zebpay_multiplatform/design/v3/.../v3/color/ZColors.kt
+ */
+export declare const ZColorsV3: {
+    readonly Primary01: "#34345A";
+    readonly Primary02: "#FFFFFF";
+    readonly Primary03: "#3751FE";
+    readonly Secondary01: "#484865";
+    readonly Secondary02: "#ACB8F8";
+    readonly White01: "#FAFDFF";
+    readonly White02: "#F4F7FF";
+    readonly White03: "#F6F9FF";
+    readonly White04: "#F3F5FF80";
+    readonly White05: "#F6F9FF0D";
+    readonly Black01: "#0C0E29";
+    readonly Black02: "#101535";
+    readonly Black03: "#131C40";
+    readonly Black04: "#2F2D5B";
+    readonly Black05: "#202543";
+    readonly Black06: "#43496D";
+    readonly Black07: "#191A39B3";
+    readonly Grey01: "#828282";
+    readonly Grey02: "#B5B5B5";
+    readonly Purple01: "#964EF5";
+    readonly Blue01: "#1F2651";
+    readonly Blue02: "#3563FD";
+    readonly Blue03: "#2153F9";
+    readonly Blue04: "#D9E5FD";
+    readonly Blue05: "#8595BC";
+    readonly Green01: "#193D4E";
+    readonly Green02: "#107D63";
+    readonly Green03: "#0FC985";
+    readonly Green04: "#09CF77";
+    readonly Green05: "#DEFCF0";
+    readonly Green06: "#06BD6E";
+    readonly Green07: "#09B372";
+    readonly Red01: "#421F3B";
+    readonly Red02: "#D94646";
+    readonly Red03: "#C72A2A";
+    readonly Red04: "#F75C5C";
+    readonly Red05: "#FFDEE0";
+    readonly Red06: "#E63946";
+    readonly Red07: "#EA4E51";
+    readonly Yellow01: "#3B2B0A";
+    readonly Yellow02: "#E1A203";
+    readonly Yellow03: "#EE9435";
+    readonly Yellow04: "#FBB127";
+    readonly Yellow05: "#FFF6DB";
+    readonly Yellow06: "#EDA42D";
+    readonly Yellow07: "#E3A43F";
+    readonly Blur01: "#1F3C6380";
+    readonly Blur02: "#16205E80";
+    readonly FiatColor: "#309BF2";
+    readonly CryptoColor: "#A76AF6";
+    readonly V4Blue01: "#4660FE";
+    readonly V4Blue02: "#6A93FF";
+    readonly V4Blue03: "#647096";
+    readonly V4Blue04: "#1D212B";
+    readonly V4Blue05: "#26293E";
+    readonly V4Blue06: "#14161C";
+    readonly V4Black01: "#000000";
+    readonly V4Black02: "#2B2B30";
+    readonly V4Black03: "#1A1C27";
+    readonly V4Grey01: "#5F6267";
+    readonly V4Grey02: "#8B95B0";
+    readonly V4Grey03: "#C0C7DC";
+    readonly V4Grey04: "#647096";
+    readonly V4Purple01: "#A062F2";
+    readonly V4Red01: "#E75252";
+    readonly V4Green01: "#038153";
+    readonly V4Green02: "#0FC985";
+    readonly V4Yellow01: "#B09600";
+    readonly V4Yellow02: "#FFF15A";
+    readonly V4White01: "#F8F8F8";
+    readonly V4WhiteTransparent: "#FFFFFF0D";
+    readonly V4WhiteTransparent01: "#FFFFFF66";
+    readonly V4Primary01: "#4D4CFE";
+    readonly V4Red02: "#C24239";
+    readonly V4Green03: "#178F70";
+    readonly V4Purple02: "#964EF5";
+    readonly V4Grey05: "#C4C4C4";
+    readonly V4Shimmer01: "#252A34";
+    readonly V4GraphGreen01: "#193B33";
+    readonly V4GraphRed01: "#2B1F20";
+    readonly V4IllustrationGreen01: "#22D4AB";
+    readonly V4IllustrationRed01: "#F75C5C";
+    readonly V4Banner01: "#17293B";
+    readonly V4CyclicTextColor: "#6A93FF";
+};
+export type ZColorNameV3 = keyof typeof ZColorsV3;

package/dist/cjs/theme/v3/ZGradientColors.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Gradient primitives mirrored from mobile v3 ZGradientColors.kt
+ */
+export declare const ZGradientColorsV3: {
+    readonly Primary01: "linear-gradient(90deg, #5786FF 0%, #3751FE 100%)";
+    readonly Black01: "linear-gradient(90deg, #2F355400 0%, #393F61 30%, #393F61 70%, #2F355400 100%)";
+    readonly Purple01: "linear-gradient(90deg, #36327300 0%, #363273 28.255%, #363273 70%, #36327300 0%)";
+    readonly Blue01: "linear-gradient(65deg, #0A1244 0%, #182D80 50%, #130955 100%)";
+    readonly Blue02: "linear-gradient(90deg, #DBE2FB00 0%, #D5E9FF 30%, #DBE9FB 70%, #DBE6FB00 100%)";
+    readonly Blue03: "linear-gradient(65deg, #E9F7FF 0%, #D8EDFF 31%, #F5FCF0 60.5%, #E6EEFF 84.5691%)";
+    readonly Blue4: "linear-gradient(70deg, #02376E 0.0169%, #0E1A2B 50.1233%, #112842 87.1258%)";
+    readonly Green01: "linear-gradient(0deg, #EFFFF1 0%, #59DA89 100%)";
+    readonly Green02: "linear-gradient(0deg, #110B4B 40%, #1DAB62 100%)";
+    readonly Green03: "linear-gradient(0deg, #22D4AB80 8.9%, #59DA8900 100%)";
+    readonly Green04: "linear-gradient(90deg, #3DC489 0%, #0F9F5A 100%)";
+    readonly Green05: "linear-gradient(90deg, #1DBE8D 0%, #158569 100%)";
+    readonly Red01: "linear-gradient(0deg, #FFEFEF 0%, #FF9D9D 100%)";
+    readonly Red02: "linear-gradient(0deg, #120C4B 23%, #FF6767 77%)";
+    readonly Red03: "linear-gradient(0deg, #F75C5C80 0%, #F75C5C00 100%)";
+    readonly Red04: "linear-gradient(90deg, #F65053 0%, #D12A2D 100%)";
+    readonly Red05: "linear-gradient(90deg, #F75C5C 0%, #B43A2F 100%)";
+    readonly MiscGradientGreen01: "linear-gradient(0deg, #22D4AB33 20%, #59DA8900 100%)";
+    readonly MiscGradientGreen02: "linear-gradient(90deg, #89F1B800 0%, #89F1B84D 39%, #89F1B8 100%)";
+    readonly MiscGradientGreen03: "linear-gradient(90deg, #2F875600 0%, #2F87564D 39%, #2F8756 100%)";
+    readonly MiscGradientRed01: "linear-gradient(180deg, #F75C5C33 20%, #F75C5C00 100%)";
+    readonly MiscGradientRed02: "linear-gradient(270deg, #FFD3D300 0%, #FFD3D34D 39%, #FFD3D3 100%)";
+    readonly MiscGradientRed03: "linear-gradient(270deg, #8F404000 0%, #8F40404D 40%, #8F4040 100%)";
+    readonly MiscGradientWhite: "linear-gradient(69deg, #FFFFFF99 60%, #FFFFFF33 100%)";
+    readonly Purple02: "linear-gradient(287deg, #BE23E7 0%, #5132D9 54%, #3794FF 100%)";
+    readonly PurpleGradientO2: "linear-gradient(90deg, #3794FF 100%, #5132D9 60%, #BE23E7 0%)";
+    readonly HeaderGradient: "linear-gradient(90deg, #21419C 0%, #1E3A8A 0%, #123495 0%, #082F9E 0%, #0B2A82 0%)";
+    readonly V4Gradient01: "linear-gradient(90deg, #26293E00 0%, #26293E 30%, #26293E 70%, #26293E00 100%)";
+    readonly V4Gradient02: "linear-gradient(89deg, #E8DE88 1.62%, #F5C97D 98.38%)";
+    readonly V4Gradient03: "linear-gradient(176deg, #1C355B 3.1%, #22375A 97.44%)";
+    readonly V4Gradient04: "linear-gradient(356deg, #1D2A50 2.56%, #17203B 96.9%)";
+    readonly V4Gradient05: "linear-gradient(120deg, #3770E1 8.85%, #151866 94.12%)";
+    readonly V4Gradient06: "linear-gradient(180deg, #BF8823 0%, #684300 100%)";
+    readonly V4Gradient07: "linear-gradient(90deg, #252A34 0%, #313747 100%)";
+    readonly V4Gradient08: "linear-gradient(180deg, #22D4AB33 0%, #59DA8900 100%)";
+    readonly V4Gradient09: "linear-gradient(180deg, #D4222233 0%, #DA595900 100%)";
+    readonly V4GradientCyclic: "linear-gradient(180deg, #D4222233 0%, #DA595900 100%)";
+};
+export type ZGradientColorNameV3 = keyof typeof ZGradientColorsV3;

package/dist/cjs/theme/v3/ZThemeProvider.d.ts

@@ -0,0 +1,18 @@
+/** @jsxImportSource @emotion/react */
+/**
+ * v3 theme provider — same theme keys as v2: light | dark | extraDark.
+ */
+import React from "react";
+import type { Theme } from "../../globalTypings";
+import type { ZColorSchemeV3 } from "./types";
+export interface ThemeContextValueV3 {
+    theme: Theme;
+    zColorScheme: ZColorSchemeV3;
+}
+export declare const ThemeContextV3: React.Context<ThemeContextValueV3 | null>;
+export declare function useZThemeV3(): ThemeContextValueV3;
+export interface ZThemeProviderPropsV3 {
+    children: React.ReactNode;
+    theme?: Theme;
+}
+export declare function ZThemeProviderV3({ children, theme, }: ZThemeProviderPropsV3): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/theme/v3/categories/ZBackgroundColors.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Mirrored from mobile v3 ZBackgroundColors.kt
+ */
+export declare const ZBackgroundColors: {
+    readonly light: {
+        readonly default: "#FFFFFF";
+    };
+    readonly dark: {
+        readonly default: "#0C0E29";
+    };
+    readonly extraDark: {
+        readonly default: "#000000";
+    };
+};

package/dist/cjs/theme/v3/categories/ZBannerColors.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Mirrored from mobile v3 ZBannerColor.kt
+ */
+export declare const ZBannerColors: {
+    readonly light: {
+        readonly default: "linear-gradient(65deg, #E9F7FF 0%, #D8EDFF 31%, #F5FCF0 60.5%, #E6EEFF 84.5691%)";
+        readonly purple: "linear-gradient(287deg, #BE23E7 0%, #5132D9 54%, #3794FF 100%)";
+    };
+    readonly dark: {
+        readonly default: "linear-gradient(65deg, #0A1244 0%, #182D80 50%, #130955 100%)";
+        readonly purple: "linear-gradient(287deg, #BE23E7 0%, #5132D9 54%, #3794FF 100%)";
+    };
+    readonly extraDark: {
+        readonly default: "linear-gradient(356deg, #1D2A50 2.56%, #17203B 96.9%)";
+        readonly purple: "linear-gradient(287deg, #BE23E7 0%, #5132D9 54%, #3794FF 100%)";
+    };
+};

package/dist/cjs/theme/v3/categories/ZBlurHighlightColor.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Mirrored from mobile v3 ZBlurHighlightColor.kt
+ */
+export declare const ZBlurHighlightColor: {
+    readonly light: {
+        readonly green: "#DEFCF0";
+        readonly red: "#FFDEE0";
+        readonly yellow: "#FFF6DB";
+    };
+    readonly dark: {
+        readonly green: "#193D4E";
+        readonly red: "#421F3B";
+        readonly yellow: "#3B2B0A";
+    };
+    readonly extraDark: {
+        readonly green: "#193D4E";
+        readonly red: "#421F3B";
+        readonly yellow: "#3B2B0A";
+    };
+};

package/dist/cjs/theme/v3/categories/ZBottomSheetColors.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Mirrored from mobile v3 ZBottomsheetColors.kt
+ */
+export declare const ZBottomSheetColors: {
+    readonly light: {
+        readonly scrim: "#1F3C6380";
+        readonly default: "#FFFFFF";
+        readonly green: "linear-gradient(0deg, #EFFFF1 0%, #59DA89 100%)";
+        readonly red: "linear-gradient(0deg, #FFEFEF 0%, #FF9D9D 100%)";
+    };
+    readonly dark: {
+        readonly scrim: "#16205E80";
+        readonly default: "#0C0E29";
+        readonly green: "linear-gradient(0deg, #110B4B 40%, #1DAB62 100%)";
+        readonly red: "linear-gradient(0deg, #120C4B 23%, #FF6767 77%)";
+    };
+    readonly extraDark: {
+        readonly default: "#000000";
+        readonly green: "linear-gradient(90deg, #000000 0%, #000000 100%)";
+        readonly red: "linear-gradient(90deg, #000000 0%, #000000 100%)";
+        readonly scrim: "#16205E80";
+    };
+};

package/dist/cjs/theme/v3/categories/ZButtonColors.d.ts

@@ -0,0 +1,92 @@
+/**
+ * Mirrored from mobile v3 ZButtonColors.kt
+ */
+export declare const ZButtonColors: {
+    readonly light: {
+        readonly primary: {
+            readonly textActive: "#FFFFFF";
+            readonly textDisable: "#FFFFFF";
+            readonly fillActive: "linear-gradient(90deg, #5786FF 0%, #3751FE 100%)";
+            readonly fillRed: "linear-gradient(90deg, #F65053 0%, #D12A2D 100%)";
+            readonly fillGreen: "linear-gradient(90deg, #3DC489 0%, #0F9F5A 100%)";
+            readonly fillDisable: "#B5B5B5";
+        };
+        readonly secondary: {
+            readonly textActive: "linear-gradient(90deg, #5786FF 0%, #3751FE 100%)";
+            readonly textWhite: "#FFFFFF";
+            readonly textDisable: "#B5B5B5";
+            readonly fillActive: "#FAFDFF";
+            readonly fillDisable: "#FAFDFF";
+            readonly borderActive: "linear-gradient(90deg, #5786FF 0%, #3751FE 100%)";
+            readonly borderDisable: "#B5B5B5";
+            readonly borderGreen: "linear-gradient(90deg, #3DC489 0%, #0F9F5A 100%)";
+            readonly borderRed: "linear-gradient(90deg, #F65053 0%, #D12A2D 100%)";
+        };
+        readonly tertiary: {
+            readonly textActive: "linear-gradient(90deg, #5786FF 0%, #3751FE 100%)";
+            readonly textDisable: "#B5B5B5";
+            readonly textBlack: "#34345A";
+            readonly textWhite: "#FFFFFF";
+            readonly tabActive: "linear-gradient(90deg, #5786FF 0%, #3751FE 100%)";
+            readonly cyclicActive: "linear-gradient(90deg, #5786FF 0%, #3751FE 100%)";
+        };
+    };
+    readonly dark: {
+        readonly primary: {
+            readonly textActive: "#FFFFFF";
+            readonly textDisable: "#FFFFFF";
+            readonly fillActive: "linear-gradient(90deg, #5786FF 0%, #3751FE 100%)";
+            readonly fillRed: "linear-gradient(90deg, #F75C5C 0%, #B43A2F 100%)";
+            readonly fillGreen: "linear-gradient(90deg, #1DBE8D 0%, #158569 100%)";
+            readonly fillDisable: "#828282";
+        };
+        readonly secondary: {
+            readonly textActive: "linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 100%)";
+            readonly textWhite: "#FFFFFF";
+            readonly textDisable: "#828282";
+            readonly fillActive: "#101535";
+            readonly fillDisable: "#101535";
+            readonly borderActive: "linear-gradient(90deg, #5786FF 0%, #3751FE 100%)";
+            readonly borderDisable: "#828282";
+            readonly borderGreen: "linear-gradient(90deg, #1DBE8D 0%, #158569 100%)";
+            readonly borderRed: "linear-gradient(90deg, #F75C5C 0%, #B43A2F 100%)";
+        };
+        readonly tertiary: {
+            readonly textActive: "linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 100%)";
+            readonly textDisable: "#828282";
+            readonly textBlack: "#FFFFFF";
+            readonly textWhite: "#FFFFFF";
+            readonly tabActive: "linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 100%)";
+            readonly cyclicActive: "linear-gradient(90deg, #5786FF 0%, #3751FE 100%)";
+        };
+    };
+    readonly extraDark: {
+        readonly primary: {
+            readonly textActive: "#F8F8F8";
+            readonly textDisable: "#C4C4C4";
+            readonly fillActive: "linear-gradient(90deg, #5786FF 0%, #3751FE 100%)";
+            readonly fillRed: "linear-gradient(90deg, #F75C5C 0%, #B43A2F 100%)";
+            readonly fillGreen: "linear-gradient(90deg, #1DBE8D 0%, #158569 100%)";
+            readonly fillDisable: "#5F6267";
+        };
+        readonly secondary: {
+            readonly textActive: "linear-gradient(90deg, #F8F8F8 0%, #F8F8F8 100%)";
+            readonly textWhite: "#F8F8F8";
+            readonly textDisable: "#F8F8F8";
+            readonly fillActive: "#000000";
+            readonly fillDisable: "#5F6267";
+            readonly borderActive: "linear-gradient(90deg, #5786FF 0%, #3751FE 100%)";
+            readonly borderDisable: "#5F6267";
+            readonly borderGreen: "linear-gradient(90deg, #1DBE8D 0%, #158569 100%)";
+            readonly borderRed: "linear-gradient(90deg, #F75C5C 0%, #B43A2F 100%)";
+        };
+        readonly tertiary: {
+            readonly textActive: "linear-gradient(90deg, #F8F8F8 0%, #F8F8F8 100%)";
+            readonly textDisable: "#5F6267";
+            readonly textBlack: "#F8F8F8";
+            readonly textWhite: "#F8F8F8";
+            readonly tabActive: "linear-gradient(90deg, #F8F8F8 0%, #F8F8F8 100%)";
+            readonly cyclicActive: "linear-gradient(90deg, #6A93FF 0%, #6A93FF 100%)";
+        };
+    };
+};

package/dist/cjs/theme/v3/categories/ZCardColors.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Mirrored from mobile v3 ZCardColors.kt
+ */
+export declare const ZCardColors: {
+    readonly light: {
+        readonly default: "#FAFDFF";
+        readonly default02: "#FAFDFF";
+        readonly fill: "#FAFDFF";
+        readonly selected: "#F4F7FF";
+        readonly border: "#D9E5FD";
+        readonly borderYellow: "#E1A203";
+        readonly borderRed: "#D94646";
+        readonly borderGreen: "#107D63";
+        readonly borderBlue: "linear-gradient(90deg, #5786FF 0%, #3751FE 100%)";
+    };
+    readonly dark: {
+        readonly default: "#131C40";
+        readonly default02: "#131C40";
+        readonly fill: "#131C40";
+        readonly selected: "#101535";
+        readonly border: "#1F2651";
+        readonly borderYellow: "#FBB127";
+        readonly borderRed: "#F75C5C";
+        readonly borderGreen: "#0FC985";
+        readonly borderBlue: "linear-gradient(90deg, #5786FF 0%, #3751FE 100%)";
+    };
+    readonly extraDark: {
+        readonly default: "#1D212B";
+        readonly default02: "#14161C";
+        readonly fill: "#1D212B";
+        readonly selected: "#1D212B";
+        readonly border: "#1D212B";
+        readonly borderYellow: "#FBB127";
+        readonly borderRed: "#F75C5C";
+        readonly borderGreen: "#0FC985";
+        readonly borderBlue: "linear-gradient(90deg, #5786FF 0%, #3751FE 100%)";
+    };
+};

package/dist/cjs/theme/v3/categories/ZGraphColor.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Mirrored from mobile v3 ZGraphColor.kt
+ */
+export declare const ZGraphColor: {
+    readonly light: {
+        readonly green: "linear-gradient(0deg, #22D4AB80 8.9%, #59DA8900 100%)";
+        readonly red: "linear-gradient(0deg, #F75C5C80 0%, #F75C5C00 100%)";
+    };
+    readonly dark: {
+        readonly green: "linear-gradient(0deg, #22D4AB80 8.9%, #59DA8900 100%)";
+        readonly red: "linear-gradient(0deg, #F75C5C80 0%, #F75C5C00 100%)";
+    };
+    readonly extraDark: {
+        readonly green: "linear-gradient(180deg, #22D4AB33 0%, #59DA8900 100%)";
+        readonly red: "linear-gradient(180deg, #D4222233 0%, #DA595900 100%)";
+    };
+};

package/dist/cjs/theme/v3/categories/ZGraphicsColors.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Mirrored from mobile v3 ZGraphicsColors.kt
+ */
+export declare const ZGraphicsColors: {
+    readonly light: {
+        readonly rrMeterPrimary: "linear-gradient(90deg, #5786FF 0%, #3751FE 100%)";
+        readonly rrMeterSecondary: "#D9E5FD";
+        readonly pieChartGreen: "#09CF77";
+        readonly pieChartBlue: "#2153F9";
+        readonly pieChartPurple: "#964EF5";
+        readonly glowGreen: "#DEFCF0";
+        readonly glowRed: "#FFDEE0";
+        readonly graphGreen: "linear-gradient(0deg, #22D4AB33 20%, #59DA8900 100%)";
+        readonly graphRed: "linear-gradient(180deg, #F75C5C33 20%, #F75C5C00 100%)";
+        readonly badgeActive: "linear-gradient(90deg, #5786FF 0%, #3751FE 100%)";
+        readonly badgeDefault: "#D9E5FD";
+    };
+    readonly dark: {
+        readonly rrMeterPrimary: "linear-gradient(90deg, #5786FF 0%, #3751FE 100%)";
+        readonly rrMeterSecondary: "#D9E5FD";
+        readonly pieChartGreen: "#09CF77";
+        readonly pieChartBlue: "#2153F9";
+        readonly pieChartPurple: "#964EF5";
+        readonly glowGreen: "#193D4E";
+        readonly glowRed: "#421F3B";
+        readonly graphGreen: "linear-gradient(90deg, #193D4E 0%, #193D4E 100%)";
+        readonly graphRed: "linear-gradient(90deg, #421F3B 0%, #421F3B 100%)";
+        readonly badgeActive: "linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 100%)";
+        readonly badgeDefault: "#43496D";
+    };
+    readonly extraDark: {
+        readonly rrMeterPrimary: "linear-gradient(90deg, #5786FF 0%, #3751FE 100%)";
+        readonly rrMeterSecondary: "#D9E5FD";
+        readonly pieChartGreen: "#0FC985";
+        readonly pieChartBlue: "#4660FE";
+        readonly pieChartPurple: "#A062F2";
+        readonly glowGreen: "#1D212B";
+        readonly glowRed: "#1D212B";
+        readonly graphGreen: "linear-gradient(90deg, #193B33 0%, #193B33 100%)";
+        readonly graphRed: "linear-gradient(90deg, #2B1F20 0%, #2B1F20 100%)";
+        readonly badgeActive: "linear-gradient(90deg, #F8F8F8 0%, #F8F8F8 100%)";
+        readonly badgeDefault: "#C0C7DC";
+    };
+};

package/dist/cjs/theme/v3/categories/ZIconColors.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Mirrored from mobile v3 ZIconColors.kt
+ */
+export declare const ZIconColors: {
+    readonly light: {
+        readonly singleTonePrimary: "#34345A";
+        readonly singleToneSecondary: "#484865";
+        readonly singleToneActive: "linear-gradient(90deg, #5786FF 0%, #3751FE 100%)";
+        readonly singleToneDisable: "#B5B5B5";
+        readonly singleToneWhite: "#FFFFFF";
+        readonly singleToneRed: "#C72A2A";
+        readonly singleToneGreen: "#107D63";
+        readonly singleToneYellow: "#E1A203";
+        readonly singleToneBlue: "#3563FD";
+        readonly singleToneGrey: "#828282";
+        readonly dualToneSolid: "#34345A";
+        readonly dualToneGradient: "linear-gradient(90deg, #5786FF 0%, #3751FE 100%)";
+        readonly illustrationGreen: "linear-gradient(0deg, #22D4AB33 20%, #59DA8900 100%)";
+        readonly illustrationRed: "linear-gradient(180deg, #F75C5C33 20%, #F75C5C00 100%)";
+    };
+    readonly dark: {
+        readonly singleTonePrimary: "#FFFFFF";
+        readonly singleToneSecondary: "#ACB8F8";
+        readonly singleToneActive: "linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 100%)";
+        readonly singleToneDisable: "#828282";
+        readonly singleToneWhite: "#FFFFFF";
+        readonly singleToneRed: "#F75C5C";
+        readonly singleToneGreen: "#0FC985";
+        readonly singleToneYellow: "#FBB127";
+        readonly singleToneBlue: "#3563FD";
+        readonly singleToneGrey: "#B5B5B5";
+        readonly dualToneSolid: "#FFFFFF";
+        readonly dualToneGradient: "linear-gradient(90deg, #5786FF 0%, #3751FE 100%)";
+        readonly illustrationGreen: "linear-gradient(0deg, #22D4AB33 20%, #59DA8900 100%)";
+        readonly illustrationRed: "linear-gradient(180deg, #F75C5C33 20%, #F75C5C00 100%)";
+    };
+    readonly extraDark: {
+        readonly singleTonePrimary: "#F8F8F8";
+        readonly singleToneSecondary: "#C0C7DC";
+        readonly singleToneActive: "linear-gradient(90deg, #F8F8F8 0%, #F8F8F8 100%)";
+        readonly singleToneDisable: "#5F6267";
+        readonly singleToneWhite: "#F8F8F8";
+        readonly singleToneRed: "#E75252";
+        readonly singleToneGreen: "#0FC985";
+        readonly singleToneYellow: "#FFF15A";
+        readonly singleToneBlue: "#6A93FF";
+        readonly singleToneGrey: "#C4C4C4";
+        readonly dualToneSolid: "#F8F8F8";
+        readonly dualToneGradient: "linear-gradient(90deg, #6A93FF 0%, #6A93FF 100%)";
+        readonly illustrationGreen: "linear-gradient(0deg, #22D4AB33 20%, #59DA8900 100%)";
+        readonly illustrationRed: "linear-gradient(180deg, #F75C5C33 20%, #F75C5C00 100%)";
+    };
+};

package/dist/cjs/theme/v3/categories/ZInputFieldColors.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Mirrored from mobile v3 ZInputFieldColors.kt
+ */
+export declare const ZInputFieldColors: {
+    readonly light: {
+        readonly borderDefault: "#D9E5FD";
+        readonly borderActive: "#3563FD";
+        readonly borderFilled: "#D9E5FD";
+        readonly borderError: "#D94646";
+        readonly borderDisabled: "#B5B5B5";
+        readonly backgroundDefault: "#FAFDFF";
+        readonly backgroundDisabled: "#F4F7FF";
+    };
+    readonly dark: {
+        readonly borderDefault: "#2F2D5B";
+        readonly borderActive: "#3563FD";
+        readonly borderFilled: "#2F2D5B";
+        readonly borderError: "#F75C5C";
+        readonly borderDisabled: "#828282";
+        readonly backgroundDefault: "#101535";
+        readonly backgroundDisabled: "#131C40";
+    };
+    readonly extraDark: {
+        readonly borderDefault: "#26293E";
+        readonly borderActive: "#4D4CFE";
+        readonly borderFilled: "#000000";
+        readonly borderError: "#E75252";
+        readonly borderDisabled: "#5F6267";
+        readonly backgroundDefault: "#000000";
+        readonly backgroundDisabled: "#000000";
+    };
+};

package/dist/cjs/theme/v3/categories/ZMiscGradients.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Mirrored from mobile v3 ZMiscGradients.kt
+ */
+export declare const ZMiscGradients: {
+    readonly light: {
+        readonly askGreen: "linear-gradient(90deg, #89F1B800 0%, #89F1B84D 39%, #89F1B8 100%)";
+        readonly bidRed: "linear-gradient(270deg, #FFD3D300 0%, #FFD3D34D 39%, #FFD3D3 100%)";
+        readonly purple: "linear-gradient(90deg, #3794FF 100%, #5132D9 60%, #BE23E7 0%)";
+    };
+    readonly dark: {
+        readonly askGreen: "linear-gradient(90deg, #2F875600 0%, #2F87564D 39%, #2F8756 100%)";
+        readonly bidRed: "linear-gradient(270deg, #8F404000 0%, #8F40404D 40%, #8F4040 100%)";
+        readonly purple: "linear-gradient(90deg, #3794FF 100%, #5132D9 60%, #BE23E7 0%)";
+    };
+    readonly extraDark: {
+        readonly askGreen: "linear-gradient(90deg, #2F875600 0%, #2F87564D 39%, #2F8756 100%)";
+        readonly bidRed: "linear-gradient(270deg, #8F404000 0%, #8F40404D 40%, #8F4040 100%)";
+        readonly purple: "linear-gradient(90deg, #3794FF 100%, #5132D9 60%, #BE23E7 0%)";
+    };
+};

package/dist/cjs/theme/v3/categories/ZNavigationColors.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Mirrored from mobile v3 ZNavigationColors.kt
+ */
+export declare const ZNavigationColors: {
+    readonly light: {
+        readonly top: {
+            readonly onSolidText: "#34345A";
+            readonly onSolidIcon: "#34345A";
+            readonly onSolidIconBg: "#F6F9FF0D";
+            readonly onSolidIconBorder: "#D9E5FD";
+            readonly onGradientText: "#FFFFFF";
+            readonly onGradientIcon: "#FFFFFF";
+            readonly onGradientIconBg: "#F6F9FF0D";
+            readonly onGradientIconBorder: "#F3F5FF80";
+        };
+        readonly bottom: {
+            readonly background: "#FFFFFF";
+            readonly active: "linear-gradient(90deg, #5786FF 0%, #3751FE 100%)";
+            readonly default: "#484865";
+        };
+    };
+    readonly dark: {
+        readonly top: {
+            readonly onSolidText: "#FFFFFF";
+            readonly onSolidIcon: "#FFFFFF";
+            readonly onSolidIconBg: "#131C40";
+            readonly onSolidIconBorder: "#202543";
+            readonly onGradientText: "#FFFFFF";
+            readonly onGradientIcon: "#FFFFFF";
+            readonly onGradientIconBg: "#F6F9FF0D";
+            readonly onGradientIconBorder: "#F3F5FF80";
+        };
+        readonly bottom: {
+            readonly background: "#0C0E29";
+            readonly active: "linear-gradient(90deg, #5786FF 0%, #3751FE 100%)";
+            readonly default: "#ACB8F8";
+        };
+    };
+    readonly extraDark: {
+        readonly top: {
+            readonly onSolidText: "#F8F8F8";
+            readonly onSolidIcon: "#F8F8F8";
+            readonly onSolidIconBg: "#F6F9FF0D";
+            readonly onSolidIconBorder: "#26293E";
+            readonly onGradientText: "#F8F8F8";
+            readonly onGradientIcon: "#F8F8F8";
+            readonly onGradientIconBg: "#FFFFFF0D";
+            readonly onGradientIconBorder: "#FFFFFF66";
+        };
+        readonly bottom: {
+            readonly background: "#000000";
+            readonly active: "linear-gradient(90deg, #6A93FF 0%, #6A93FF 100%)";
+            readonly default: "#8B95B0";
+        };
+    };
+};