{"capturedAt":"2026-10-11T18:55:59.308489892Z","kind":"component","slug":"floating-action-button","name":"Floating action buttons (FABs)","tokens":[{"name":"md.comp.fab.container.height","displayName":"FAB container height","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":56,"unit":"DIPS"}}}]},{"name":"md.comp.fab.container.shape","displayName":"FAB container shape","type":"SHAPE","values":[{"default":true,"value":{"shape":{"family":"SHAPE_FAMILY_ROUNDED_CORNERS","defaultSize":{"value":16,"unit":"DIPS"}}},"references":[{"name":"md.sys.shape.corner.large"}]}]},{"name":"md.comp.fab.container.width","displayName":"FAB container width","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":56,"unit":"DIPS"}}}]},{"name":"md.comp.fab.icon.size","displayName":"FAB icon size","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":24,"unit":"DIPS"}}}]},{"name":"md.comp.fab.surface.container.height","displayName":"FAB (surface) container height","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":56,"unit":"DIPS"}}}]},{"name":"md.comp.fab.surface.container.shape","displayName":"FAB (surface) container shape","type":"SHAPE","values":[{"default":true,"value":{"shape":{"family":"SHAPE_FAMILY_ROUNDED_CORNERS","defaultSize":{"value":16,"unit":"DIPS"}}},"references":[{"name":"md.sys.shape.corner.large"}]}]},{"name":"md.comp.fab.surface.container.width","displayName":"FAB (surface) container width","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":56,"unit":"DIPS"}}}]},{"name":"md.comp.fab.surface.focus.indicator.outline.offset","displayName":"FAB (surface) focus indicator offset","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":2,"unit":"DIPS"}},"references":[{"name":"md.sys.state.focus-indicator.outer-offset"}]}]},{"name":"md.comp.fab.surface.focus.indicator.thickness","displayName":"FAB (surface) focus indicator thickness","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":3,"unit":"DIPS"}},"references":[{"name":"md.sys.state.focus-indicator.thickness"}]}]},{"name":"md.comp.fab.surface.icon.size","displayName":"FAB (surface) icon size","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":24,"unit":"DIPS"}}}]},{"name":"md.comp.fab.surface.large.container.height","displayName":"FAB (large surface) container height","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":96,"unit":"DIPS"}}}]},{"name":"md.comp.fab.surface.large.container.shape","displayName":"FAB (large surface) container shape","type":"SHAPE","values":[{"default":true,"value":{"shape":{"family":"SHAPE_FAMILY_ROUNDED_CORNERS","defaultSize":{"value":28,"unit":"DIPS"}}},"references":[{"name":"md.sys.shape.corner.extra-large"}]}]},{"name":"md.comp.fab.surface.large.container.width","displayName":"FAB (large surface) container width","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":96,"unit":"DIPS"}}}]},{"name":"md.comp.fab.surface.large.focus.indicator.outline.offset","displayName":"FAB (large surface) focus indicator offset","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":2,"unit":"DIPS"}},"references":[{"name":"md.sys.state.focus-indicator.outer-offset"}]}]},{"name":"md.comp.fab.surface.large.focus.indicator.thickness","displayName":"FAB (large surface) focus indicator thickness","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":3,"unit":"DIPS"}},"references":[{"name":"md.sys.state.focus-indicator.thickness"}]}]},{"name":"md.comp.fab.surface.large.icon.size","displayName":"FAB (large surface) icon size","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":36,"unit":"DIPS"}}}]},{"name":"md.fab.surface.small.container.height","displayName":"FAB (small surface) container height","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":40,"unit":"DIPS"}}}]},{"name":"md.fab.surface.small.container.shape","displayName":"FAB (small surface) container shape","type":"SHAPE","values":[{"default":true,"value":{"shape":{"family":"SHAPE_FAMILY_ROUNDED_CORNERS","defaultSize":{"value":12,"unit":"DIPS"}}},"references":[{"name":"md.sys.shape.corner.medium"}]}]},{"name":"md.fab.surface.small.container.width","displayName":"FAB (small surface) container width","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":40,"unit":"DIPS"}}}]},{"name":"md.fab.surface.small.focus.indicator.outline.offset","displayName":"FAB (small surface) focus indicator offset","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":2,"unit":"DIPS"}},"references":[{"name":"md.sys.state.focus-indicator.outer-offset"}]}]},{"name":"md.fab.surface.small.focus.indicator.thickness","displayName":"FAB (small surface) focus indicator thickness","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":3,"unit":"DIPS"}},"references":[{"name":"md.sys.state.focus-indicator.thickness"}]}]},{"name":"md.fab.surface.small.icon.size","displayName":"FAB (small surface) icon size","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":24,"unit":"DIPS"}}}]}]}