handoff-app
Version:
Automated documentation toolchain for building client side documentation from figma
65 lines (64 loc) • 1.27 kB
JSON
{
"id": "input",
"group": "Forms",
"options": {
"exporter": {
"search": "Input",
"supportedVariantProps": {
"design": ["Theme", "State"],
"layout": ["Size"]
}
}
},
"parts": [
{
"id": "$",
"tokens": [
{
"from": "FRAME[name=':: input']",
"export": ["BACKGROUND", "BORDER", "SPACING", "EFFECT"]
},
{
"from": "FRAME[name=':: input'] > TEXT[name='Input Text']",
"export": ["TYPOGRAPHY", "FILL"]
}
]
},
{
"id": "label",
"tokens": [
{
"from": "TEXT[name='Input Label']",
"export": ["SPACING", "TYPOGRAPHY", "FILL"]
}
]
},
{
"id": "text",
"tokens": [
{
"from": "FRAME[name=':: input'] > TEXT[name='Input Text']",
"export": ["TYPOGRAPHY", "FILL"]
}
]
},
{
"id": "icon",
"tokens": [
{
"from": "FRAME[name=':: input'] > VECTOR",
"export": ["BORDER"]
}
]
},
{
"id": "additionalInfo",
"tokens": [
{
"from": "TEXT[name='Help Text']",
"export": ["SPACING", "TYPOGRAPHY", "FILL"]
}
]
}
]
}