- From: Kevin Muldoon via GitHub <sysbot+gh@w3.org>
- Date: Fri, 11 Nov 2022 11:35:47 +0000
- To: public-design-tokens-log@w3.org
Recently I've been diving deeper into Figma plugins to export tokens (currently 'Design Tokens') and then formatting to the desired output by custom parsers/transforms/filters in StyleDictionary. As @PavelLaptev suggests, I put SemanticWeighted (base) colors in a group called palette.
```
{
"color": {
"palette": {
"primary": {
"primary015": {
"$type": "color",
"$value": "#f6f8f6ff"
}
},
"primary025": {
"$type": "color",
"$value": "#eef1efff"
}
},
"primary050": {
"$type": "color",
"$value": "#dde4dfff"
}
}, ...
```
With a StyleDictionary parser, I can see these are semantic and can map to contextual colors (replacing the hex values optimistically).
```
{
"color": {
"contextual": {
"light": {
"brandBackground10": {
"$type": "color",
"$value": "{primary015}",
},...
"dark": {
"brandBackground10": {
"$type": "color",
"$value": "{primary800}",
}
```
Overall, I suspect any further 'optimization' of structure would tend to be prescriptive to doing things a certain way. And if I had to be opinionated, I'd lean towards being as flat as possible where it comes to 'primitive' tokens.
--
GitHub Notification of comment by caoimghgin
Please view or discuss this issue at https://github.com/design-tokens/community-group/issues/178#issuecomment-1311586776 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Friday, 11 November 2022 11:35:49 UTC