import React from 'react'; import type { AvatarSize } from './Avatar.js'; /** * Figma's `Color` axis. Seven hues, each a `--color--300` -> `-200` -> * `-50` run with the initials on `-600` — every rung already in the palette, * which is the tell that it was drawn from the ramp rather than beside it. * * There was an eighth, `light`, and it is gone rather than renamed: the * 2026-08-28 redesign turned every disc pale, so a separate pale one had * nothing left to be. */ export type AvatarGradientColor = 'slate' | 'blue' | 'violet' | 'pink' | 'orange' | 'green' | 'red'; export interface AvatarGradientProps extends React.HTMLAttributes { /** Matches the Figma `Size` variant: Mini 24, Small 32, Medium 40, Large 48. */ size?: AvatarSize; /** Matches the Figma `Color` variant. */ color?: AvatarGradientColor; /** The two letters. Figma's `Initials`. */ initials?: string; /** * Describes the person, not the picture — "Ada Lovelace", not "avatar". * Without it the initials are announced as the letters they are, which is * not a name. */ alt?: string; } /** * AvatarGradient is Avatar's initials-only sibling: a tinted, bevelled disc for * people who have no photo. * * IT IS A SEPARATE COMPONENT BECAUSE FIGMA DRAWS A SEPARATE COMPONENT, AND THE * AXES ARE THE ARGUMENT * * It has `Color`, which Avatar does not. It has no `Shape`, because a gradient * this directional only reads on a circle. It has no `Type`, because there is * no image and no icon to fall back to — the initials are the whole content. * Folding it into Avatar would mean a `color` prop that does nothing on three * of Avatar's four states and a `shape` prop that this one has to reject. * * There is no `icon` and no `src` fallback here on purpose. If you have a * photo, or nothing at all to put in the circle, that is `Avatar`. */ export declare const AvatarGradient: React.ForwardRefExoticComponent>; //# sourceMappingURL=AvatarGradient.d.ts.map