alouette/dist/definitions/controlSizes.d.ts

A modern, customizable design system built on top of NativeWind v5 with configurable defaults

/**
 * The `--spacing-control-*` tokens of each density, shared with core.css's
 * `.density-*` blocks. Native never sees those classes, so `DensityScope`
 * pushes this map through NativeWind's `VariableContextProvider` instead.
 */
export declare const densityVariables: {
    readonly comfortable: {
        readonly "--spacing-control-sm": 38;
        readonly "--spacing-control-md": 44;
        readonly "--spacing-control-lg": 52;
        readonly "--spacing-control-chip": 32;
        readonly "--spacing-control-chip-icon": 36;
        readonly "--spacing-control-chip-stacked": 40;
        readonly "--spacing-control-inset": 8;
    };
    readonly compact: {
        readonly "--spacing-control-sm": 32;
        readonly "--spacing-control-md": 36;
        readonly "--spacing-control-lg": 44;
        readonly "--spacing-control-chip": 28;
        readonly "--spacing-control-chip-icon": 28;
        readonly "--spacing-control-chip-stacked": 32;
        readonly "--spacing-control-inset": 4;
    };
};
export type Density = keyof typeof densityVariables;
/**
 * Height (px) of a control at each size, per density — the
 * `--spacing-control-{sm,md,lg}` tokens, for a dimension set from JS (an
 * `IconButton`'s diameter). Read the density with `useDensity()`.
 */
export declare const controlHeightsPx: {
    readonly comfortable: {
        readonly sm: 38;
        readonly md: 44;
        readonly lg: 52;
    };
    readonly compact: {
        readonly sm: 32;
        readonly md: 36;
        readonly lg: 44;
    };
};
//# sourceMappingURL=controlSizes.d.ts.map