@utrecht/components
Version:
Components for the Municipality of Utrecht based on the NL Design System architecture
439 lines (438 loc) • 14.2 kB
JSON
{
"utrecht": {
"textarea": {
"background-color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.fallback": ["utrecht.form-control.background-color"],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "color"
},
"border-block-end-width": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.fallback": [
"utrecht.textarea.border-width",
"utrecht.form-control.border-block-end-width"
],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "borderWidth"
},
"border-bottom-width": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.deprecated": true,
"nl.nldesignsystem.redirect": "utrecht.textarea.border-block-end-width"
},
"type": "borderWidth"
},
"border-color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.fallback": ["utrecht.form-control.border-color"],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "color"
},
"border-radius": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length-percentage>",
"inherits": true
},
"nl.nldesignsystem.fallback": ["utrecht.form-control.border-radius"],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "borderRadius"
},
"border-width": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.fallback": ["utrecht.form-control.border-width"],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "borderWidth"
},
"color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.fallback": ["utrecht.form-control.color"],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "color"
},
"font-family": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "*",
"inherits": true
},
"nl.nldesignsystem.fallback": ["utrecht.form-control.font-family"],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "fontFamilies"
},
"font-size": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.fallback": ["utrecht.form-control.font-size"],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "fontSizes"
},
"font-weight": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<number>",
"inherits": true
},
"nl.nldesignsystem.fallback": ["utrecht.form-control.font-weight"],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "fontWeights"
},
"line-height": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.fallback": ["utrecht.form-control.line-height"],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "lineHeights"
},
"max-inline-size": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.fallback": ["utrecht.form-control.max-inline-size"],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "sizing"
},
"min-block-size": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.fallback": ["utrecht.pointer-target.min-size"],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "sizing"
},
"padding-block-end": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.fallback": ["utrecht.form-control.padding-block-end"],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "spacing"
},
"padding-block-start": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.fallback": ["utrecht.form-control.padding-block-start"],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "spacing"
},
"padding-inline-end": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.fallback": ["utrecht.form-control.padding-inline-end"],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "spacing"
},
"padding-inline-start": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.fallback": ["utrecht.form-control.padding-inline-start"],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "spacing"
},
"placeholder": {
"color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.fallback": [
"utrecht.form-control.placeholder.color",
"utrecht.textarea.color",
"utrecht.form-control.color"
],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "color"
},
"font-style": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": ["inherit", "italic", "normal"],
"inherits": true
},
"nl.nldesignsystem.fallback": ["utrecht.form-control.placeholder.font-style"],
"nl.nldesignsystem.figma.supports-token": false
},
"type": "other"
}
},
"disabled": {
"background-color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.fallback": [
"utrecht.form-control.disabled.background-color",
"utrecht.textarea.background-color",
"utrecht.form-control.background-color"
],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "color"
},
"border-color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.fallback": [
"utrecht.form-control.disabled.border-color",
"utrecht.textarea.border-color",
"utrecht.form-control.border-color"
],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "color"
},
"color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.fallback": [
"utrecht.form-control.disabled.color",
"utrecht.textarea.color",
"utrecht.form-control.color"
],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "color"
}
},
"focus": {
"background-color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.fallback": [
"utrecht.form-control.focus.background-color",
"utrecht.textarea.background-color",
"utrecht.form-control.background-color"
],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "color"
},
"border-color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.fallback": [
"utrecht.form-control.focus.border-color",
"utrecht.textarea.border-color",
"utrecht.form-control.border-color"
],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "color"
},
"color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.fallback": [
"utrecht.form-control.focus.color",
"utrecht.textarea.color",
"utrecht.form-control.color"
],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "color"
}
},
"invalid": {
"background-color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.fallback": [
"utrecht.form-control.invalid.background-color",
"utrecht.textarea.background-color",
"utrecht.form-control.background-color"
],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "color"
},
"border-color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.fallback": [
"utrecht.form-control.invalid.border-color",
"utrecht.textarea.border-color",
"utrecht.form-control.border-color"
],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "color"
},
"border-width": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.fallback": [
"utrecht.form-control.invalid.border-width",
"utrecht.textarea.border-width",
"utrecht.form-control.border-width"
],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "borderWidth"
},
"border-block-end-width": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.fallback": ["utrecht.form-control.border-block-end-width"],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "borderWidth"
},
"color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<length>",
"inherits": true
},
"nl.nldesignsystem.fallback": [
"utrecht.form-control.invalid.color",
"utrecht.textarea.color",
"utrecht.form-control.color"
],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "color"
}
},
"read-only": {
"background-color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.fallback": [
"utrecht.form-control.read-only.background-color",
"utrecht.textarea.background-color",
"utrecht.form-control.background-color"
],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "color"
},
"border-color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.fallback": [
"utrecht.form-control.read-only.border-color",
"utrecht.textarea.border-color",
"utrecht.form-control.border-color"
],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "color"
},
"color": {
"$extensions": {
"nl.nldesignsystem.css.property": {
"syntax": "<color>",
"inherits": true
},
"nl.nldesignsystem.fallback": [
"utrecht.form-control.read-only.color",
"utrecht.textarea.color",
"utrecht.form-control.color"
],
"nl.nldesignsystem.figma.supports-token": true
},
"type": "color"
}
}
}
}
}