[TreeView]: There is not distinction between "selected" and "active" in the Figma library

[janhassel]

Detailed description

Is this issue related to a specific component? If so please give the page, artboard, and layer/symbol name.

TreeView -> Branch node item

What did you expect to happen? What happened instead? What would you like to see changed?

In a multi-select TreeView, there is the distinction between an active node (blue border on the left) and a selected node (gray background). This is not possible to reflect in the current Figma library as the "Selected" state applies both the border and the background.

Is this issue being filed based on a discrepancy between the website/code and the kit? If so what is the inconsistency?

see above

Steps to reproduce the issue

1. Open TreeView story
2. Enable "multiselect"
3. Use cmd+click to select multiple nodes

Figma:

Code:

[laurenmrice]

Hey @janhassel Thanks for opening this issue,

• We did not account for the experimental prop for multi-select Treeview in Figma, which may be part of the problem with the states.
• I think we need to adjust some of our current states in Figma to accommodate both the normal Treeview without selection, and the experimental prop for multi-select. Let me know if the below looks right to you: