Coverage
This is a sum over pages, not a separate query. Every number here is the same computation that renders the page it counts, so it cannot go stale independently of the site. Read it to learn the state of the system rather than the answer to a specific question.
Is a number a total or an overlap? This matters more than it sounds, and getting it wrong has produced real wrong answers. Some tables below partition — the rows are exclusive and add to the total. Others are overlapping marginals, where one construct appears in several rows, so subtracting one row from another gives a wrong answer that looks right. Every heading says which it is. Trust the heading over your instinct.
Constructs
Axis completeness — these four partition the 125 and sum to it
| count | |
|---|---|
| complete on all four axes (library module · css · story · figma) | 8 |
| three axes | 14 |
| two axes | 29 |
| exactly one axis | 74 |
The single-axis figure is the headline. A construct with one axis is a thing that exists in code and is documented, designed and tested nowhere else.
Per axis — these OVERLAP; do not subtract one from another
| count | |
|---|---|
| earn a page | 125 |
| have a Storybook module | 64 |
| └ of those, mapped to a Figma component set | 10 |
| └ of those, not mapped to Figma | 54 |
| mapped to a Figma component set | 14 |
| └ of those, with no Storybook module | 4 |
| have authored guidance | 16 |
| └ of those, with no Storybook module | 7 |
| have NO authored guidance | 109 |
| used nowhere in the product | 15 |
| └ of those, with a Storybook module | 3 |
Who they are
A count without its members is half an answer, and printing one made a question measurably harder rather than easier: a confident count advertises that a complete answer exists somewhere, which turns enumeration into a search. So where this page prints a count, it names the members.
Storybook module, not mapped to Figma (54) — Accordion, AvatarStack, Box, Breadcrumbs, ButtonGroup, Code, Combobox, CopyIconButton, CopyText, CopyTextButton, CopyToClipBoardButton, DescriptionCodeList, DescriptionList, Drawer, Dropdown, DualRangeSlider, EmptyState, EnvironmentLabel, ErrorState, ExternalLink, Form, FormPreviewBox, FormattedComparisonOperator, FormattedDuration, FormattedExceptionRate, FormattedFileSize, FormattedHumanNumber, FormattedImpactPercent, FormattedNumber, FormattedPercent, FormattedRevision, FormattedThroughput, FormattedTime, FormattedTimeAgo, FormattedTimeSince, HighlightedCode, HighlightedCodeExpandable, HighlightedCodeWithActions, HighlightedCodeWithTabs, HostFilter, HoverCard, InlineCode, KeyboardShortcut, LearnMoreTag, LoadingSpinner, LogsQueryAutocomplete, Markdown, Page, PopOver, RadioGroup, Table, Tabs, Toast, Tooltip
Mapped to Figma, no Storybook module (4) — Bar, Radio, c-textarea, c-textfield
Used nowhere in the product (15) — ASChart, Accordion, ClusterMetrics, CreateTriggerLinks, FormPreviewBox, Toast, c-article, c-caps, c-header-m-nav, c-header-nav, c-header-subnav, c-screenshot, c-step-dots, c-steps-vert, c-table-scroll-x
Used nowhere, yet has a Storybook module (3) — Accordion, FormPreviewBox, Toast
Tokens
| count | |
|---|---|
| tokens measured | 659 |
house — we declare it and it renders | 314 |
vendor — inherited from Tailwind, we declare nothing | 303 |
| └ of those, actually rendering | 66 |
| └ available and unused | 237 |
inert — we declare it, nothing renders it | 42 |
| declared in our own source | 356 |
inert per dimension — declared by us, rendered by nothing
| dimension | inert | of |
|---|---|---|
| font-size | 14 | 35 |
| size | 14 | 44 |
| transform | 6 | 6 |
| border-width | 1 | 3 |
| color | 1 | 442 |
| font-family | 1 | 10 |
| line-height | 1 | 7 |
| opacity | 1 | 1 |
| shadow | 1 | 31 |
| spacing | 1 | 4 |
| z-index | 1 | 1 |
font-size is the one to know about: 14 of 35 --font-size-* tokens are inert, so a name that looks like the house type scale usually is not one. See /foundations/typography.md.
Figma
| count | |
|---|---|
| specimen variants published | 207 |
| join to a CSS token | 157 |
| values agree | 142 |
| values drift | 12 |
| not comparable | 3 |
| specimen with no CSS token | 50 |
| distinct drift causes | 11 |
Drift rows are not drift causes: --color-link aliases --link which aliases --color-azure-400, so one wrong primitive surfaces as three drifted rows. See /figma-drift.md.
CSS tokens with no specimen, per covered dimension
| dimension | tokens with no specimen |
|---|---|
| color | 338 |
| font-family | 8 |
| font-size | 27 |
| font-weight | 12 |
| radius | 3 |
Specimens cover 5 of the 22 token dimensions. Silence about spacing, shadow, size, line-height and the rest is absence of evidence, not agreement.
Figma component sets that join to nothing
Icon buttonSearchSegmented buttonSelect (Deprecated)Select (options)Side navigationTextfield (Deprecated)Top header
Each is a published design-library component whose name matches no construct. Reported rather than guessed at — a normalisation rule that absorbed these would be a mapping table hidden in code.
Authored pages that join to nothing
None. Every authored file reaches a page.
Prose written for a construct the inventory does not have. Nobody sees it: the page it was written for does not exist.
What this page does not do
It counts and does not judge. No prioritisation, no recommendations and no trends — every number is one point in time, and it moves when the pin moves.