Closed oliverHPE closed 3 weeks ago
@oliverHPE I believe these have all been populated except the "selected" state is just one level -- it doesn't reflect the complex "selected.enabled", "selected.hover", ...
@taysea correct me if I'm wrong, but buttons don't have that styling or behaviour right now - for example, there is no selected.hover
. It's either selected or not selected. The components that have the more complex state levels are radio buttons, checkboxes and switches for example. On those we have examples like the one's you're describing - checkbox.control.selected.enabled.background
.
Correct, we don't have it but wasn't sure if we should still have a consistent structure. So something like:
selected.enabled.background
as opposed to currently we just have selected.background
.
small beans for alpha learnings so don't want to get too hung up on it, but just a small question for consistency.
I see. To be safe, we could go with the full name button.primary.selected.enabled.background
. This route means we could:
button.primary.selected.hover.background
The cons being
Given that we can't predict this, going with the full name could be worth it.
Good to have these pros/cons documented. Let's go with the "full name" for alpha. And for now, just have "selected.enabled" for button.
Can adjust based on any feedback we get as we test.
@taysea have gone through and updated button tokens. Would you please give it a once over.
Populate tokens for buttons:
Types
Sizes