/** * Size token definitions for the uniform `size` prop across all components. * * Three-level multiplier scale: small | medium | large * Component categories with different baseline dimensions apply their own * override values on top of SIZE_SCALE (e.g. input fields use taller heights). */ /** The three allowed values for the `size` prop on every component. */ export type SizeProp = 'small' | 'medium' | 'large'; /** * Shape of one row in SIZE_SCALE. * * - `height` — default interactive height in dp * - `paddingH` — horizontal padding in dp * - `paddingV` — vertical padding in dp * - `iconSize` — icon size in dp * - `touchTarget` — minimum touch target size in dp (MUST always ≥ 48 — constitution Principle V / WCAG 2.1 AA) * - `fontSizeScale` — multiplier applied to the component's base font size */ export interface SizeTokens { height: number; paddingH: number; paddingV: number; iconSize: number; touchTarget: number; fontSizeScale: number; } /** * Centralized size scale. * * All components that are sensitive to size use these values as a baseline. * Per-category overrides (inputs, chips, avatars, etc.) are applied in each * component's own `.tsx` file by reading the relevant field(s) and substituting * category-specific dimensions. */ export declare const SIZE_SCALE: Record; //# sourceMappingURL=size.d.ts.map