Hi all
At the moment are team has 3 published style libraries, one for colour, one for typography and on for styling (Things like shadows etc)
These 3 libraries are then added and used to build our published shared component library.
The designers in the team then add and use these style libraries and component library for the foundations of their design work.
With the introduction of variables, for colours we have built our primitive values which live in the shared colour library file, but was wondering if anyone know’s the best practice for where the colour token value should live?
Should all the primitive values and the colour token values exist in the same published colour library. Let’s say a designer was working on a component that would be built and live in the published shared component library, would they apply the tokens available from the published colour library. The same applies if a designer was to start a new project. They would add the colour library and from there, they would have all the relevant colour tokens available to use across their design work.
Or, should only the primitive value exist in the published colour library. Then, from the there, you pull down the primitive value to create your colour tokens in the libraries relevant to where they exist. Ie, a colour token relevant to the component library, would live in the published component library file. A colour token relevant to the Icon library should live in the published icon library file.