{ "$comment": "Generated from vocabulary.js by build-vocabulary.js — do not edit. vocabulary.js is the source and is a classic script by necessity; see that file.", "counts": { "terms": 56, "tiers": 8, "anatomy": 26 }, "terms": [ { "term": "Chip", "tier": "Base", "tierBlurb": "Not a containment tier — the two shapes every Block and Inline term is built from. Both are writable on their own, and both are declared at zero specificity in a :where() that names every composite, so a leaf class always wins.", "element": "", "meaning": "The inline lineage: layout and alignment, no skin. Every Button, Pill and Badge is one", "class": "chip" }, { "term": "Surface", "tier": "Base", "tierBlurb": "Not a containment tier — the two shapes every Block and Inline term is built from. Both are writable on their own, and both are declared at zero specificity in a :where() that names every composite, so a leaf class always wins.", "element": "
/
", "meaning": "The block lineage: background, border, radius, and the tonal tint recipe. Every Card, Alert, Toast, Popover, Drawer and Dialog is one", "class": "surface" }, { "term": "App", "tier": "Frame", "tierBlurb": "The application shell. Persistent across navigation.", "element": "", "meaning": "The whole application surface", "class": "app" }, { "term": "Topbar", "tier": "Frame", "tierBlurb": "The application shell. Persistent across navigation.", "element": "
", "meaning": "Global bar across the top", "class": "topbar" }, { "term": "Sidebar", "tier": "Frame", "tierBlurb": "The application shell. Persistent across navigation.", "element": "