{
"system": "Microsoft Fluent 2 React",
"scope": "density-relevant public tokens and component metrics",
"model": "component-local size props over a shared spacing/type foundation",
"snapshot": {"commit": "b6351802032e9af61bf03033d22cb354b2e2822c", "retrieved": "2026-08-11"},
"activation": {
"button": "size='small|medium|large'",
"input": "size='small|medium|large'",
"table": "size='extra-small|small|medium' inherited through Table context",
"globalDensityMode": null
},
"tokens": [
{"name": "spacingHorizontalNone / spacingVerticalNone", "type": "dimension", "valuePx": 0, "source": "sources/microsoft-fluent/upstream/fluentui/packages/tokens/src/global/spacings.ts"},
{"name": "spacingHorizontalXXS / spacingVerticalXXS", "type": "dimension", "valuePx": 2, "source": "sources/microsoft-fluent/upstream/fluentui/packages/tokens/src/global/spacings.ts"},
{"name": "spacingHorizontalXS / spacingVerticalXS", "type": "dimension", "valuePx": 4, "source": "sources/microsoft-fluent/upstream/fluentui/packages/tokens/src/global/spacings.ts"},
{"name": "spacingHorizontalSNudge / spacingVerticalSNudge", "type": "dimension", "valuePx": 6, "source": "sources/microsoft-fluent/upstream/fluentui/packages/tokens/src/global/spacings.ts"},
{"name": "spacingHorizontalS / spacingVerticalS", "type": "dimension", "valuePx": 8, "source": "sources/microsoft-fluent/upstream/fluentui/packages/tokens/src/global/spacings.ts"},
{"name": "spacingHorizontalMNudge / spacingVerticalMNudge", "type": "dimension", "valuePx": 10, "source": "sources/microsoft-fluent/upstream/fluentui/packages/tokens/src/global/spacings.ts"},
{"name": "spacingHorizontalM / spacingVerticalM", "type": "dimension", "valuePx": 12, "source": "sources/microsoft-fluent/upstream/fluentui/packages/tokens/src/global/spacings.ts"},
{"name": "spacingHorizontalL / spacingVerticalL", "type": "dimension", "valuePx": 16, "source": "sources/microsoft-fluent/upstream/fluentui/packages/tokens/src/global/spacings.ts"},
{"name": "spacingHorizontalXL / spacingVerticalXL", "type": "dimension", "valuePx": 20, "source": "sources/microsoft-fluent/upstream/fluentui/packages/tokens/src/global/spacings.ts"},
{"name": "spacingHorizontalXXL / spacingVerticalXXL", "type": "dimension", "valuePx": 24, "source": "sources/microsoft-fluent/upstream/fluentui/packages/tokens/src/global/spacings.ts"},
{"name": "spacingHorizontalXXXL / spacingVerticalXXXL", "type": "dimension", "valuePx": 32, "source": "sources/microsoft-fluent/upstream/fluentui/packages/tokens/src/global/spacings.ts"},
{"name": "Button.verticalPadding", "type": "component-size-map", "valuesPx": {"small": 3, "smallWithIcon": 1, "medium": 5, "large": 8, "largeWithIcon": 7}, "source": "sources/microsoft-fluent/upstream/fluentui/packages/react-components/react-button/library/src/components/Button/useButtonStyles.styles.ts"},
{"name": "Button.horizontalPadding", "type": "component-size-map", "values": {"small": "spacingHorizontalS", "medium": "spacingHorizontalM", "large": "spacingHorizontalL"}, "resolvedPx": {"small": 8, "medium": 12, "large": 16}, "source": "sources/microsoft-fluent/upstream/fluentui/packages/react-components/react-button/library/src/components/Button/useButtonStyles.styles.ts"},
{"name": "Button.typography", "type": "component-size-map", "values": {"small": "fontSizeBase200 / lineHeightBase200 / regular", "medium": "fontSizeBase300 / lineHeightBase300 / semibold", "large": "fontSizeBase400 / lineHeightBase400 / semibold"}, "source": "sources/microsoft-fluent/upstream/fluentui/packages/react-components/react-button/library/src/components/Button/useButtonStyles.styles.ts"},
{"name": "Button.iconSize", "type": "component-size-map", "valuesPx": {"small": 20, "medium": 20, "large": 24}, "source": "sources/microsoft-fluent/upstream/fluentui/packages/react-components/react-button/library/src/components/Button/useButtonStyles.styles.ts"},
{"name": "Input.fieldHeight", "type": "component-size-map", "valuesPx": {"small": 24, "medium": 32, "large": 40}, "source": "sources/microsoft-fluent/upstream/fluentui/packages/react-components/react-input/library/src/components/Input/useInputStyles.styles.ts"},
{"name": "Input.combinedHorizontalPadding", "type": "component-size-map", "values": {"small": "spacingHorizontalS", "medium": "spacingHorizontalM", "large": "spacingHorizontalM + spacingHorizontalSNudge"}, "resolvedPx": {"small": 8, "medium": 12, "large": 18}, "source": "sources/microsoft-fluent/upstream/fluentui/packages/react-components/react-input/library/src/components/Input/useInputStyles.styles.ts"},
{"name": "Input.contentIconSize", "type": "component-size-map", "valuesPx": {"small": 16, "medium": 20, "large": 24}, "source": "sources/microsoft-fluent/upstream/fluentui/packages/react-components/react-input/library/src/components/Input/useInputStyles.styles.ts"},
{"name": "TableCell.height", "type": "component-size-map", "valuesPx": {"extra-small": 24, "small": 34, "medium": 44}, "source": "sources/microsoft-fluent/upstream/fluentui/packages/react-components/react-table/library/src/components/TableCell/useTableCellStyles.styles.ts"},
{"name": "TableCell.padding-inline", "type": "alias", "value": "spacingHorizontalS", "resolvedPx": 8, "source": "sources/microsoft-fluent/upstream/fluentui/packages/react-components/react-table/library/src/components/TableCell/useTableCellStyles.styles.ts"}
],
"componentMappings": {
"button": "size prop -> component-local style object -> spacing/type/icon tokens",
"input": "size prop -> local height/padding/icon maps",
"table": "Table context size -> TableCell height styles",
"typography": "Button type changes with size; Input text inherits; Table cell type is not density-switched here"
},
"unavailable": [
"No public Figma density mode was found for these React component APIs.",
"No single global compact/comfortable runtime switch exists in the inspected Fluent 2 sources."
]
}