{"capturedAt":"2026-10-11T03:22:41.557640675Z","kind":"component","slug":"button-groups","name":"Button groups","tokens":[{"name":"md.comp.button-group.connected.large.between-space","displayName":"Button group connected large space between buttons","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":2,"unit":"DIPS"}},"references":[{"name":"md.sys.measurement.space25"}]}]},{"name":"md.comp.button-group.connected.large.container.height","displayName":"Button group connected large container height","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":96,"unit":"DIPS"}}}]},{"name":"md.comp.button-group.connected.large.container.shape","displayName":"Button group connected large container shape","type":"SHAPE","values":[{"default":true,"value":{"shape":{"family":"SHAPE_FAMILY_CIRCULAR"}},"references":[{"name":"md.sys.shape.corner.full"}]}]},{"name":"md.comp.button-group.connected.large.inner-corner.corner-size","displayName":"Button group connected large inner corner size","type":"SHAPE","values":[{"default":true,"value":{"length":{"value":16,"unit":"DIPS"}},"references":[{"name":"md.sys.shape.corner-value.large"}]}]},{"name":"md.comp.button-group.connected.large.pressed.inner-corner.corner-size","displayName":"Button group connected large pressed inner corner size","type":"SHAPE","values":[{"default":true,"value":{"length":{"value":12,"unit":"DIPS"}},"references":[{"name":"md.sys.shape.corner-value.medium"}]}]},{"name":"md.comp.button-group.connected.large.selected.inner-corner.corner-size","displayName":"Button group connected large selected inner corner size","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":50,"unit":"PERCENT"}}}]},{"name":"md.comp.button-group.connected.medium.between-space","displayName":"Button group connected medium space between buttons","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":2,"unit":"DIPS"}},"references":[{"name":"md.sys.measurement.space25"}]}]},{"name":"md.comp.button-group.connected.medium.container.height","displayName":"Button group connected medium container height","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":56,"unit":"DIPS"}}}]},{"name":"md.comp.button-group.connected.medium.container.shape","displayName":"Button group connected medium container shape","type":"SHAPE","values":[{"default":true,"value":{"shape":{"family":"SHAPE_FAMILY_CIRCULAR"}},"references":[{"name":"md.sys.shape.corner.full"}]}]},{"name":"md.comp.button-group.connected.medium.inner-corner.corner-size","displayName":"Button group connected medium inner corner size","type":"SHAPE","values":[{"default":true,"value":{"length":{"value":8,"unit":"DIPS"}},"references":[{"name":"md.sys.shape.corner-value.small"}]}]},{"name":"md.comp.button-group.connected.medium.pressed.inner-corner.corner-size","displayName":"Button group connected medium pressed inner corner size","type":"SHAPE","values":[{"default":true,"value":{"length":{"value":4,"unit":"DIPS"}},"references":[{"name":"md.sys.shape.corner-value.extra-small"}]}]},{"name":"md.comp.button-group.connected.medium.selected.inner-corner.corner-size","displayName":"Button group connected medium selected inner corner size","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":50,"unit":"PERCENT"}}}]},{"name":"md.comp.button-group.connected.small.between-space","displayName":"Button group connected small space between buttons","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":2,"unit":"DIPS"}},"references":[{"name":"md.sys.measurement.space25"}]}]},{"name":"md.comp.button-group.connected.small.container.height","displayName":"Button group connected small container height","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":40,"unit":"DIPS"}}}]},{"name":"md.comp.button-group.connected.small.container.shape","displayName":"Button group connected small container shape","type":"SHAPE","values":[{"default":true,"value":{"shape":{"family":"SHAPE_FAMILY_CIRCULAR"}},"references":[{"name":"md.sys.shape.corner.full"}]}]},{"name":"md.comp.button-group.connected.small.inner-corner.corner-size","displayName":"Button group connected small inner corner size","type":"SHAPE","values":[{"default":true,"value":{"length":{"value":8,"unit":"DIPS"}},"references":[{"name":"md.sys.shape.corner-value.small"}]}]},{"name":"md.comp.button-group.connected.small.pressed.inner-corner.corner-size","displayName":"Button group connected small pressed inner corner size","type":"SHAPE","values":[{"default":true,"value":{"length":{"value":4,"unit":"DIPS"}},"references":[{"name":"md.sys.shape.corner-value.extra-small"}]}]},{"name":"md.comp.button-group.connected.small.selected.inner-corner.corner-size","displayName":"Button group connected small selected inner corner size","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":50,"unit":"PERCENT"}}}]},{"name":"md.comp.button-group.connected.xlarge.between-space","displayName":"Button group connected xlarge space between buttons","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":2,"unit":"DIPS"}},"references":[{"name":"md.sys.measurement.space25"}]}]},{"name":"md.comp.button-group.connected.xlarge.container.height","displayName":"Button group connected xlarge container height","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":136,"unit":"DIPS"}}}]},{"name":"md.comp.button-group.connected.xlarge.container.shape","displayName":"Button group connected xlarge container shape","type":"SHAPE","values":[{"default":true,"value":{"shape":{"family":"SHAPE_FAMILY_CIRCULAR"}},"references":[{"name":"md.sys.shape.corner.full"}]}]},{"name":"md.comp.button-group.connected.xlarge.inner-corner.corner-size","displayName":"Button group connected xlarge inner corner size","type":"SHAPE","values":[{"default":true,"value":{"length":{"value":20,"unit":"DIPS"}},"references":[{"name":"md.sys.shape.corner-value.large-increased"}]}]},{"name":"md.comp.button-group.connected.xlarge.pressed.inner-corner.corner-size","displayName":"Button group connected xlarge pressed inner corner size","type":"SHAPE","values":[{"default":true,"value":{"length":{"value":16,"unit":"DIPS"}},"references":[{"name":"md.sys.shape.corner-value.large"}]}]},{"name":"md.comp.button-group.connected.xlarge.selected.inner-corner.corner-size","displayName":"Button group connected xlarge selected inner corner size","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":50,"unit":"PERCENT"}}}]},{"name":"md.comp.button-group.connected.xsmall.between-space","displayName":"Button group connected xsmall space between buttons","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":2,"unit":"DIPS"}},"references":[{"name":"md.sys.measurement.space25"}]}]},{"name":"md.comp.button-group.connected.xsmall.container.height","displayName":"Button group connected xsmall container height","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":32,"unit":"DIPS"}}}]},{"name":"md.comp.button-group.connected.xsmall.container.shape","displayName":"Button group connected xsmall container shape","type":"SHAPE","values":[{"default":true,"value":{"shape":{"family":"SHAPE_FAMILY_CIRCULAR"}},"references":[{"name":"md.sys.shape.corner.full"}]}]},{"name":"md.comp.button-group.connected.xsmall.inner-corner.corner-size","displayName":"Button group connected xsmall inner corner size","type":"SHAPE","values":[{"default":true,"value":{"length":{"value":8,"unit":"DIPS"}},"references":[{"name":"md.sys.shape.corner-value.small"}]}]},{"name":"md.comp.button-group.connected.xsmall.pressed.inner-corner.corner-size","displayName":"Button group connected xsmall pressed inner corner size","type":"SHAPE","values":[{"default":true,"value":{"length":{"value":4,"unit":"DIPS"}},"references":[{"name":"md.sys.shape.corner-value.extra-small"}]}]},{"name":"md.comp.button-group.connected.xsmall.selected.inner-corner.corner-size","displayName":"Button group connected xsmall selected inner corner size","type":"LENGTH","values":[{"default":true,"value":{"length":{"value":50,"unit":"PERCENT"}}}]}]}