Improved Design Systems

Inconsistencies show their values in a table

The Needs review page lists each value found in the code in a table, shows a colour sample, and offers the values as a list to choose from.

On a Design System's Needs review page, each inconsistency now shows the values found in the code as a table: the value, where it is used, how many places use it and the source file. A value that is a colour has a sample beside it.

To choose the value the system uses, pick one from the list or choose Another value… and type it. The page says what choosing does: the named token takes the value, or a rule for coding assistants is added. The optional reason is kept with the decision and becomes the rule's details. Dismiss changes nothing in the system and moves the inconsistency to the Rejected list.