@utrecht/components
Version:
Components for the Municipality of Utrecht based on the NL Design System architecture
514 lines (513 loc) • 15 kB
JSON
{
"utrecht": {
"table": {
"border-color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": false
},
"type": "color"
},
"border-width": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": false
},
"type": "borderWidth"
},
"font-family": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "*",
"inherits": true
},
"nl.nldesignsystem.fallback": ["utrecht.document.color"],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "fontFamilies"
},
"font-size": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": true
},
"type": "fontSizes"
},
"line-height": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": ["<length>", "<number>"],
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": true
},
"type": "lineHeights"
},
"margin-block-end": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": false
},
"type": "spacing"
},
"margin-block-start": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": false
},
"type": "spacing"
},
"caption": {
"font-weight": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<number>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": true
},
"type": "fontWeights"
},
"font-family": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "*",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": true
},
"type": "fontFamilies"
},
"font-size": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": true
},
"type": "fontSizes"
},
"color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": true
},
"type": "color"
},
"line-height": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": ["<length>", "<number>"],
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": true
},
"type": "lineHeights"
},
"text-align": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": ["left", "right", "start", "end"],
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": false
},
"type": "other"
},
"margin-block-end": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": true
},
"type": "spacing"
}
},
"header": {
"font-weight": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<number>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": false
},
"type": "fontWeights"
},
"background-color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": true
},
"type": "color"
},
"color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": false
},
"type": "color"
},
"text-transform": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": ["inherit", "uppercase"],
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": false
},
"type": "textCase"
},
"border-block-end-color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": true
},
"type": "color"
},
"border-block-end-width": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": true
},
"type": "borderWidth"
},
"sticky": {
"background-color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": false
},
"type": "color"
},
"color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": false
},
"type": "color"
},
"border-block-end-color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": false
},
"type": "color"
},
"border-block-end-width": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": false
},
"type": "borderWidth"
}
}
},
"footer": {
"background-color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": true
},
"type": "color"
},
"color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": false
},
"type": "color"
},
"sticky": {
"background-color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": false
},
"type": "color"
},
"color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": false
},
"type": "color"
}
}
},
"header-cell": {
"font-size": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": false
},
"type": "fontSizes"
},
"font-weight": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<number>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": true
},
"type": "fontWeights"
},
"color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": true
},
"type": "color"
},
"text-transform": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": ["inherit", "uppercase"],
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": false
},
"type": "textCase"
}
},
"cell": {
"line-height": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": ["<length>", "<number>"],
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": false
},
"type": "lineHeights"
},
"padding-block-end": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": true
},
"type": "spacing"
},
"padding-block-start": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": true
},
"type": "spacing"
},
"padding-inline-end": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": true
},
"type": "spacing"
},
"padding-inline-start": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": true
},
"type": "spacing"
},
"selected": {
"background-color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": false
},
"type": "color"
},
"color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": false
},
"type": "color"
}
},
"icon": {
"size": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": false
},
"type": "sizing"
}
}
},
"row": {
"border-block-end-color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": true
},
"type": "color"
},
"border-block-end-width": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": true
},
"type": "borderWidth"
},
"padding-inline-end": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.fallback": ["utrecht.table.cell.padding-inline-end"],
"nl.nldesignsystem.figma.supports-token": false
},
"type": "spacing"
},
"padding-inline-start": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.fallback": ["utrecht.table.cell.padding-inline-start"],
"nl.nldesignsystem.figma.supports-token": false
},
"type": "spacing"
},
"alternate-odd": {
"background-color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": false
},
"type": "color"
},
"color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": false
},
"type": "color"
}
},
"alternate-even": {
"background-color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": false
},
"type": "color"
},
"color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.figma.supports-token": false
},
"type": "color"
}
}
}
}
}
}