{
  "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."
  ]
}