import { Theme } from '@mui/material/styles'; /** * Decorative slot washes shared by the block layouts and the presentational components, so * one source holds each gradient. The 20%–25% washes layer over `background.paper` via * `backgroundImage`; `DISCOVERED_ACCOUNTS_GRADIENT` is opaque and stands alone. * * - WARM_LIME_ACCENT_GRADIENT: merchant categorization and deposit celebration states. * - CELEBRATION_GRADIENT / ACCOUNT_CONNECTED_GRADIENT: balance milestones, account connected. * - WARNING_WASH_GRADIENT: a flagged charge (Unexpected Subscription Payment). * - getPrimaryWashGradient(theme): pending connect / detected subscription, from the palette. */ /** * Warm → lime accent wash at 20% opacity. Used as a tinted background behind * merchant categorization highlights and deposit celebration callouts. */ export declare const WARM_LIME_ACCENT_GRADIENT = "linear-gradient(200.73deg, rgba(255, 223, 152, 0.2) 1.86%, rgba(173, 248, 43, 0.2) 101.54%)"; /** Warm → pink wash behind balance/savings milestones. */ export declare const CELEBRATION_GRADIENT = "linear-gradient(200.73deg, rgba(255, 223, 152, 0.2) 1.86%, rgba(255, 128, 229, 0.2) 101.54%)"; /** Peach → pink gradient for Discovered Accounts success state. */ export declare const DISCOVERED_ACCOUNTS_GRADIENT = "linear-gradient(200.73deg, rgba(255, 224, 153, 1) 1.86%, rgba(255, 129, 230, 1) 101.54%)"; /** * Warm → pink wash at 20% opacity for the account-connected success state. * Layer over `background.paper` (the Figma spec's `#FFF` base), not the * `background` shorthand — a 20% gradient over transparency renders wrong. */ export declare const ACCOUNT_CONNECTED_GRADIENT = "linear-gradient(257deg, rgba(255, 224, 153, 0.2) 1.86%, rgba(255, 129, 230, 0.2) 101.54%)"; /** * Orange → red-orange wash at 25% opacity behind a flagged charge (Unexpected Subscription * Payment). Figma "Warning Gradient 1": a bespoke two-stop blend with no palette token, so it * stays a literal like the other washes here rather than being derived from `palette.warning`. */ export declare const WARNING_WASH_GRADIENT = "linear-gradient(201deg, rgba(255, 170, 0, 0.25) 1.86%, rgba(255, 68, 0, 0.25) 101.54%)"; /** * Blue slot wash behind a pending connect / detected-subscription row: `primary.light` → * `primary.main` at 75% over paper, built from the live palette so it follows the theme. */ export declare const getPrimaryWashGradient: ({ palette }: Theme) => string;