/** * THE SPACE RUNGS, named by the pixel they are — the whole spacing vocabulary * of the kit, in CSS as `--lotics-space-` and in JS as the number itself. * * A rung is its own name, so there is nothing to look up and nothing to remember: * `gap={12}` in JS is `var(--lotics-space-12)` in a sheet is 12px on the screen. * The adjectives this replaced (`xs`…`xxl`) could only name six of the ten rungs, * and every sheet that needed one of the other four spelled it as arithmetic — * 391 `calc()`s over the scale, which is a second scale nobody could read. * * 8 between peers, 4 inside a pair, 2 for a hairline offset. 6, 10 and 12 are * CONTROL INTERIORS — a chip's inset, the gap beside an identity mark, a dense * row — and exist for nothing else. 16 / 24 / 32 / 48 are the region rungs, and * the rhythm is 8 inside a group, 24 between peers, 48 between sections. * * There is no rung above 48: a gap that large means the two things belong on * separate screens. */ export declare const SPACE_RUNGS: readonly [2, 4, 6, 8, 10, 12, 16, 24, 32, 48]; export type SpaceToken = (typeof SPACE_RUNGS)[number];