@open-formulieren/design-tokens
Version:
Design tokens for Open Forms
71 lines (69 loc) • 1.7 kB
JSON
{
"utrecht": {
"radio-button": {
"size": {"value": "24px"},
"border-color": {"value": "{of.color.field-border}"},
"color": {"value": "{of.color.fg}"},
"border-width": {"value": "1px"},
"background-color": {"value": "{of.color.bg}"},
"border-radius": {"value": "0"},
"margin-inline-end": {"value": "12px"},
"icon": {
"size": {"value": "30%"}
},
"active": {
"border-color": {},
"border-width": {},
"background-color": {},
"color": {}
},
"focus": {
"border-color": {},
"border-width": {},
"background-color": {},
"color": {}
},
"hover": {
"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}"},
"active": {
"background-color": {},
"border-color": {},
"border-width": {},
"color": {}
},
"focus": {
"border-color": {},
"border-width": {},
"background-color": {},
"color": {}
},
"hover": {
"background-color": {},
"border-width": {},
"border-color": {},
"color": {}
}
},
"invalid": {
"border-color": {},
"border-width": {},
"color": {}
}
}
}
}