UNPKG

@utrecht/components

Version:

Components for the Municipality of Utrecht based on the NL Design System architecture

354 lines (353 loc) 11.3 kB
{ "utrecht": { "select": { "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" }, "background-image": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<img>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "other" }, "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" }, "border-bottom-width": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.deprecated": true } }, "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" }, "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" }, "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" }, "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" }, "disabled": { "background-color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.fallback": [ "utrecht.form-control.disabled.background-color", "utrecht.select.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.select.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.select.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.select.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.select.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.focus.color", "utrecht.select.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.select.background-color", "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.form-control.border-block-end-width"], "nl.nldesignsystem.figma.supports-token": true }, "type": "borderWidth" }, "border-color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.fallback": [ "utrecht.form-control.invalid.border-color", "utrecht.select.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.select.border-width", "utrecht.form-control.border-width" ], "nl.nldesignsystem.figma.supports-token": true }, "type": "borderWidth" } } } } }