Create a design token group that encapsulates input type UI that are sharing some of the same style properties
Categories
(Toolkit :: Themes, enhancement)
Tracking
()
People
(Reporter: jules, Unassigned)
References
(Blocks 1 open bug)
Details
Some input type UI (e.g. "panel-item" and "urlbar") are relying on button related tokens for their styles. We'd benefit from a more descriptive overarching meaning that isn't tied to the "button" meaning, as this feels very specific to the button input.
I am also assuming if we continue to follow our process, and if we look at common-shared.css today, that we will eventually have checkbox and other future inputs that are reusable components candidates which will have their own tokens that will need to also point to these reusable input styles. Additionally, our goal is to also eventually convert our existing variables into design tokens.
Another related example: inputs are also sharing other styles that haven't been encapsulated into a variable, such as border radius, that can also be a token with whatever prefix we use to encapsulate this group.
Description
•