Add style-dictionary and design tokens to NDS. Design tokens provide a single point of truth for all property/value pairs in styling. These tokens will eventually be used for all NDS custom properties, utility classes, and theming.
Consuming design tokens internally is out of scope; this ticket should only add properties files and the necessary configuration to build token distributions.
Problems design tokens will solve
We can update semantic-ui themes with correct values for redesigns (until we can get rid of it completely):
Add
style-dictionary
and design tokens to NDS. Design tokens provide a single point of truth for all property/value pairs in styling. These tokens will eventually be used for all NDS custom properties, utility classes, and theming.Consuming design tokens internally is out of scope; this ticket should only add properties files and the necessary configuration to build token distributions.
Problems design tokens will solve
semantic-ui
themes with correct values for redesigns (until we can get rid of it completely):indigo
and make institution settings read directly from design tokens from NDS to populate defaults.Requirements
Naming should be as close as possible to familiar CSS property names
Value steps should follow consistent sizing conventions (t-shirt sizes: xxs,xs,m,l,xl,2xl).
Wherever possible, a "default" value step should be provided, aliased to a t-shirt size.
CTI dictionary structure