UNPKG

@utrecht/components

Version:

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

415 lines (414 loc) 12.1 kB
{ "utrecht": { "search-bar": { "button": { "background-color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "color" }, "border-color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "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" }, "font-size": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<number>", "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": false }, "type": "fontWeights" }, "hover": { "background-color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "color" }, "scale": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<number>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "other" } } }, "input": { "border-bottom-width": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "borderWidth" }, "border-color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "color" }, "padding-inline-start": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "spacing" }, "max-inline-size": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "sizing" }, "background-image": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<image>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "other" }, "background-position-x": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "other" }, "background-position-y": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "other" }, "background-size": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "other" } }, "dropdown": { "inline-size": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "sizing" }, "z-index": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<number>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "other" }, "border-width": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "borderWidth" }, "border-color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "color" }, "padding-block-start": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<number>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "spacing" }, "padding-block-end": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<number>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "spacing" }, "padding-inline-start": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<number>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "spacing" }, "padding-inline-end": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<number>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "spacing" }, "max-block-size": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "sizing" } }, "section": { "margin-block-end": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<number>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "spacing" }, "title": { "font-size": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<number>", "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": false }, "type": "fontWeights" }, "line-height": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": ["<length>", "<number>"], "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "lineHeights" }, "color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "color" }, "margin-inline-start": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<number>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "spacing" } } }, "list-item": { "padding-inline-start": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<number>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "spacing" }, "padding-inline-end": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<number>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "spacing" }, "padding-block-start": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<number>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "spacing" }, "padding-block-end": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<number>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "spacing" }, "is-active": { "color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "color" }, "background-color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "color" }, "font-weight": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "fontWeights" } }, "is-selected": { "color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "color" }, "background-color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "color" } } } } } }