UNPKG

@utrecht/components

Version:

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

363 lines (362 loc) 10.5 kB
{ "utrecht": { "accordion": { "margin-block-start": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "spacing" }, "margin-block-end": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "spacing" }, "row-gap": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "spacing" }, "button": { "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" }, "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" }, "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": true }, "type": "color" }, "border-color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": true }, "type": "color" }, "border-radius": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length-percentage>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": true }, "type": "borderRadius" }, "border-width": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": true }, "type": "borderWidth" }, "gap": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": true }, "type": "spacing" }, "hover": { "background-color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": true }, "type": "color" }, "border-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": true }, "type": "color" } }, "active": { "background-color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": true }, "type": "color" }, "border-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": true }, "type": "color" } }, "focus": { "background-color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": true }, "type": "color" }, "border-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": true }, "type": "color" } }, "icon": { "size": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": true }, "type": "sizing" }, "utrecht": { "arrow-down": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<url>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "other" }, "arrow-up": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<url>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "other" }, "background-color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "color" } } } }, "panel": { "border-color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": true }, "type": "color" }, "border-width": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": true }, "type": "borderWidth" }, "padding-block-start": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": true }, "type": "spacing" }, "padding-block-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" }, "padding-inline-end": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": true }, "type": "spacing" } }, "section": { "margin-block-start": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "spacing" }, "margin-block-end": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "spacing" } } } } }