Design Needed to signify 'selected' item (current value) in List Box and other controls.

[chrisconnors-ibm]

Summary

List box currently uses focus ring to indicate current value. need a design to indicate current value that doesn't collide with focus. see #3124 for context.

[laurenmrice]

Design spec:

Hover state:
Add a 2px border on top of the hover that is the same color (hover-ui) so the border will appear in high contrast mode but visually blend in with the hover color in normal.

Selected state:
Add a checkmark icon inline with the selected row. The checkmark icon should be color icon-01. Make sure the selected row is color selected-ui. Ref open issue for dropdown enhancement: #3531

[stale]

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

[stale]

As there's been no activity since this issue was marked as stale, we are auto-closing it.

[laurenmrice]

NOT stale

[stale]

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

[asudoh]

Refs #4374