UNPKG

@utrecht/components

Version:

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

370 lines (369 loc) 11.1 kB
{ "utrecht": { "textbox": { "background-color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.fallback": ["utrecht.form-control.background-color"] }, "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"] }, "type": "borderWidth" }, "border-bottom-width": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.deprecated": true }, "type": "borderWidth" }, "border-color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.fallback": ["utrecht.form-control.border-color"] }, "type": "color" }, "border-radius": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length-percentage>", "inherits": true }, "nl.nldesignsystem.fallback": ["utrecht.form-control.border-radius"] }, "type": "borderRadius" }, "border-width": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.fallback": ["utrecht.form-control.border-width"] }, "type": "borderWidth" }, "color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.fallback": ["utrecht.form-control.color"] }, "type": "color" }, "font-family": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "*", "inherits": true }, "nl.nldesignsystem.fallback": ["utrecht.form-control.font-family"] }, "type": "fontFamilies" }, "font-size": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.fallback": ["utrecht.form-control.font-size"] }, "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"] }, "type": "lineHeights" }, "max-inline-size": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.fallback": ["utrecht.form-control.max-inline-size"] }, "type": "sizing" }, "padding-block-end": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.fallback": ["utrecht.form-control.padding-block-end"] }, "type": "spacing" }, "padding-block-start": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.fallback": ["utrecht.form-control.padding-block-start"] }, "type": "spacing" }, "padding-inline-end": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.fallback": ["utrecht.form-control.padding-inline-end"] }, "type": "spacing" }, "padding-inline-start": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.fallback": ["utrecht.form-control.padding-inline-start"] }, "type": "spacing" }, "placeholder": { "color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.fallback": ["utrecht.form-control.placeholder.color"] }, "type": "color" } }, "disabled": { "background-color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.fallback": [ "utrecht.form-control.disabled.background-color", "utrecht.textbox.background-color", "utrecht.form-control.background-color" ] }, "type": "color" }, "border-color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.fallback": [ "utrecht.form-control.disabled.border-color", "utrecht.textbox.border-color", "utrecht.form-control.border-color" ] }, "type": "color" }, "color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.fallback": [ "utrecht.form-control.disabled.color", "utrecht.textbox.color", "utrecht.form-control.color" ] }, "type": "color" } }, "focus": { "background-color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.fallback": [ "utrecht.form-control.focus.background-color", "utrecht.textbox.background-color", "utrecht.form-control.background-color" ] }, "type": "color" }, "border-color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.fallback": [ "utrecht.form-control.focus.border-color", "utrecht.textbox.border-color", "utrecht.form-control.border-color" ] }, "type": "color" }, "color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.fallback": [ "utrecht.form-control.focus.color", "utrecht.textbox.color", "utrecht.form-control.color" ] }, "type": "color" } }, "invalid": { "background-color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.fallback": [ "utrecht.form-control.invalid.background-color", "utrecht.textbox.background-color", "utrecht.form-control.background-color" ] }, "type": "color" }, "border-color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.fallback": [ "utrecht.form-control.invalid.border-color", "utrecht.textbox.border-color", "utrecht.form-control.border-color" ] }, "type": "color" }, "border-width": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<length>", "inherits": true }, "nl.nldesignsystem.fallback": [ "utrecht.form-control.invalid.border-width", "utrecht.textbox.border-width", "utrecht.form-control.border-width" ] }, "type": "borderWidth" }, "color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.fallback": [ "utrecht.form-control.invalid.color", "utrecht.textbox.color", "utrecht.form-control.color" ] }, "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.textbox.background-color", "utrecht.form-control.background-color" ] }, "type": "color" }, "border-color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.fallback": [ "utrecht.form-control.read-only.border-color", "utrecht.textbox.border-color", "utrecht.form-control.border-color" ] }, "type": "color" }, "color": { "$extensions": { "nl.nldesignsystem.css.property": { "syntax": "<color>", "inherits": true }, "nl.nldesignsystem.fallback": [ "utrecht.form-control.read-only.color", "utrecht.textbox.color", "utrecht.form-control.color" ] }, "type": "color" } } } } }