{
  "system": "Angular Material",
  "scope": "density-relevant public tokens",
  "model": "numeric theme density with component-specific clamps",
  "snapshot": {"commit": "f3e6276c969f33e527b616ef8bf7b0404685721d", "retrieved": "2026-08-11"},
  "activation": {
    "design": "density is configured in the Material theme",
    "code": "Sass theme density integer; per-component density mixins are also public",
    "inputRange": [0, -1, -2, -3, -4, -5]
  },
  "tokens": [
    {"name": "button-filled-container-height", "type": "dimension", "densityClamp": -3, "valuesPx": {"0": 40, "-1": 36, "-2": 32, "-3": 28}, "source": "sources/angular-material/upstream/components/src/material/button/_m3-button.scss"},
    {"name": "button-outlined-container-height", "type": "dimension", "densityClamp": -3, "valuesPx": {"0": 40, "-1": 36, "-2": 32, "-3": 28}, "source": "sources/angular-material/upstream/components/src/material/button/_m3-button.scss"},
    {"name": "button-protected-container-height", "type": "dimension", "densityClamp": -3, "valuesPx": {"0": 40, "-1": 36, "-2": 32, "-3": 28}, "source": "sources/angular-material/upstream/components/src/material/button/_m3-button.scss"},
    {"name": "button-text-container-height", "type": "dimension", "densityClamp": -3, "valuesPx": {"0": 40, "-1": 36, "-2": 32, "-3": 28}, "source": "sources/angular-material/upstream/components/src/material/button/_m3-button.scss"},
    {"name": "button-tonal-container-height", "type": "dimension", "densityClamp": -3, "valuesPx": {"0": 40, "-1": 36, "-2": 32, "-3": 28}, "source": "sources/angular-material/upstream/components/src/material/button/_m3-button.scss"},
    {"name": "button-*-touch-target-size", "type": "dimension", "valuesPx": {"allDensitySteps": 48}, "source": "sources/angular-material/upstream/components/src/material/button/_m3-button.scss"},
    {"name": "button-filled-horizontal-padding", "type": "dimension", "valuesPx": {"allDensitySteps": 24}, "source": "sources/angular-material/upstream/components/src/material/button/_m3-button.scss"},
    {"name": "button-text-horizontal-padding", "type": "dimension", "valuesPx": {"allDensitySteps": 12}, "source": "sources/angular-material/upstream/components/src/material/button/_m3-button.scss"},
    {"name": "form-field-container-height", "type": "dimension", "densityClamp": -5, "valuesPx": {"0": 56, "-1": 52, "-2": 48, "-3": 44, "-4": 40, "-5": 36}, "source": "sources/angular-material/upstream/components/src/material/form-field/_m3-form-field.scss"},
    {"name": "form-field-container-vertical-padding", "type": "dimension", "densityClamp": -5, "valuesPx": {"0": 16, "-1": 14, "-2": 12, "-3": 10, "-4": 8, "-5": 6}, "source": "sources/angular-material/upstream/components/src/material/form-field/_m3-form-field.scss"},
    {"name": "table-header-container-height", "type": "dimension", "densityClamp": -4, "valuesPx": {"0": 56, "-1": 52, "-2": 48, "-3": 44, "-4": 40}, "source": "sources/angular-material/upstream/components/src/material/table/_m3-table.scss"},
    {"name": "table-footer-container-height", "type": "dimension", "densityClamp": -4, "valuesPx": {"0": 52, "-1": 48, "-2": 44, "-3": 40, "-4": 36}, "source": "sources/angular-material/upstream/components/src/material/table/_m3-table.scss"},
    {"name": "table-row-item-container-height", "type": "dimension", "densityClamp": -4, "valuesPx": {"0": 52, "-1": 48, "-2": 44, "-3": 40, "-4": 36}, "source": "sources/angular-material/upstream/components/src/material/table/_m3-table.scss"}
  ],
  "componentMappings": {
    "button": "theme density -> generated button container-height token; separate 48px touch-target token",
    "formField": "theme density -> component-clamped height and vertical-padding tokens",
    "table": "theme density -> component-clamped header/footer/row height tokens",
    "typography": "independent theme dimension; not changed by density maps shown here"
  },
  "unavailable": []
}