@amsterdam/design-system-tokens
Version:
All design tokens from the Amsterdam Design System. Use it to apply its visual design to your website or application.
27 lines (26 loc) • 887 B
JSON
{
"ams": {
"switch": {
"background-color": { "value": "#767676" },
"cursor": { "value": "{ams.cursor.interactive}" },
"outline-offset": { "value": "{ams.focus.outline-offset}" },
"inline-size": { "value": "3.5rem" },
"thumb": {
"background-color": { "value": "{ams.color.background}" },
"inline-size": { "value": "1.75rem" },
"block-size": { "value": "1.75rem" },
"hover": {
"box-shadow": { "value": "0 0 0 0.125rem {ams.switch.thumb.hover.color}" },
"color": { "value": "{ams.color.interactive.hover}" }
}
},
"checked": {
"background-color": { "value": "{ams.color.interactive.default}" }
},
"disabled": {
"background-color": { "value": "{ams.color.interactive.disabled}" },
"cursor": { "value": "{ams.cursor.disabled}" }
}
}
}
}