State
A type of level to support an alternative visual treatment for when a system is under a new configuration.
Example
Section titled “Example”row.chosen.bgColor
input.critical.borderColor
In the above examples, the second level in each token (chosen, critical) describes system state which is expected to modify the final presentation of the experience using this new token. This assumes that tokens for the elements’ default properties exist and are first applied.
Important
User interactions can, but not always, result in states.
Tip
State can be expressed using Mise en Mode.