UNPKG

@utrecht/components

Version:

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

439 lines (438 loc) 14.2 kB
{ "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" } } } } }