{
"system": "Meridian",
"scope": "density-relevant public tokens and component mappings",
"model": "scoped inherited density variables plus explicit component sizes and a local table modifier",
"snapshot": {"commit": "849e3e59dd3975baf3e7d97c705dd16f8dceef69", "retrieved": "2026-08-13"},
"activation": {
"inheritedDensity": "data-density='compact' on any subtree",
"componentSizes": "Button/Input size='sm|md|lg'",
"tableLocalDensity": "dense boolean -> .ef-table--dense"
},
"tokens": [
{"name": "--control-h-sm", "type": "dimension", "valuesPx": {"default": 28, "compact": 24}, "source": "sources/meridian/upstream/meridian/tokens/spacing.css"},
{"name": "--control-h-md", "type": "dimension", "valuesPx": {"default": 36, "compact": 30}, "source": "sources/meridian/upstream/meridian/tokens/spacing.css"},
{"name": "--control-h-lg", "type": "dimension", "valuesPx": {"default": 44, "compact": 38}, "source": "sources/meridian/upstream/meridian/tokens/spacing.css"},
{"name": "--table-pad-y", "type": "dimension", "valuesPx": {"default": 12, "compact": 7}, "source": "sources/meridian/upstream/meridian/tokens/spacing.css"},
{"name": "--table-pad-x", "type": "dimension", "valuesPx": {"default": 16, "compact": 12}, "source": "sources/meridian/upstream/meridian/tokens/spacing.css"},
{"name": "Button.height", "type": "component-size-alias-map", "values": {"sm": "--control-h-sm", "md": "--control-h-md", "lg": "--control-h-lg", "xs": "28px"}, "source": "sources/meridian/upstream/meridian/components/forms/Button.jsx"},
{"name": "Button.padding-inline", "type": "component-size-map", "valuesPx": {"xs": 9, "sm": 10, "md": 14, "lg": 20}, "densityResponsive": false, "source": "sources/meridian/upstream/meridian/components/forms/Button.jsx"},
{"name": "Input.height", "type": "component-size-alias-map", "values": {"sm": "--control-h-sm", "md": "--control-h-md", "lg": "--control-h-lg"}, "source": "sources/meridian/upstream/meridian/components/forms/Input.jsx"},
{"name": "Input.padding-inline", "type": "component-size-map", "valuesPx": {"sm": 10, "md": 12, "lg": 14}, "densityResponsive": false, "source": "sources/meridian/upstream/meridian/components/forms/Input.jsx"},
{"name": "Table.cell.padding", "type": "component-alias-map", "values": {"default": "--table-pad-y --table-pad-x", "dense": "8px --table-pad-x"}, "source": "sources/meridian/upstream/meridian/components/data/Table.jsx"},
{"name": "Card.spacing", "type": "component-size-map", "valuesPx": {"default": 16, "sm": 12}, "densityResponsive": false, "source": "sources/meridian/upstream/meridian/components/display/Card.jsx"}
],
"componentMappings": {
"button": "subtree density -> control-height variable; explicit size chooses which height alias; padding/type stay size-specific",
"input": "same inherited height-variable pattern as Button",
"table": "subtree density changes table variables; dense prop is an additional local override and also reduces cell type",
"card": "local size only; does not consume global density variables"
},
"unavailable": [
"tokens.json contains default values but not the compact CSS override layer, so it is not a complete density artifact by itself.",
"This newer system is included as an inspectable practitioner example, not as evidence of mature-scale adoption."
]
}