Hello!
I'm building a custom layer list UI in a web map. I like the functionality of the `calcite-list-item` component to serve as individual layer items, with one exception: I want to remove the interactivity of the body of the List Item without setting the `disabled` property.
Here's a screenshot demonstrating the problem (my cursor is hovering over the center of the highlighted List Item):
In my implementation, I don't actually want any interactivity on `calcite-list-item`. Instead, I listen for interactions with the actions at the ends of the item (the empty checkbox and the transparency icon). Ideally, I'd be able to set a property of `calcite-list-item` that makes it non-interactive without the aggressive styling changes of the `disabled` property. This dream property of mine would remove hover/focus effects on the item body, and remove the `cursor: pointer;` CSS property on the item's body.
Is there a way to do this that I'm missing? Or an alternative approach using something other than `calcite-list-item`?
