search

mui / mui-design-kits

The public feature and bug tracker for the MUI Design kits and Connect Figma plugin.
https://mui.com/design-kits/
115 stars 17 forks source link

[question] My Developer can't find the colors from "Components" collections from the Variables. (See attachments). #406

Closed Oscarf77 closed 2 weeks ago

Oscarf77 commented 1 month ago

The problem in depth

After h SCR-20241021-gqp SCR-20241021-hsl aving A discussion with the developer they can't find the "Component" with all the variables/color tokens in the list. One example is color tokens for Inputs.

Your environment

using 5.17 Figma

Search keywords: Components collection

adrianmanea commented 1 month ago

I'm sorry I do not understand what "Component" are you looking for. Not all components have a token assigned, only those who require it for changing the mode (light/dark).

Oscarf77 commented 1 month ago

In the screenshot from Figma there is a a group called Components from the Palette Collection. A lot of those components are using the Material Colors like Grey or Red but other components for example, Inputs, have a color token named "EnabledBorder" another example theChip component has a color token name "defaultHoverFill" #000000 12% If my developer wants to override the colors they can't find where these colors are coming from. If this doesn't make sense let me reach out to the developers I work with, and maybe reframe the issue later. Thanks!

adrianmanea commented 1 month ago

Hi Oscar, all the colors from the Components group are Figma exclusive tokens, these are not meant to reflect the actual API of the components. To find the specific class you want to overwrite you have to check the API docs of that component.

Oscarf77 commented 3 weeks ago

Thanks!

adrianmanea commented 2 weeks ago

Confusion seems to have been solved.