Give connected values more prominence in the picker

[jarekmorawski]

Problem

As we're debating about different ways users should interact with the source data in bindings (https://github.com/WordPress/gutenberg/pull/67012), there's one small update we can make to improve the current experience. In the value picker, the actual values are less prominent than the value type. I'd argue that it should be the other way around as the type is mostly useful for clarification where values can be similar (e.g. image alt text/description/caption) while the content is what will be shown on the front-end.

Proposal

I suggest to swap the styling for values and value types and make the values more prominent than the type.

[SantosGuillamot]

Thanks for sharing your thoughts 🙂 Personally, I would like to agree on the ideal UI before modifying the existing UI. For example, if it is decided to use DataViews, this might not apply.

Having said that, how do you envision when there is no value, or it is an empty string?