UNPKG

@utrecht/components

Version:

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

325 lines (324 loc) 8.96 kB
{ "utrecht": { "form-control": { "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" }, "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" }, "color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": true }, "type": "color" }, "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" }, "font-style": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": ["inherit", "italic", "normal"], "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "other" }, "font-weight": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<number>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": true }, "type": "fontWeights" }, "line-height": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length> | <number>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": true }, "type": "lineHeights" }, "max-inline-size": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": true }, "type": "sizing" }, "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" }, "placeholder": { "color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": true }, "type": "color" }, "font-style": { "syntax": { "syntax": ["inherit", "italic", "normal"], "inherits": true }, "nl.nldesignsystem.figma.supports-token": false }, "type": "other" }, "disabled": { "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" }, "border-width": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": true }, "type": "borderWidth" }, "color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": true }, "type": "color" } }, "invalid": { "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" }, "border-width": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": true }, "type": "borderWidth" }, "color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.figma.supports-token": true }, "type": "color" } }, "read-only": { "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" } } } } }