@open-formulieren/design-tokens
Version:
Design tokens for Open Forms
59 lines (58 loc) • 1.41 kB
JSON
{
"utrecht": {
"checkbox": {
"background-color": {"value": "{of.color.bg}"},
"border-color": {"value": "{of.color.field-border}"},
"border-radius": {"value": "0"},
"border-width": {"value": "1px"},
"color": {"value": "{of.color.fg}"},
"margin-inline-end": {"value": "12px"},
"size": {"value": "24px"},
"icon": {
"size": {}
},
"active": {
"border-color": {},
"border-width": {},
"background-color": {},
"color": {}
},
"hover": {
"border-color": {},
"border-width": {},
"background-color": {},
"color": {}
},
"focus": {
"border-color": {},
"border-width": {},
"background-color": {},
"color": {}
},
"disabled": {
"border-color": {},
"border-width": {},
"background-color": {},
"color": {}
},
"checked": {
"border-color": {},
"border-width": {},
"background-color": {"value": "{of.color.primary}"},
"color": {"value": "{of.color.bg}"}
},
"indeterminate": {
"border-color": {},
"border-width": {},
"background-color": {},
"color": {}
},
"invalid": {
"border-color": {},
"border-width": {},
"background-color": {},
"color": {}
}
}
}
}