Have 2 values : form-value and a display-value

Steps to reproduce

For some reasons, it could be nice to have the possibility to split form-value and the displayed-value.
For example, if I set a component called "Alert" and in my display I only need "primary" as property value but in my form-display to see the color I need to set it as "bg-primary".

Acceptance scenario

Case of different values, need to set a display value

1. Create a new field of type "Style selector"
2. Choose "Style list"
3. Set value Primary | primary | bg-primary
4. Save
5. Form field