diff --git a/proprietary/noordwijk-design-tokens/src/brand/noordwijk/color.tokens.json b/proprietary/noordwijk-design-tokens/src/brand/noordwijk/color.tokens.json index 390ccd440..1b796c9e1 100644 --- a/proprietary/noordwijk-design-tokens/src/brand/noordwijk/color.tokens.json +++ b/proprietary/noordwijk-design-tokens/src/brand/noordwijk/color.tokens.json @@ -28,6 +28,9 @@ "29": { "value": "#4a4a4a" }, + "31": { + "value": "#4f4f4f" + }, "46": { "value": "#757575" }, @@ -46,15 +49,18 @@ } }, "lightgrey": { + "92": { + "value": "#ebebeb" + }, "96": { "value": "#f5f5f5", "comment": "Base/LightGrey" - }, - "92": { - "value": "#ebebeb" } }, "light-blue": { + "46": { + "value": "#417aa9" + }, "51": { "value": "#4685be" }, @@ -75,6 +81,9 @@ } }, "white": { + "95": { + "value": "#f2f2f2" + }, "98": { "value": "#fafafa" }, @@ -87,6 +96,9 @@ "0": { "value": "#000000", "comment": "Base/Black" + }, + "15": { + "value": "#212529" } } } diff --git a/proprietary/noordwijk-design-tokens/src/brand/noordwijk/typography.tokens.json b/proprietary/noordwijk-design-tokens/src/brand/noordwijk/typography.tokens.json index 6dde368fa..f35952ff0 100644 --- a/proprietary/noordwijk-design-tokens/src/brand/noordwijk/typography.tokens.json +++ b/proprietary/noordwijk-design-tokens/src/brand/noordwijk/typography.tokens.json @@ -3,12 +3,12 @@ "typography": { "roboto": { "font-family": { - "value": "\"Roboto\", Arial, sans-serif" + "value": "\"Roboto\", Monospace, Arial, sans-serif" } }, "roboto-slab": { "font-family": { - "value": "\"Roboto Slab\", Arial, sans-serif" + "value": "\"Roboto Slab\", Monospace, Arial, sans-serif" } }, "monospace": { @@ -16,6 +16,7 @@ "value": "Monospace, \"Lucida Console\"" } }, + "font-weight": { "bold": { "value": "700" @@ -27,6 +28,7 @@ "value": "100" } }, + "scale": { "4xs": { "value": "{noordwijk.font-size.4xs}" }, "3xs": { "value": "{noordwijk.font-size.3xs}" }, diff --git a/proprietary/noordwijk-design-tokens/src/component/conduction/card-wrapper.tokens.json b/proprietary/noordwijk-design-tokens/src/component/conduction/card-wrapper.tokens.json index 87c5c07db..1a4c82385 100644 --- a/proprietary/noordwijk-design-tokens/src/component/conduction/card-wrapper.tokens.json +++ b/proprietary/noordwijk-design-tokens/src/component/conduction/card-wrapper.tokens.json @@ -9,6 +9,7 @@ "border-bottom-style": {}, "border-bottom-width": {}, "border-radius": { "value": "5px" }, + "box-shadow": {}, "color": { "value": "{noordwijk.color.black.0}" }, "hover": { "background-color": {}, diff --git a/proprietary/noordwijk-design-tokens/src/component/conduction/checkbox.tokens.json b/proprietary/noordwijk-design-tokens/src/component/conduction/checkbox.tokens.json new file mode 100644 index 000000000..60bfd6398 --- /dev/null +++ b/proprietary/noordwijk-design-tokens/src/component/conduction/checkbox.tokens.json @@ -0,0 +1,69 @@ +{ + "conduction": { + "input-checkbox": { + "color": { "value": "{noordwijk.color.white.100}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{noordwijk.color.grey.46}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{noordwijk.color.white.100}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{noordwijk.color.grey.31}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + }, + "checked": { + "color": { "value": "{noordwijk.color.primary}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{noordwijk.color.primary}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "checkmark-url": {}, + "hover": { + "color": { "value": "{noordwijk.color.primary-hover}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{noordwijk.color.primary-hover}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + } + }, + "disabled": { + "color": { "value": "{noordwijk.color.grey.82}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{noordwijk.color.grey.82}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{noordwijk.color.grey.82}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{noordwijk.color.grey.82}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + } + }, + "focus": { + "outline-width": { "value": "2px" }, + "outline-style": { "value": "solid" }, + "outline-color": { "value": "{noordwijk.color.black.0}" }, + "outline-offset": { "value": "2px" } + }, + "label": { + "color": { "value": "{utrecht.document.color}" }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-weight": {}, + "font-family": { "value": "{utrecht.document.font-family}" }, + "container": { + "padding": { "value": "3px" }, + "margin": { "value": "3px" } + } + } + } + } +} diff --git a/proprietary/noordwijk-design-tokens/src/component/conduction/download-card.tokens.json b/proprietary/noordwijk-design-tokens/src/component/conduction/download-card.tokens.json new file mode 100644 index 000000000..b3a2a3352 --- /dev/null +++ b/proprietary/noordwijk-design-tokens/src/component/conduction/download-card.tokens.json @@ -0,0 +1,23 @@ +{ + "conduction": { + "download-card": { + "background-color": {}, + "title": { + "color": { "value": "{noordwijk.color.primary}" }, + "font-size": { "value": "{noordwijk.font-size.lg}" }, + "font-weight": { "value": "{noordwijk.typography.font-weight.bold}" }, + "font-family": { "value": "{noordwijk.typography.roboto.font-family}" }, + "margin-inline-end": { "value": "{noordwijk.size.sm}" } + }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{noordwijk.color.grey.82}" }, + "border-radius": { "value": "5px" }, + "icon-gap": { "value": "{noordwijk.size.xs}" }, + "padding-inline-end": { "value": "{noordwijk.size.md}" }, + "padding-inline-start": { "value": "{noordwijk.size.md}" }, + "padding-block-end": { "value": "{noordwijk.size.md}" }, + "padding-block-start": { "value": "{noordwijk.size.md}" } + } + } +} diff --git a/proprietary/noordwijk-design-tokens/src/component/conduction/logo.tokens.json b/proprietary/noordwijk-design-tokens/src/component/conduction/logo.tokens.json new file mode 100644 index 000000000..ab23d34ca --- /dev/null +++ b/proprietary/noordwijk-design-tokens/src/component/conduction/logo.tokens.json @@ -0,0 +1,25 @@ +{ + "conduction": { + "logo": { + "header": { + "inline-size": { "value": "145px" }, + "block-size": { "value": "64px" }, + "background-image": { + "value": "url('data:image/svg+xml,%3Csvg class=\"custom-logo\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 165 72.7\"%3E%3Cdefs%3E%3CclipPath id=\"a\"%3E%3Cpath fill=\"none\" d=\"M5.6 0H165v72.7H5.6Z\" data-name=\"Path 5771\"%3E%3C/path%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name=\"Group 11598\"%3E%3Cg clip-path=\"url(%23a)\" data-name=\"Mask Group 11250\"%3E%3Cpath fill=\"%23111A64\" d=\"M72 27.1v.9h-1.6a1.9 1.9 0 0 1 .4.5 1.8 1.8 0 0 1 .1.8 1.9 1.9 0 0 1-.7 1.5 3.5 3.5 0 0 1-2.2.6h-.5a2 2 0 0 1-.4 0 2.9 2.9 0 0 1-.1.3.6.6 0 0 0-.1.3c0 .2 0 .3.3.4a5.5 5.5 0 0 0 .9.2l1 .3a5.5 5.5 0 0 1 1.2.3 2.5 2.5 0 0 1 .9.6 1.3 1.3 0 0 1 .3.9 1.5 1.5 0 0 1-.3.9 2 2 0 0 1-.7.6 3.9 3.9 0 0 1-1 .4 8 8 0 0 1-1.5 0 5.4 5.4 0 0 1-2.5-.4 1.3 1.3 0 0 1-.8-1.2 1.4 1.4 0 0 1 .5-1 4.1 4.1 0 0 1 1.4-.7 2.3 2.3 0 0 1-.5-.4.6.6 0 0 1-.2-.5.8.8 0 0 1 0-.3 1.4 1.4 0 0 1 .3-.3 2.2 2.2 0 0 1 .2-.3 2.1 2.1 0 0 1 .3-.2 2.5 2.5 0 0 1-1.2-.8 2 2 0 0 1-.5-1.2 1.8 1.8 0 0 1 .7-1.6 3.6 3.6 0 0 1 2.3-.6Zm-1.9 8a.9.9 0 0 0-.3-.8 2.5 2.5 0 0 0-.8-.4 7.1 7.1 0 0 0-1-.3 10.2 10.2 0 0 1-1-.2 1.9 1.9 0 0 0-.7.7 1.5 1.5 0 0 0-.2.7 1 1 0 0 0 .6.9 2.9 2.9 0 0 0 1.6.4 3.9 3.9 0 0 0 .9-.1 1.8 1.8 0 0 0 .5-.3.8.8 0 0 0 .3-.3 1 1 0 0 0 .1-.4m-3.7-5.7a2.4 2.4 0 0 0 0 .6 1.2 1.2 0 0 0 .3.5 1.2 1.2 0 0 0 .5.3 2.1 2.1 0 0 0 .8.1 1.5 1.5 0 0 0 1.2-.4 1.7 1.7 0 0 0 .3-1.1 4.4 4.4 0 0 0 0-.5 2.8 2.8 0 0 0 0-.3 2.1 2.1 0 0 0-.1-.3V28a2.4 2.4 0 0 0-.7-.2 5.3 5.3 0 0 0-.7 0 1.7 1.7 0 0 0-1.3.3 1.6 1.6 0 0 0-.3 1.2\" data-name=\"Path 5659\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M79 33.1a2.3 2.3 0 0 1-1 .8 3.5 3.5 0 0 1-1.5.3 4.3 4.3 0 0 1-1.5-.3 3 3 0 0 1-1.8-1.8 4.5 4.5 0 0 1-.3-1.5 3.7 3.7 0 0 1 1-2.7 3.3 3.3 0 0 1 2.4-.9 4.1 4.1 0 0 1 1 .1 2.5 2.5 0 0 1 1 .5 2.2 2.2 0 0 1 .6.8 2.8 2.8 0 0 1 .2 1.2 4.4 4.4 0 0 1 0 .5v.5h-4.7a3.5 3.5 0 0 0 .1 1 2.2 2.2 0 0 0 .5.9 2.1 2.1 0 0 0 .8.5 2.9 2.9 0 0 0 1 .2 2.7 2.7 0 0 0 1-.2 2.5 2.5 0 0 0 .8-.4Zm-2.8-5.5a2 2 0 0 0-.7.1 1.3 1.3 0 0 0-.5.4 2 2 0 0 0-.4.8 5.2 5.2 0 0 0-.2 1h3.2a4.6 4.6 0 0 0 0-.4 2.4 2.4 0 0 0-.3-1.4 1.2 1.2 0 0 0-1-.5\" data-name=\"Path 5660\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M88.1 34H85v-.6h.8v-3.2a9.6 9.6 0 0 0 0-1 2.2 2.2 0 0 0-.2-.7 1 1 0 0 0-.4-.5 1.4 1.4 0 0 0-.7-.1 1.5 1.5 0 0 0-.6 0 1.6 1.6 0 0 0-.4.4 2 2 0 0 0-.4.5 2.6 2.6 0 0 0-.2.5v4h.8v.7h-3.2v-.6h1v-5.6h-1v-.7h2.4v1.4a2.3 2.3 0 0 1 .8-1A2.2 2.2 0 0 1 85 27a3.5 3.5 0 0 1 .6 0 1.6 1.6 0 0 1 1.1.8 2.2 2.2 0 0 1 .3.9 3 3 0 0 1 .4-.7 2.6 2.6 0 0 1 .5-.5 2.5 2.5 0 0 1 .6-.4 2.3 2.3 0 0 1 .8 0 3 3 0 0 1 1 0 1.4 1.4 0 0 1 .6.5 2.1 2.1 0 0 1 .4.9 6.4 6.4 0 0 1 .2 1.4v3.5h1v.6h-3.3v-.6h.9v-3.5a6.5 6.5 0 0 0 0-.8 1.8 1.8 0 0 0-.3-.7 1 1 0 0 0-.4-.4 1.5 1.5 0 0 0-.7-.1 1.4 1.4 0 0 0-1 .4 2.5 2.5 0 0 0-.6 1.1v4h1Z\" data-name=\"Path 5661\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M99.6 33.1a2.3 2.3 0 0 1-1 .8 3.5 3.5 0 0 1-1.5.3 4.3 4.3 0 0 1-1.5-.3 3 3 0 0 1-1.8-1.8 4.5 4.5 0 0 1-.2-1.5 3.7 3.7 0 0 1 .9-2.7 3.3 3.3 0 0 1 2.4-.9 4.1 4.1 0 0 1 1 .1 2.5 2.5 0 0 1 1 .5 2.2 2.2 0 0 1 .6.8 2.8 2.8 0 0 1 .3 1.2 4.4 4.4 0 0 1 0 .5l-.1.5H95a3.5 3.5 0 0 0 .2 1 2.2 2.2 0 0 0 .5.9 2.1 2.1 0 0 0 .7.5 2.9 2.9 0 0 0 1.1.2 2.7 2.7 0 0 0 1-.2 2.5 2.5 0 0 0 .7-.4Zm-2.7-5.5a2 2 0 0 0-.8.1 1.3 1.3 0 0 0-.5.4 2 2 0 0 0-.3.8 5.2 5.2 0 0 0-.2 1h3.2a4.6 4.6 0 0 0 0-.4 2.4 2.4 0 0 0-.4-1.4 1.2 1.2 0 0 0-1-.5\" data-name=\"Path 5662\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M107.3 33.1a2.3 2.3 0 0 1-1 .8 3.5 3.5 0 0 1-1.4.3 4.3 4.3 0 0 1-1.5-.3 3 3 0 0 1-1.8-1.8 4.5 4.5 0 0 1-.3-1.5 3.7 3.7 0 0 1 1-2.7 3.3 3.3 0 0 1 2.4-.9 4.1 4.1 0 0 1 1 .1 2.5 2.5 0 0 1 1 .5 2.2 2.2 0 0 1 .6.8 2.8 2.8 0 0 1 .2 1.2 4.4 4.4 0 0 1 0 .5v.5h-4.7a3.5 3.5 0 0 0 .2 1 2.2 2.2 0 0 0 .4.9 2.1 2.1 0 0 0 .8.5 2.9 2.9 0 0 0 1.1.2 2.7 2.7 0 0 0 1-.2 2.5 2.5 0 0 0 .7-.4Zm-2.7-5.5a2 2 0 0 0-.7.1 1.3 1.3 0 0 0-.5.4 2 2 0 0 0-.4.8 5.2 5.2 0 0 0-.1 1h3.1a4.6 4.6 0 0 0 0-.4 2.4 2.4 0 0 0-.3-1.4 1.2 1.2 0 0 0-1-.5\" data-name=\"Path 5663\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M117 34h-3.2v-.6h.9V30a3.4 3.4 0 0 0-.4-1.6 1.2 1.2 0 0 0-1.1-.6 1.9 1.9 0 0 0-.7.1 2 2 0 0 0-.5.3 2.1 2.1 0 0 0-.5.5 2.2 2.2 0 0 0-.2.5v4h.8v.7H109v-.6h1v-5.6h-1v-.7h2.4v1.4a2.8 2.8 0 0 1 .9-1 2.3 2.3 0 0 1 1.4-.5 4 4 0 0 1 1 .1 1.6 1.6 0 0 1 .8.5 2.2 2.2 0 0 1 .5.9 5 5 0 0 1 .1 1.4v3.5h1Z\" data-name=\"Path 5664\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M117.6 27.1h1.1v-1l1.4-.6v1.6h2.2v.9h-2.2v3.8a2.4 2.4 0 0 0 .2 1.2.7.7 0 0 0 .7.3 1.6 1.6 0 0 0 .7-.1 4.4 4.4 0 0 0 .6-.3l.3.5a2.2 2.2 0 0 1-.3.2 3 3 0 0 1-.5.3 3.4 3.4 0 0 1-.6.2 2.8 2.8 0 0 1-.6 0 1.9 1.9 0 0 1-1.4-.4 2 2 0 0 1-.5-1.5V28h-1.1Z\" data-name=\"Path 5665\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M129.6 33.1a2.3 2.3 0 0 1-1 .8 3.5 3.5 0 0 1-1.5.3 4.3 4.3 0 0 1-1.5-.3 3 3 0 0 1-1.8-1.8 4.5 4.5 0 0 1-.2-1.5 3.7 3.7 0 0 1 .9-2.7 3.3 3.3 0 0 1 2.4-.9 4.1 4.1 0 0 1 1 .1 2.5 2.5 0 0 1 1 .5 2.2 2.2 0 0 1 .6.8 2.8 2.8 0 0 1 .3 1.2 4.4 4.4 0 0 1 0 .5l-.1.5H125a3.5 3.5 0 0 0 .2 1 2.2 2.2 0 0 0 .5.9 2.1 2.1 0 0 0 .7.5 2.9 2.9 0 0 0 1.1.2 2.7 2.7 0 0 0 1-.2 2.5 2.5 0 0 0 .7-.4Zm-2.7-5.5a2 2 0 0 0-.7.1 1.3 1.3 0 0 0-.6.4 2 2 0 0 0-.3.8 5.2 5.2 0 0 0-.2 1h3.2a4.6 4.6 0 0 0 0-.4 2.4 2.4 0 0 0-.3-1.4 1.2 1.2 0 0 0-1.1-.5\" data-name=\"Path 5666\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M89.9 43.4A5.3 5.3 0 0 0 88 42a6.8 6.8 0 0 0-4.9 0 5.3 5.3 0 0 0-1.8 1.3 5.4 5.4 0 0 0-1.1 1.9 7.8 7.8 0 0 0 0 4.9 5.4 5.4 0 0 0 1 1.9 5.3 5.3 0 0 0 2 1.2 6.8 6.8 0 0 0 4.8 0 5.3 5.3 0 0 0 1.9-1.2 5.4 5.4 0 0 0 1.1-2 7.8 7.8 0 0 0 0-4.8 5.4 5.4 0 0 0-1.1-2m-3 8a3 3 0 0 1-2.7 0 3 3 0 0 1-1-.9 4 4 0 0 1-.6-1.3 5.7 5.7 0 0 1 0-2.8 3.8 3.8 0 0 1 .6-1.3 3 3 0 0 1 1-.9 3 3 0 0 1 2.8 0 3 3 0 0 1 1 1 3.8 3.8 0 0 1 .5 1.2 5.7 5.7 0 0 1 0 2.8 4 4 0 0 1-.5 1.3 3 3 0 0 1-1 .9\" data-name=\"Path 5667\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M102.7 43.4A5.3 5.3 0 0 0 101 42a6.8 6.8 0 0 0-4.9 0 5.3 5.3 0 0 0-1.8 1.3 5.4 5.4 0 0 0-1.2 1.9 7.8 7.8 0 0 0 0 4.9 5.4 5.4 0 0 0 1.2 1.9 5.3 5.3 0 0 0 1.8 1.2 6.8 6.8 0 0 0 5 0 5.3 5.3 0 0 0 1.7-1.2 5.4 5.4 0 0 0 1.2-2 7.8 7.8 0 0 0 0-4.8 5.4 5.4 0 0 0-1.2-2m-2.8 8a3 3 0 0 1-2.9 0 3 3 0 0 1-1-.9 4 4 0 0 1-.5-1.3 5.7 5.7 0 0 1 0-2.8 3.8 3.8 0 0 1 .6-1.3 3 3 0 0 1 1-.9 3 3 0 0 1 2.8 0 3 3 0 0 1 1 1 3.8 3.8 0 0 1 .5 1.2 5.7 5.7 0 0 1 0 2.8 4 4 0 0 1-.6 1.3 3 3 0 0 1-1 .9\" data-name=\"Path 5668\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M112.5 41.7a5.4 5.4 0 0 0-.6 0 3.1 3.1 0 0 0-1.2.2 4 4 0 0 0-1 .6 4.3 4.3 0 0 0-.8.8 2.8 2.8 0 0 0-.3.5V42H106v11.5h2.6V48a5.2 5.2 0 0 1 .3-1.6 3.6 3.6 0 0 1 .6-1.2 2.7 2.7 0 0 1 1-.8 3.1 3.1 0 0 1 1.7-.2l.5.1v-2.6h-.3\" data-name=\"Path 5669\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M122.1 43.3a3.2 3.2 0 0 0-.6-.6 4.3 4.3 0 0 0-1-.6 4.8 4.8 0 0 0-1-.3 5.4 5.4 0 0 0-3 .2 4.4 4.4 0 0 0-1.6 1 5.4 5.4 0 0 0-1.1 2 7.7 7.7 0 0 0-.4 2.6 8.5 8.5 0 0 0 .3 2.4 5.6 5.6 0 0 0 1 2 4.8 4.8 0 0 0 1.7 1.3 5.5 5.5 0 0 0 2.4.5 5.1 5.1 0 0 0 2-.5 3 3 0 0 0 1.4-1.2v1.4h2.6V38.3H122Zm-3 8.3a2.8 2.8 0 0 1-1.4-.3 2.8 2.8 0 0 1-1-.8 3.8 3.8 0 0 1-.5-1.3 5.4 5.4 0 0 1-.2-1.4 6.8 6.8 0 0 1 .2-1.4 3.9 3.9 0 0 1 .5-1.3 3 3 0 0 1 1-1 2.8 2.8 0 0 1 1.4-.3 2.7 2.7 0 0 1 2.3 1 4.5 4.5 0 0 1 .8 3 5.7 5.7 0 0 1-.2 1.4 4.1 4.1 0 0 1-.6 1.2 2.9 2.9 0 0 1-1 .9 2.7 2.7 0 0 1-1.3.3\" data-name=\"Path 5670\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"m137.8 50.3-2-8.3h-2.6l-2.1 8.3-2.2-8.3h-2.8l3.5 11.4h2.8l2-8.2 2 8.2H139.3l3.6-11.4h-2.7Z\" data-name=\"Path 5671\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M144 38.3h2.8v2.5H144z\" data-name=\"Rectangle 17828\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M144 42h2.8v11.5H144z\" data-name=\"Rectangle 17829\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M149.2 54.2a3.6 3.6 0 0 1-.2 1.3c0 .2-.3.3-.8.3a4.5 4.5 0 0 1-.8 0v2l.5.2h.6a3.1 3.1 0 0 0 2.6-1 4.2 4.2 0 0 0 .7-2.6V42h-2.6Z\" data-name=\"Path 5672\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M149.2 38.3h2.7v2.5h-2.7z\" data-name=\"Rectangle 17830\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"m160.2 46.2 4.4-4.2h-3.3l-4.4 4.4v-8h-2.7v15h2.7v-4l1.4-1.4 3.4 5.4h3.3Z\" data-name=\"Path 5673\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M75.2 40v9l-6.7-9h-4.3v1.7l1.4.3v11.5h2.8v-9l6.6 9h3V40Z\" data-name=\"Path 5674\"%3E%3C/path%3E%3Cpath fill=\"%232C2276\" d=\"m50.7 0-9.2 19.6 10 13.3V16.7h9.2L64.8 0Z\" data-name=\"Path 5675\"%3E%3C/path%3E%3Cpath fill=\"%232C2276\" d=\"M39.2 36.9v16.7H25.5l-5.3 11.2a16.6 16.6 0 0 0 3.2 1.6l1.4.4 22 5.9 4-16 .8-3.3Z\" data-name=\"Path 5676\"%3E%3C/path%3E%3Cpath fill=\"%23007C4C\" d=\"m39.6 17 1.3 1.9L50 0h-1.6Z\" data-name=\"Path 5677\"%3E%3C/path%3E%3Cpath fill=\"%23007C4C\" d=\"M24.6 52.7v-6.5l-8 15.6a16.7 16.7 0 0 0 2.6 2.3Z\" data-name=\"Path 5678\"%3E%3C/path%3E%3Cpath fill=\"%23FFD66F\" d=\"M38.3 16.7h-2.4L45.2 0h2Z\" data-name=\"Path 5679\"%3E%3C/path%3E%3Cpath fill=\"%23FFD66F\" d=\"m24.6 36.9-11 20a16.5 16.5 0 0 0 1.6 3.1l9.4-17.7Z\" data-name=\"Path 5680\"%3E%3C/path%3E%3Cpath fill=\"%236096C7\" d=\"M24.6 24.7 19 23.2v-6.5h14.7L43.4 0H5.6v6.5l6.8 1.8V51a16.9 16.9 0 0 0 .1 1.8L24.6 32Z\" data-name=\"Path 5681\"%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E')" + } + }, + "footer": { + "inline-size": { "value": "" }, + "block-size": { "value": "" }, + "background-image": { "value": "" } + }, + "navbar": { + "inline-size": { "value": "102px" }, + "block-size": { "value": "45px" }, + "background-image": { + "value": "url('data:image/svg+xml,%3Csvg class=\"custom-logo\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 165 72.7\"%3E%3Cdefs%3E%3CclipPath id=\"a\"%3E%3Cpath fill=\"none\" d=\"M5.6 0H165v72.7H5.6Z\" data-name=\"Path 5771\"%3E%3C/path%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name=\"Group 11598\"%3E%3Cg clip-path=\"url(%23a)\" data-name=\"Mask Group 11250\"%3E%3Cpath fill=\"%23111A64\" d=\"M72 27.1v.9h-1.6a1.9 1.9 0 0 1 .4.5 1.8 1.8 0 0 1 .1.8 1.9 1.9 0 0 1-.7 1.5 3.5 3.5 0 0 1-2.2.6h-.5a2 2 0 0 1-.4 0 2.9 2.9 0 0 1-.1.3.6.6 0 0 0-.1.3c0 .2 0 .3.3.4a5.5 5.5 0 0 0 .9.2l1 .3a5.5 5.5 0 0 1 1.2.3 2.5 2.5 0 0 1 .9.6 1.3 1.3 0 0 1 .3.9 1.5 1.5 0 0 1-.3.9 2 2 0 0 1-.7.6 3.9 3.9 0 0 1-1 .4 8 8 0 0 1-1.5 0 5.4 5.4 0 0 1-2.5-.4 1.3 1.3 0 0 1-.8-1.2 1.4 1.4 0 0 1 .5-1 4.1 4.1 0 0 1 1.4-.7 2.3 2.3 0 0 1-.5-.4.6.6 0 0 1-.2-.5.8.8 0 0 1 0-.3 1.4 1.4 0 0 1 .3-.3 2.2 2.2 0 0 1 .2-.3 2.1 2.1 0 0 1 .3-.2 2.5 2.5 0 0 1-1.2-.8 2 2 0 0 1-.5-1.2 1.8 1.8 0 0 1 .7-1.6 3.6 3.6 0 0 1 2.3-.6Zm-1.9 8a.9.9 0 0 0-.3-.8 2.5 2.5 0 0 0-.8-.4 7.1 7.1 0 0 0-1-.3 10.2 10.2 0 0 1-1-.2 1.9 1.9 0 0 0-.7.7 1.5 1.5 0 0 0-.2.7 1 1 0 0 0 .6.9 2.9 2.9 0 0 0 1.6.4 3.9 3.9 0 0 0 .9-.1 1.8 1.8 0 0 0 .5-.3.8.8 0 0 0 .3-.3 1 1 0 0 0 .1-.4m-3.7-5.7a2.4 2.4 0 0 0 0 .6 1.2 1.2 0 0 0 .3.5 1.2 1.2 0 0 0 .5.3 2.1 2.1 0 0 0 .8.1 1.5 1.5 0 0 0 1.2-.4 1.7 1.7 0 0 0 .3-1.1 4.4 4.4 0 0 0 0-.5 2.8 2.8 0 0 0 0-.3 2.1 2.1 0 0 0-.1-.3V28a2.4 2.4 0 0 0-.7-.2 5.3 5.3 0 0 0-.7 0 1.7 1.7 0 0 0-1.3.3 1.6 1.6 0 0 0-.3 1.2\" data-name=\"Path 5659\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M79 33.1a2.3 2.3 0 0 1-1 .8 3.5 3.5 0 0 1-1.5.3 4.3 4.3 0 0 1-1.5-.3 3 3 0 0 1-1.8-1.8 4.5 4.5 0 0 1-.3-1.5 3.7 3.7 0 0 1 1-2.7 3.3 3.3 0 0 1 2.4-.9 4.1 4.1 0 0 1 1 .1 2.5 2.5 0 0 1 1 .5 2.2 2.2 0 0 1 .6.8 2.8 2.8 0 0 1 .2 1.2 4.4 4.4 0 0 1 0 .5v.5h-4.7a3.5 3.5 0 0 0 .1 1 2.2 2.2 0 0 0 .5.9 2.1 2.1 0 0 0 .8.5 2.9 2.9 0 0 0 1 .2 2.7 2.7 0 0 0 1-.2 2.5 2.5 0 0 0 .8-.4Zm-2.8-5.5a2 2 0 0 0-.7.1 1.3 1.3 0 0 0-.5.4 2 2 0 0 0-.4.8 5.2 5.2 0 0 0-.2 1h3.2a4.6 4.6 0 0 0 0-.4 2.4 2.4 0 0 0-.3-1.4 1.2 1.2 0 0 0-1-.5\" data-name=\"Path 5660\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M88.1 34H85v-.6h.8v-3.2a9.6 9.6 0 0 0 0-1 2.2 2.2 0 0 0-.2-.7 1 1 0 0 0-.4-.5 1.4 1.4 0 0 0-.7-.1 1.5 1.5 0 0 0-.6 0 1.6 1.6 0 0 0-.4.4 2 2 0 0 0-.4.5 2.6 2.6 0 0 0-.2.5v4h.8v.7h-3.2v-.6h1v-5.6h-1v-.7h2.4v1.4a2.3 2.3 0 0 1 .8-1A2.2 2.2 0 0 1 85 27a3.5 3.5 0 0 1 .6 0 1.6 1.6 0 0 1 1.1.8 2.2 2.2 0 0 1 .3.9 3 3 0 0 1 .4-.7 2.6 2.6 0 0 1 .5-.5 2.5 2.5 0 0 1 .6-.4 2.3 2.3 0 0 1 .8 0 3 3 0 0 1 1 0 1.4 1.4 0 0 1 .6.5 2.1 2.1 0 0 1 .4.9 6.4 6.4 0 0 1 .2 1.4v3.5h1v.6h-3.3v-.6h.9v-3.5a6.5 6.5 0 0 0 0-.8 1.8 1.8 0 0 0-.3-.7 1 1 0 0 0-.4-.4 1.5 1.5 0 0 0-.7-.1 1.4 1.4 0 0 0-1 .4 2.5 2.5 0 0 0-.6 1.1v4h1Z\" data-name=\"Path 5661\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M99.6 33.1a2.3 2.3 0 0 1-1 .8 3.5 3.5 0 0 1-1.5.3 4.3 4.3 0 0 1-1.5-.3 3 3 0 0 1-1.8-1.8 4.5 4.5 0 0 1-.2-1.5 3.7 3.7 0 0 1 .9-2.7 3.3 3.3 0 0 1 2.4-.9 4.1 4.1 0 0 1 1 .1 2.5 2.5 0 0 1 1 .5 2.2 2.2 0 0 1 .6.8 2.8 2.8 0 0 1 .3 1.2 4.4 4.4 0 0 1 0 .5l-.1.5H95a3.5 3.5 0 0 0 .2 1 2.2 2.2 0 0 0 .5.9 2.1 2.1 0 0 0 .7.5 2.9 2.9 0 0 0 1.1.2 2.7 2.7 0 0 0 1-.2 2.5 2.5 0 0 0 .7-.4Zm-2.7-5.5a2 2 0 0 0-.8.1 1.3 1.3 0 0 0-.5.4 2 2 0 0 0-.3.8 5.2 5.2 0 0 0-.2 1h3.2a4.6 4.6 0 0 0 0-.4 2.4 2.4 0 0 0-.4-1.4 1.2 1.2 0 0 0-1-.5\" data-name=\"Path 5662\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M107.3 33.1a2.3 2.3 0 0 1-1 .8 3.5 3.5 0 0 1-1.4.3 4.3 4.3 0 0 1-1.5-.3 3 3 0 0 1-1.8-1.8 4.5 4.5 0 0 1-.3-1.5 3.7 3.7 0 0 1 1-2.7 3.3 3.3 0 0 1 2.4-.9 4.1 4.1 0 0 1 1 .1 2.5 2.5 0 0 1 1 .5 2.2 2.2 0 0 1 .6.8 2.8 2.8 0 0 1 .2 1.2 4.4 4.4 0 0 1 0 .5v.5h-4.7a3.5 3.5 0 0 0 .2 1 2.2 2.2 0 0 0 .4.9 2.1 2.1 0 0 0 .8.5 2.9 2.9 0 0 0 1.1.2 2.7 2.7 0 0 0 1-.2 2.5 2.5 0 0 0 .7-.4Zm-2.7-5.5a2 2 0 0 0-.7.1 1.3 1.3 0 0 0-.5.4 2 2 0 0 0-.4.8 5.2 5.2 0 0 0-.1 1h3.1a4.6 4.6 0 0 0 0-.4 2.4 2.4 0 0 0-.3-1.4 1.2 1.2 0 0 0-1-.5\" data-name=\"Path 5663\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M117 34h-3.2v-.6h.9V30a3.4 3.4 0 0 0-.4-1.6 1.2 1.2 0 0 0-1.1-.6 1.9 1.9 0 0 0-.7.1 2 2 0 0 0-.5.3 2.1 2.1 0 0 0-.5.5 2.2 2.2 0 0 0-.2.5v4h.8v.7H109v-.6h1v-5.6h-1v-.7h2.4v1.4a2.8 2.8 0 0 1 .9-1 2.3 2.3 0 0 1 1.4-.5 4 4 0 0 1 1 .1 1.6 1.6 0 0 1 .8.5 2.2 2.2 0 0 1 .5.9 5 5 0 0 1 .1 1.4v3.5h1Z\" data-name=\"Path 5664\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M117.6 27.1h1.1v-1l1.4-.6v1.6h2.2v.9h-2.2v3.8a2.4 2.4 0 0 0 .2 1.2.7.7 0 0 0 .7.3 1.6 1.6 0 0 0 .7-.1 4.4 4.4 0 0 0 .6-.3l.3.5a2.2 2.2 0 0 1-.3.2 3 3 0 0 1-.5.3 3.4 3.4 0 0 1-.6.2 2.8 2.8 0 0 1-.6 0 1.9 1.9 0 0 1-1.4-.4 2 2 0 0 1-.5-1.5V28h-1.1Z\" data-name=\"Path 5665\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M129.6 33.1a2.3 2.3 0 0 1-1 .8 3.5 3.5 0 0 1-1.5.3 4.3 4.3 0 0 1-1.5-.3 3 3 0 0 1-1.8-1.8 4.5 4.5 0 0 1-.2-1.5 3.7 3.7 0 0 1 .9-2.7 3.3 3.3 0 0 1 2.4-.9 4.1 4.1 0 0 1 1 .1 2.5 2.5 0 0 1 1 .5 2.2 2.2 0 0 1 .6.8 2.8 2.8 0 0 1 .3 1.2 4.4 4.4 0 0 1 0 .5l-.1.5H125a3.5 3.5 0 0 0 .2 1 2.2 2.2 0 0 0 .5.9 2.1 2.1 0 0 0 .7.5 2.9 2.9 0 0 0 1.1.2 2.7 2.7 0 0 0 1-.2 2.5 2.5 0 0 0 .7-.4Zm-2.7-5.5a2 2 0 0 0-.7.1 1.3 1.3 0 0 0-.6.4 2 2 0 0 0-.3.8 5.2 5.2 0 0 0-.2 1h3.2a4.6 4.6 0 0 0 0-.4 2.4 2.4 0 0 0-.3-1.4 1.2 1.2 0 0 0-1.1-.5\" data-name=\"Path 5666\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M89.9 43.4A5.3 5.3 0 0 0 88 42a6.8 6.8 0 0 0-4.9 0 5.3 5.3 0 0 0-1.8 1.3 5.4 5.4 0 0 0-1.1 1.9 7.8 7.8 0 0 0 0 4.9 5.4 5.4 0 0 0 1 1.9 5.3 5.3 0 0 0 2 1.2 6.8 6.8 0 0 0 4.8 0 5.3 5.3 0 0 0 1.9-1.2 5.4 5.4 0 0 0 1.1-2 7.8 7.8 0 0 0 0-4.8 5.4 5.4 0 0 0-1.1-2m-3 8a3 3 0 0 1-2.7 0 3 3 0 0 1-1-.9 4 4 0 0 1-.6-1.3 5.7 5.7 0 0 1 0-2.8 3.8 3.8 0 0 1 .6-1.3 3 3 0 0 1 1-.9 3 3 0 0 1 2.8 0 3 3 0 0 1 1 1 3.8 3.8 0 0 1 .5 1.2 5.7 5.7 0 0 1 0 2.8 4 4 0 0 1-.5 1.3 3 3 0 0 1-1 .9\" data-name=\"Path 5667\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M102.7 43.4A5.3 5.3 0 0 0 101 42a6.8 6.8 0 0 0-4.9 0 5.3 5.3 0 0 0-1.8 1.3 5.4 5.4 0 0 0-1.2 1.9 7.8 7.8 0 0 0 0 4.9 5.4 5.4 0 0 0 1.2 1.9 5.3 5.3 0 0 0 1.8 1.2 6.8 6.8 0 0 0 5 0 5.3 5.3 0 0 0 1.7-1.2 5.4 5.4 0 0 0 1.2-2 7.8 7.8 0 0 0 0-4.8 5.4 5.4 0 0 0-1.2-2m-2.8 8a3 3 0 0 1-2.9 0 3 3 0 0 1-1-.9 4 4 0 0 1-.5-1.3 5.7 5.7 0 0 1 0-2.8 3.8 3.8 0 0 1 .6-1.3 3 3 0 0 1 1-.9 3 3 0 0 1 2.8 0 3 3 0 0 1 1 1 3.8 3.8 0 0 1 .5 1.2 5.7 5.7 0 0 1 0 2.8 4 4 0 0 1-.6 1.3 3 3 0 0 1-1 .9\" data-name=\"Path 5668\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M112.5 41.7a5.4 5.4 0 0 0-.6 0 3.1 3.1 0 0 0-1.2.2 4 4 0 0 0-1 .6 4.3 4.3 0 0 0-.8.8 2.8 2.8 0 0 0-.3.5V42H106v11.5h2.6V48a5.2 5.2 0 0 1 .3-1.6 3.6 3.6 0 0 1 .6-1.2 2.7 2.7 0 0 1 1-.8 3.1 3.1 0 0 1 1.7-.2l.5.1v-2.6h-.3\" data-name=\"Path 5669\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M122.1 43.3a3.2 3.2 0 0 0-.6-.6 4.3 4.3 0 0 0-1-.6 4.8 4.8 0 0 0-1-.3 5.4 5.4 0 0 0-3 .2 4.4 4.4 0 0 0-1.6 1 5.4 5.4 0 0 0-1.1 2 7.7 7.7 0 0 0-.4 2.6 8.5 8.5 0 0 0 .3 2.4 5.6 5.6 0 0 0 1 2 4.8 4.8 0 0 0 1.7 1.3 5.5 5.5 0 0 0 2.4.5 5.1 5.1 0 0 0 2-.5 3 3 0 0 0 1.4-1.2v1.4h2.6V38.3H122Zm-3 8.3a2.8 2.8 0 0 1-1.4-.3 2.8 2.8 0 0 1-1-.8 3.8 3.8 0 0 1-.5-1.3 5.4 5.4 0 0 1-.2-1.4 6.8 6.8 0 0 1 .2-1.4 3.9 3.9 0 0 1 .5-1.3 3 3 0 0 1 1-1 2.8 2.8 0 0 1 1.4-.3 2.7 2.7 0 0 1 2.3 1 4.5 4.5 0 0 1 .8 3 5.7 5.7 0 0 1-.2 1.4 4.1 4.1 0 0 1-.6 1.2 2.9 2.9 0 0 1-1 .9 2.7 2.7 0 0 1-1.3.3\" data-name=\"Path 5670\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"m137.8 50.3-2-8.3h-2.6l-2.1 8.3-2.2-8.3h-2.8l3.5 11.4h2.8l2-8.2 2 8.2H139.3l3.6-11.4h-2.7Z\" data-name=\"Path 5671\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M144 38.3h2.8v2.5H144z\" data-name=\"Rectangle 17828\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M144 42h2.8v11.5H144z\" data-name=\"Rectangle 17829\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M149.2 54.2a3.6 3.6 0 0 1-.2 1.3c0 .2-.3.3-.8.3a4.5 4.5 0 0 1-.8 0v2l.5.2h.6a3.1 3.1 0 0 0 2.6-1 4.2 4.2 0 0 0 .7-2.6V42h-2.6Z\" data-name=\"Path 5672\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M149.2 38.3h2.7v2.5h-2.7z\" data-name=\"Rectangle 17830\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"m160.2 46.2 4.4-4.2h-3.3l-4.4 4.4v-8h-2.7v15h2.7v-4l1.4-1.4 3.4 5.4h3.3Z\" data-name=\"Path 5673\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M75.2 40v9l-6.7-9h-4.3v1.7l1.4.3v11.5h2.8v-9l6.6 9h3V40Z\" data-name=\"Path 5674\"%3E%3C/path%3E%3Cpath fill=\"%232C2276\" d=\"m50.7 0-9.2 19.6 10 13.3V16.7h9.2L64.8 0Z\" data-name=\"Path 5675\"%3E%3C/path%3E%3Cpath fill=\"%232C2276\" d=\"M39.2 36.9v16.7H25.5l-5.3 11.2a16.6 16.6 0 0 0 3.2 1.6l1.4.4 22 5.9 4-16 .8-3.3Z\" data-name=\"Path 5676\"%3E%3C/path%3E%3Cpath fill=\"%23007C4C\" d=\"m39.6 17 1.3 1.9L50 0h-1.6Z\" data-name=\"Path 5677\"%3E%3C/path%3E%3Cpath fill=\"%23007C4C\" d=\"M24.6 52.7v-6.5l-8 15.6a16.7 16.7 0 0 0 2.6 2.3Z\" data-name=\"Path 5678\"%3E%3C/path%3E%3Cpath fill=\"%23FFD66F\" d=\"M38.3 16.7h-2.4L45.2 0h2Z\" data-name=\"Path 5679\"%3E%3C/path%3E%3Cpath fill=\"%23FFD66F\" d=\"m24.6 36.9-11 20a16.5 16.5 0 0 0 1.6 3.1l9.4-17.7Z\" data-name=\"Path 5680\"%3E%3C/path%3E%3Cpath fill=\"%236096C7\" d=\"M24.6 24.7 19 23.2v-6.5h14.7L43.4 0H5.6v6.5l6.8 1.8V51a16.9 16.9 0 0 0 .1 1.8L24.6 32Z\" data-name=\"Path 5681\"%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E')" + } + } + } + } +} diff --git a/proprietary/noordwijk-design-tokens/src/component/conduction/navigation.tokens.json b/proprietary/noordwijk-design-tokens/src/component/conduction/navigation.tokens.json new file mode 100644 index 000000000..aa8e35c45 --- /dev/null +++ b/proprietary/noordwijk-design-tokens/src/component/conduction/navigation.tokens.json @@ -0,0 +1,67 @@ +{ + "conduction": { + "primary": { + "top-nav": { + "color": { "value": "{noordwijk.color.blue.30}" }, + "background-color": { "value": "{noordwijk.color.white.100}" }, + "hover": { + "color": { "value": "{noordwijk.color.blue.30}" }, + "background-color": { "value": "{noordwijk.color.white.100}" }, + "box-shadow": { "value": "inset 0 -4px {noordwijk.color.light-blue.58}" } + }, + "current": { + "color": { "value": "{noordwijk.color.blue.30}" }, + "background-color": { "value": "unset" }, + "box-shadow": { "value": "inset 0 -4px {noordwijk.color.light-blue.58}" }, + "mobile": { + "box-shadow": { "value": "inset 4px 0 {noordwijk.color.light-blue.58}" } + } + }, + "dropdown": { + "color": { "value": "{noordwijk.color.black.15}" }, + "background-color": { "value": "{noordwijk.color.white.100}" }, + "border-width": {}, + "border-style": {}, + "border-color": {}, + "hover": { + "color": { "value": "{noordwijk.color.black.15}" }, + "background-color": { "value": "{noordwijk.color.light-blue.96}" }, + "box-shadow": { "value": "none" } + } + }, + "item": { + "padding": { "value": "18px" }, + "border-radius": {} + }, + "padding-inline-end": { "value": "16px" }, + "padding-inline-start": { "value": "16px" }, + "padding-block-end": { "value": "16px" }, + "padding-block-start": { "value": "16px" } + } + }, + "secondary": { + "top-nav": { + "color": { "value": "{noordwijk.color.blue.30}" }, + "background-color": { "value": "transparent" }, + "hover": { + "color": { "value": "{noordwijk.color.black.15}" }, + "background-color": { "value": "transparent" } + }, + "current": { + "color": { "value": "{noordwijk.color.blue.30}" }, + "background-color": { "value": "unset" }, + "box-shadow": { "value": "inset 0 -4px {noordwijk.color.primary}" } + }, + "font-size": { "value": "{noordwijk.font-size.md}" }, + "font-weight": { "value": "400" }, + "item": { + "padding": { "value": "18px" } + }, + "padding-inline-end": { "value": "16px" }, + "padding-inline-start": { "value": "16px" }, + "padding-block-end": { "value": "16px" }, + "padding-block-start": { "value": "16px" } + } + } + } +} diff --git a/proprietary/noordwijk-design-tokens/src/component/conduction/pagination.tokens.json b/proprietary/noordwijk-design-tokens/src/component/conduction/pagination.tokens.json index 7600562cf..1c7b707a9 100644 --- a/proprietary/noordwijk-design-tokens/src/component/conduction/pagination.tokens.json +++ b/proprietary/noordwijk-design-tokens/src/component/conduction/pagination.tokens.json @@ -1,45 +1,76 @@ { "conduction": { "pagination": { - "container-background-color": { "value": "unset" }, - "container-padding-inline-start": { "value": "0px" }, - "container-padding-inline-end": { "value": "0px" }, - "container-padding-block-start": { "value": "0px" }, - "container-padding-block-end": { "value": "0px" }, - "item-gap": { "value": "{noordwijk.size.xs}" }, - "item-color": { "value": "{noordwijk.color.black.0}" }, - "item-background-color": { "value": "{noordwijk.color.white.100}" }, - "item-border-radius": { "value": "30px" }, - "item-padding-inline-start": { "value": "{noordwijk.size.sm}" }, - "item-padding-inline-end": { "value": "{noordwijk.size.sm}" }, - "item-padding-block-start": { "value": "{noordwijk.size.xs}" }, - "item-padding-block-end": { "value": "{noordwijk.size.xs}" }, - "item-font-size": { "value": "{utrecht.document.font-size}" }, - "item-font-weight": { "value": "{noordwijk.typography.font-weight.normal}" }, - "item-font-family": { "value": "{noordwijk.typography.roboto-slab.font-family}" }, - "item-border-width": {}, - "item-border-style": {}, - "item-border-color": {}, - "navigation-button-padding-inline-start": { "value": "{noordwijk.size.xs}" }, - "navigation-button-padding-inline-end": { "value": "{noordwijk.size.xs}" }, - "navigation-button-padding-block-start": { "value": "0px" }, - "navigation-button-padding-block-end": { "value": "0px" }, - "disabled-color": {}, - "disabled-background-color": { "value": "{noordwijk.color.lightgrey.96}" }, - "current-page-color": { "value": "{noordwijk.color.white.100}" }, - "current-page-background-color": { "value": "{noordwijk.color.primary}" }, - "current-page-font-weight": { "value": "{noordwijk.typography.font-weight.normal}" }, - "current-page-text-decoration": { "value": "unset" }, - "current-page-border-width": {}, - "current-page-border-style": {}, - "current-page-border-color": {}, - "page-hover-color": { "value": "{noordwijk.color.white.100}" }, - "page-hover-background-color": { "value": "{noordwijk.color.primary}" }, - "page-hover-text-decoration": { "value": "unset" }, - "page-hover-text-decoration-thickness": { "value": "0px" }, - "page-hover-border-width": {}, - "page-hover-border-style": {}, - "page-hover-border-color": {} + "container": { + "background-color": { "value": "unset" }, + "padding-inline-start": { "value": "0px" }, + "padding-inline-end": { "value": "0px" }, + "padding-block-start": { "value": "0px" }, + "padding-block-end": { "value": "0px" } + }, + "item": { + "gap": { "value": "{noordwijk.size.xs}" }, + "color": { "value": "{noordwijk.color.black.0}" }, + "background-color": { "value": "{noordwijk.color.white.100}" }, + "padding-inline-start": { "value": "1.2rem" }, + "padding-inline-end": { "value": "1.2rem" }, + "padding-block-start": { "value": "0.8rem" }, + "padding-block-end": { "value": "0.8rem" }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-weight": { "value": "{noordwijk.typography.font-weight.normal}" }, + "font-family": { "value": "{noordwijk.typography.roboto-slab.font-family}" }, + "border-width": {}, + "border-style": {}, + "border-color": {}, + "border-radius": {} + }, + "navigation-button": { + "color": { "value": "{noordwijk.color.black.0}" }, + "background-color": { "value": "{noordwijk.color.white.100}" }, + "border-color": {}, + "border-radius": {}, + "border-width": { "value": "0px" }, + "padding-inline-start": { "value": "1.2rem" }, + "padding-inline-end": { "value": "1.2rem" }, + "padding-block-start": { "value": "0.8rem" }, + "padding-block-end": { "value": "0.8rem" }, + "disabled": { + "color": {}, + "background-color": { "value": "{noordwijk.color.lightgrey.96}" }, + "border-width": { "value": "0px" }, + "border-style": {}, + "border-color": {}, + "border-radius": {} + }, + "hover": { + "color": { "value": "{noordwijk.color.white.100}" }, + "background-color": { "value": "{noordwijk.color.light-blue.58}" }, + "border-width": { "value": "0px" }, + "border-style": {}, + "border-color": {}, + "border-radius": {} + } + }, + "current-page": { + "color": { "value": "{noordwijk.color.white.100}" }, + "background-color": { "value": "{noordwijk.color.light-blue.58}" }, + "font-weight": { "value": "{noordwijk.typography.font-weight.normal}" }, + "text-decoration": { "value": "unset" }, + "border-width": {}, + "border-style": {}, + "border-color": {} + }, + "page": { + "hover": { + "color": { "value": "{noordwijk.color.white.100}" }, + "background-color": { "value": "{noordwijk.color.light-blue.58}" }, + "text-decoration": { "value": "unset" }, + "text-decoration-thickness": { "value": "0px" }, + "border-width": {}, + "border-style": {}, + "border-color": {} + } + } } } } diff --git a/proprietary/noordwijk-design-tokens/src/component/conduction/select.tokens.json b/proprietary/noordwijk-design-tokens/src/component/conduction/select.tokens.json index 1eeb27cbb..f73d9fc31 100644 --- a/proprietary/noordwijk-design-tokens/src/component/conduction/select.tokens.json +++ b/proprietary/noordwijk-design-tokens/src/component/conduction/select.tokens.json @@ -13,14 +13,19 @@ "list-option": { "font-family": { "value": "{noordwijk.typography.roboto.font-family}" }, "background-color": { "value": "{noordwijk.color.white.100}" }, + "color": { "value": "{noordwijk.color.black.0}" }, "hover": { "font-family": { "value": "{noordwijk.typography.roboto.font-family}" }, - "color": { - "value": "{noordwijk.color.primary}" - }, - "background-color": { - "value": "{noordwijk.color.white.100}" - } + "background-color": { "value": "{noordwijk.color.white.100}" }, + "color": { "value": "{noordwijk.color.primary}" } + }, + "selected": { + "background-color": { "value": "{noordwijk.color.white.100}" }, + "color": { "value": "{noordwijk.color.primary}" } + }, + "focus": { + "background-color": { "value": "{noordwijk.color.white.100}" }, + "color": { "value": "{noordwijk.color.black.0}" } } }, "placeholder": { diff --git a/proprietary/noordwijk-design-tokens/src/component/conduction/table-wrapper.tokens.json b/proprietary/noordwijk-design-tokens/src/component/conduction/table-wrapper.tokens.json new file mode 100644 index 000000000..55a38561b --- /dev/null +++ b/proprietary/noordwijk-design-tokens/src/component/conduction/table-wrapper.tokens.json @@ -0,0 +1,21 @@ +{ + "conduction": { + "table-wrapper": { + "scroll-button": { + "background-color": { "value": "{noordwijk.color.white.100}" }, + "color": { "value": "{noordwijk.color.black.0}" }, + "padding-inline-start": { "value": "{noordwijk.size.sm}" }, + "padding-inline-end": { "value": "{noordwijk.size.sm}" }, + "padding-block-start": {}, + "padding-block-end": {}, + "border-width": {}, + "border-style": {}, + "border-color": {}, + "hover": { + "background-color": { "value": "{noordwijk.color.white.100}" }, + "color": { "value": "{noordwijk.color.light-blue.58}" } + } + } + } + } +} diff --git a/proprietary/noordwijk-design-tokens/src/component/conduction/tabs.tokens.json b/proprietary/noordwijk-design-tokens/src/component/conduction/tabs.tokens.json index cde1b6371..033e84449 100644 --- a/proprietary/noordwijk-design-tokens/src/component/conduction/tabs.tokens.json +++ b/proprietary/noordwijk-design-tokens/src/component/conduction/tabs.tokens.json @@ -65,6 +65,17 @@ "border-color": {}, "border-top": {} } + }, + "scroll-button": { + "background-color": { "value": "{noordwijk.color.light-blue.58}" }, + "color": { "value": "{noordwijk.color.white.100}" }, + "border-width": {}, + "border-style": {}, + "border-color": {}, + "hover": { + "background-color": { "value": "{noordwijk.color.light-blue.51}" }, + "color": { "value": "{noordwijk.color.white.100}" } + } } } } diff --git a/proprietary/noordwijk-design-tokens/src/component/conduction/tooltip.tokens.json b/proprietary/noordwijk-design-tokens/src/component/conduction/tooltip.tokens.json new file mode 100644 index 000000000..e589ef164 --- /dev/null +++ b/proprietary/noordwijk-design-tokens/src/component/conduction/tooltip.tokens.json @@ -0,0 +1,17 @@ +{ + "conduction": { + "tooltip": { + "background-color": { "value": "{noordwijk.color.black.0}" }, + "color": { "value": "{noordwijk.color.white.100}" }, + "padding-block-start": { "value": "{noordwijk.size.xs}" }, + "padding-block-end": { "value": "{noordwijk.size.xs}" }, + "padding-inline-start": { "value": "{noordwijk.size.sm}" }, + "padding-inline-end": { "value": "{noordwijk.size.sm}" }, + "border-width": { "value": "0px" }, + "border-style": { "value": "unset" }, + "border-color": { "value": "unset" }, + "border-radius": { "value": "0px" }, + "z-index": { "value": "9999" } + } + } +} diff --git a/proprietary/noordwijk-design-tokens/src/component/open-catalogi/rating.tokens.json b/proprietary/noordwijk-design-tokens/src/component/open-catalogi/rating.tokens.json new file mode 100644 index 000000000..c27499244 --- /dev/null +++ b/proprietary/noordwijk-design-tokens/src/component/open-catalogi/rating.tokens.json @@ -0,0 +1,12 @@ +{ + "open-catalogi": { + "rating": { + "rating-bar": { + "color": { "value": "{noordwijk.color.primary}" }, + "background-color": {} + }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-family": { "value": "{utrecht.document.font-family}" } + } + } +} diff --git a/proprietary/noordwijk-design-tokens/src/component/utrecht/badge.tokens.json b/proprietary/noordwijk-design-tokens/src/component/utrecht/badge.tokens.json new file mode 100644 index 000000000..9696bec96 --- /dev/null +++ b/proprietary/noordwijk-design-tokens/src/component/utrecht/badge.tokens.json @@ -0,0 +1,15 @@ +{ + "utrecht": { + "badge": { + "background-color": { "value": "{noordwijk.color.black.0} " }, + "border-radius": { "value": "0" }, + "color": { "value": "{noordwijk.color.white.100} " }, + "font-size": { "value": "{noordwijk.font-size.sm}" }, + "font-weight": { "value": "{noordwijk.typography.font-weight.normal}" }, + "line-height": {}, + "padding-block": { "value": "{noordwijk.size.xs}" }, + "padding-inline": { "value": "{noordwijk.size.xs}" }, + "text-transform": {} + } + } +} diff --git a/proprietary/noordwijk-design-tokens/src/component/utrecht/breadcrumb.tokens.json b/proprietary/noordwijk-design-tokens/src/component/utrecht/breadcrumb.tokens.json new file mode 100644 index 000000000..ca38309b3 --- /dev/null +++ b/proprietary/noordwijk-design-tokens/src/component/utrecht/breadcrumb.tokens.json @@ -0,0 +1,35 @@ +{ + "utrecht": { + "breadcrumb-nav": { + "block-size": {}, + "font-family": { "value": "{noordwijk.typography.roboto-slab.font-family}" }, + "font-size": { "value": "{noordwijk.font-size.sm}" }, + "text-transform": {}, + "item": { + "padding-block-start": {}, + "padding-block-end": {}, + "padding-inline-end": {}, + "padding-inline-start": {} + }, + "link": { + "background-color": {}, + "color": { "value": "{noordwijk.color.white.100}" }, + "focus": { + "background-color": {}, + "color": {} + }, + "current": { + "background-color": {}, + "color": { "value": "{noordwijk.color.white.100}" } + } + }, + "separator": { + "color": { "value": "{noordwijk.color.white.100}" }, + "inline-size": {}, + "icon": { + "size": { "value": "{noordwijk.font-size.sm}" } + } + } + } + } +} diff --git a/proprietary/noordwijk-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json b/proprietary/noordwijk-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json new file mode 100644 index 000000000..7a6dcbfb2 --- /dev/null +++ b/proprietary/noordwijk-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json @@ -0,0 +1,21 @@ +{ + "utrecht": { + "breadcrumb-nav": { + "background-color": { "value": "{noordwijk.color.light-blue.46}" }, + "padding-inline-start": { "value": "0" }, + "padding-inline-end": { "value": "0" }, + "padding-block-start": { "value": "12px" }, + "padding-block-end": { "value": "12px" }, + "link": { + "disabled": { + "background-color": {}, + "color": { "value": "{noordwijk.color.white.100}" } + }, + "hover": { + "background-color": {}, + "color": { "value": "{noordwijk.color.white.100}" } + } + } + } + } +} diff --git a/proprietary/noordwijk-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json b/proprietary/noordwijk-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json index 3f9d23b1a..875979509 100644 --- a/proprietary/noordwijk-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +++ b/proprietary/noordwijk-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json @@ -5,7 +5,30 @@ "logo": { "max-width": { "value": "150px" } }, - "background-position": {} + "background-size": { "value": "auto" }, + "background-position": { "value": "center right -35px" }, + "mobile": { + "background-position": { "value": "bottom right -35px" } + }, + "icon": { + "color": { "value": "{noordwijk.color.primary}" } + }, + "heading": { + "color": { "value": "{noordwijk.color.primary}" }, + "font-family": { "value": "{noordwijk.typography.roboto.font-family}" } + }, + "link": { + "color": { "value": "{noordwijk.color.black.0}" }, + "text-decoration": { "value": "none" }, + "text-decoration-color": {}, + "text-decoration-thickness": { "value": 0 }, + "text-underline-offset": { "value": "0.25em" }, + "hover": { + "color": { "value": "{noordwijk.color.black.0}" }, + "text-decoration": { "value": "underline" }, + "text-decoration-thickness": { "value": 1 } + } + } } } } diff --git a/proprietary/noordwijk-design-tokens/src/component/utrecht/extra-tokens/page-header.tokens.json b/proprietary/noordwijk-design-tokens/src/component/utrecht/extra-tokens/page-header.tokens.json index 9fe63bb7d..e3ea0e072 100644 --- a/proprietary/noordwijk-design-tokens/src/component/utrecht/extra-tokens/page-header.tokens.json +++ b/proprietary/noordwijk-design-tokens/src/component/utrecht/extra-tokens/page-header.tokens.json @@ -3,7 +3,7 @@ "page-header": { "logo": { "max-height": {}, - "max-width": { "value": "120px" } + "max-width": { "value": "145px" } } } } diff --git a/proprietary/noordwijk-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/proprietary/noordwijk-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json new file mode 100644 index 000000000..85031ec91 --- /dev/null +++ b/proprietary/noordwijk-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json @@ -0,0 +1,14 @@ +{ + "utrecht": { + "radio-button": { + "min-block-size": { "value": "16px" }, + "min-inline-size": { "value": "16px" }, + "checked-disabled": { + "border-color": { "value": "{noordwijk.color.grey.82}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "background-color": { "value": "{noordwijk.color.white.100}" }, + "color": { "value": "{noordwijk.color.grey.82}" } + } + } + } +} diff --git a/proprietary/noordwijk-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json b/proprietary/noordwijk-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json index 05875ab73..5c11ed3cf 100644 --- a/proprietary/noordwijk-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json +++ b/proprietary/noordwijk-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json @@ -1,6 +1,7 @@ { "utrecht": { "table": { + "border-collapse": { "value": "collapse" }, "background-color": { "value": "{noordwijk.color.white.100}" }, "header": { "border-block-end-color": {}, @@ -9,8 +10,8 @@ }, "row": { "hover": { - "background-color": {}, - "color": {} + "background-color": { "value": "{noordwijk.color.light-blue.58}" }, + "color": { "value": "{noordwijk.color.white.98}" } } }, "body": { diff --git a/proprietary/noordwijk-design-tokens/src/component/utrecht/heading.tokens.json b/proprietary/noordwijk-design-tokens/src/component/utrecht/heading.tokens.json index 2cb34ce49..e37257f1e 100644 --- a/proprietary/noordwijk-design-tokens/src/component/utrecht/heading.tokens.json +++ b/proprietary/noordwijk-design-tokens/src/component/utrecht/heading.tokens.json @@ -2,8 +2,8 @@ "utrecht": { "heading-1": { "color": { "value": "{noordwijk.color.primary} !important" }, - "font-family": { "value": "{noordwijk.typography.roboto-slab.font-family}" }, - "font-size": { "value": "{noordwijk.font-size.2xl}" }, + "font-family": { "value": "{noordwijk.typography.roboto.font-family}" }, + "font-size": { "value": "36px" }, "font-weight": { "value": "{noordwijk.typography.font-weight.bold}" }, "line-height": {}, "margin-block-end": { "value": "{noordwijk.size.2xl}" }, @@ -11,8 +11,8 @@ }, "heading-2": { "color": { "value": "{noordwijk.color.primary}" }, - "font-family": { "value": "{noordwijk.typography.roboto-slab.font-family}" }, - "font-size": { "value": "{noordwijk.font-size.xl}" }, + "font-family": { "value": "{noordwijk.typography.roboto.font-family}" }, + "font-size": { "value": "26px" }, "font-weight": { "value": "{noordwijk.typography.font-weight.bold}" }, "line-height": {}, "margin-block-end": { "value": "{noordwijk.size.2xl}" }, @@ -20,8 +20,8 @@ }, "heading-3": { "color": { "value": "{noordwijk.color.primary}" }, - "font-family": { "value": "{noordwijk.typography.roboto-slab.font-family}" }, - "font-size": { "value": "{noordwijk.font-size.lg}" }, + "font-family": { "value": "{noordwijk.typography.roboto.font-family}" }, + "font-size": { "value": "21px" }, "font-weight": { "value": "{noordwijk.typography.font-weight.normal}" }, "line-height": {}, "margin-block-end": { "value": "{noordwijk.size.xl}" }, @@ -29,7 +29,7 @@ }, "heading-4": { "color": { "value": "{noordwijk.color.primary}" }, - "font-family": { "value": "{noordwijk.typography.roboto-slab.font-family}" }, + "font-family": { "value": "{noordwijk.typography.roboto.font-family}" }, "font-size": { "value": "{noordwijk.font-size.md}" }, "font-weight": { "value": "{noordwijk.typography.font-weight.normal}" }, "line-height": {}, @@ -38,7 +38,7 @@ }, "heading-5": { "color": { "value": "{noordwijk.color.primary}" }, - "font-family": { "value": "{noordwijk.typography.roboto-slab.font-family}" }, + "font-family": { "value": "{noordwijk.typography.roboto.font-family}" }, "font-size": { "value": "{noordwijk.font-size.sm}" }, "font-weight": { "value": "{noordwijk.typography.font-weight.light}" }, "line-height": {}, diff --git a/proprietary/noordwijk-design-tokens/src/component/utrecht/link.tokens.json b/proprietary/noordwijk-design-tokens/src/component/utrecht/link.tokens.json index 49796eac5..7c0c6ed7c 100644 --- a/proprietary/noordwijk-design-tokens/src/component/utrecht/link.tokens.json +++ b/proprietary/noordwijk-design-tokens/src/component/utrecht/link.tokens.json @@ -17,7 +17,7 @@ "hover": { "color": { "value": "{noordwijk.color.primary-hover}" }, "text-decoration": { "value": "underline" }, - "text-decoration-thickness": { "value": 0 } + "text-decoration-thickness": { "value": 1 } }, "placeholder": { "color": {} diff --git a/proprietary/noordwijk-design-tokens/src/component/utrecht/list.tokens.json b/proprietary/noordwijk-design-tokens/src/component/utrecht/list.tokens.json index 78b5a4cba..93f7dc3b9 100644 --- a/proprietary/noordwijk-design-tokens/src/component/utrecht/list.tokens.json +++ b/proprietary/noordwijk-design-tokens/src/component/utrecht/list.tokens.json @@ -23,6 +23,7 @@ "margin-block-end": { "value": "{noordwijk.size.xs}" }, "padding-inline-start": { "value": "1ch" } }, + "marker": { "color": { "value": "{noordwijk.color.light-blue.58}" } } diff --git a/proprietary/noordwijk-design-tokens/src/component/utrecht/page-footer.tokens.json b/proprietary/noordwijk-design-tokens/src/component/utrecht/page-footer.tokens.json index 6cc3e08fb..961b22616 100644 --- a/proprietary/noordwijk-design-tokens/src/component/utrecht/page-footer.tokens.json +++ b/proprietary/noordwijk-design-tokens/src/component/utrecht/page-footer.tokens.json @@ -2,7 +2,9 @@ "utrecht": { "page-footer": { "background-color": { "value": "{noordwijk.color.light-blue.96}" }, - "background-image": { "value": "unset" }, + "background-image": { + "value": "url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NjggNTg2Ij4KICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iYiIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMxMTFhNjQiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iIzExMWE2NCIgc3RvcC1vcGFjaXR5PSIuMSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMxMTFhNjQiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iYyIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwMDZhM2IiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iIzAwNmEzYiIgc3RvcC1vcGFjaXR5PSIuMSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDZhM2IiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZCIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmNiNTciLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iI2ZmY2I1NyIgc3RvcC1vcGFjaXR5PSIuMiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmNiNTciIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZSIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM1ODkyYzQiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iIzU4OTJjNCIgc3RvcC1vcGFjaXR5PSIuMSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1ODkyYzQiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxjbGlwUGF0aCBpZD0iYSI+CiAgICAgIDxwYXRoIGQ9Ik0wIDBoNDY4djU4NkgweiIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiBkYXRhLW5hbWU9Ikxpam5lbiBoZWFkZXIiPgogICAgPGcgZGF0YS1uYW1lPSJDb21wb25lbnQgNDQg4oCTIDU5Ij4KICAgICAgPHBhdGggZmlsbD0idXJsKCNiKSIgZD0ibTQ1Mi44LjItMTQwLjEgNTcxaDFsMTQwLTU3MVoiIGRhdGEtbmFtZT0iUGF0aCA1NzM0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMCkiLz4KICAgICAgPHBhdGggZmlsbD0idXJsKCNjKSIgZD0iTTQyNi4yIDAgMTQ1LjggNTcxLjNoMUw0MjcuMy4xWiIgZGF0YS1uYW1lPSJQYXRoIDU3MzUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwKSIvPgogICAgICA8cGF0aCBmaWxsPSJ1cmwoI2QpIiBkPSJNNDIxIDAgMTEzLjUgNTcxLjJoMS4xTDQyMi4xIDBaIiBkYXRhLW5hbWU9IlBhdGggNTczNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTApIi8+CiAgICAgIDxwYXRoIGZpbGw9InVybCgjZSkiIGQ9Ik00MDMgMCAwIDU3MS4yaDEuMkw0MDQuMiAwWiIgZGF0YS1uYW1lPSJQYXRoIDU3MzciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwKSIvPgogICAgICA8dGV4dCBmaWxsPSIjMTExYTY0IiBkYXRhLW5hbWU9Ii0iIGZvbnQtZmFtaWx5PSJSb2JvdG8tUmVndWxhciwgUm9ib3RvIiBmb250LXNpemU9IjEyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTQuMSAxNjcuNikiPjx0c3BhbiB4PSIwIiB5PSIwIj4tPC90c3Bhbj48L3RleHQ+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K\")" + }, "color": { "value": "{noordwijk.color.black.0}" }, "padding-inline-end": { "value": "{noordwijk.size.sm}" }, "padding-inline-start": { "value": "{noordwijk.size.sm}" }, diff --git a/proprietary/noordwijk-design-tokens/src/component/utrecht/radio-button.tokens.json b/proprietary/noordwijk-design-tokens/src/component/utrecht/radio-button.tokens.json new file mode 100644 index 000000000..d933246f8 --- /dev/null +++ b/proprietary/noordwijk-design-tokens/src/component/utrecht/radio-button.tokens.json @@ -0,0 +1,68 @@ +{ + "utrecht": { + "radio-button": { + "background-color": { "value": "{noordwijk.color.white.100}" }, + "border-color": { "value": "{noordwijk.color.grey.46}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "size": {}, + "margin-block-start": {}, + "icon": { + "size": { "value": "5px" } + }, + "active": { + "border-color": {}, + "border-width": {}, + "background-color": {}, + "color": {} + }, + "checked": { + "border-color": { "value": "{noordwijk.color.primary}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "background-color": { "value": "{noordwijk.color.white.100}" }, + "color": { "value": "{noordwijk.color.primary}" }, + "active": { + "border-color": { "value": "{noordwijk.color.primary}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "background-color": { "value": "{noordwijk.color.white.100}" }, + "color": { "value": "{noordwijk.color.primary}" } + }, + "hover": { + "border-color": { "value": "{noordwijk.color.primary-hover}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "background-color": { "value": "{noordwijk.color.white.100}" }, + "color": { "value": "{noordwijk.color.primary-hover}" } + }, + "focus": { + "border-color": { "value": "{noordwijk.color.primary}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "background-color": { "value": "{noordwijk.color.white.100}" }, + "color": { "value": "{noordwijk.color.primary}" } + } + }, + "hover": { + "border-color": { "value": "{noordwijk.color.grey.31}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "background-color": { "value": "{noordwijk.color.white.100}" }, + "color": {} + }, + "focus": { + "border-color": { "value": "{noordwijk.color.primary}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "background-color": { "value": "{noordwijk.color.white.100}" }, + "color": { "value": "{noordwijk.color.primary}" } + }, + "disabled": { + "border-color": { "value": "{noordwijk.color.grey.82}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "background-color": { "value": "{noordwijk.color.grey.97}" }, + "color": { "value": "{noordwijk.color.grey.82}" } + }, + "invalid": { + "border-color": { "value": "{noordwijk.color.error}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "background-color": { "value": "{noordwijk.color.white.100}" }, + "color": { "value": "{noordwijk.color.error}" } + } + } + } +} diff --git a/proprietary/noordwijk-design-tokens/src/component/utrecht/separator.tokens.json b/proprietary/noordwijk-design-tokens/src/component/utrecht/separator.tokens.json new file mode 100644 index 000000000..dfd1b030d --- /dev/null +++ b/proprietary/noordwijk-design-tokens/src/component/utrecht/separator.tokens.json @@ -0,0 +1,10 @@ +{ + "utrecht": { + "separator": { + "color": { "value": "{noordwijk.color.lightgrey.96}" }, + "block-size": { "value": "{noordwijk.size.4xs}" }, + "margin-block-end": { "value": "0px" }, + "margin-block-start": { "value": "0px" } + } + } +} diff --git a/proprietary/noordwijk-design-tokens/src/component/utrecht/table.tokens.json b/proprietary/noordwijk-design-tokens/src/component/utrecht/table.tokens.json index 068bd3e01..9a24a2052 100644 --- a/proprietary/noordwijk-design-tokens/src/component/utrecht/table.tokens.json +++ b/proprietary/noordwijk-design-tokens/src/component/utrecht/table.tokens.json @@ -1,10 +1,10 @@ { "utrecht": { "table": { - "border-color": {}, - "border-width": {}, + "border-color": { "value": "{noordwijk.color.primary}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, "font-family": { "value": "{utrecht.document.font-family}" }, - "font-size": { "value": "{utrecht.document.font-size}" }, + "font-size": { "value": "{noordwijk.font-size.sm}" }, "line-height": {}, "margin-block-end": { "value": 0 }, "margin-block-start": { "value": "{noordwijk.size.md}" }, @@ -18,17 +18,17 @@ "margin-block-end": {} }, "header": { - "font-weight": { "value": "{noordwijk.typography.font-weight.bold}" }, - "background-color": {}, - "color": { "value": "{utrecht.document.color}" }, + "font-weight": { "value": "{noordwijk.typography.font-weight.normal}" }, + "background-color": { "value": "{noordwijk.color.primary}" }, + "color": { "value": "{noordwijk.color.white.100}" }, "text-transform": { "value": "unset" }, - "border-block-end-color": {}, - "border-block-end-width": {} + "border-block-end-color": { "value": "{noordwijk.color.primary}" }, + "border-block-end-width": { "value": "{noordwijk.size.4xs}" } }, "header-cell": { "font-size": { "value": "{utrecht.document.font-size}" }, - "font-weight": { "value": "{noordwijk.typography.font-weight.bold}" }, - "color": { "value": "{utrecht.document.color}" }, + "font-weight": { "value": "{noordwijk.typography.font-weight.normal}" }, + "color": { "value": "{noordwijk.color.white.100}" }, "text-transform": { "value": "unset" } }, "cell": { @@ -42,16 +42,16 @@ } }, "row": { - "border-block-end-color": {}, - "border-block-end-width": {}, + "border-block-end-color": { "value": "{noordwijk.color.primary}" }, + "border-block-end-width": { "value": "{noordwijk.size.4xs}" }, "padding-inline-end": {}, "padding-inline-start": {}, "alternate-odd": { - "background-color": {}, + "background-color": { "value": "{noordwijk.color.white.95}" }, "color": {} }, "alternate-even": { - "background-color": {}, + "background-color": { "value": "{noordwijk.color.white.100}" }, "color": {} } } diff --git a/proprietary/noordwijk-design-tokens/src/config.json b/proprietary/noordwijk-design-tokens/src/config.json index 933959129..c267861d3 100644 --- a/proprietary/noordwijk-design-tokens/src/config.json +++ b/proprietary/noordwijk-design-tokens/src/config.json @@ -9,12 +9,15 @@ "react-utrecht-alert--error", "react-utrecht-alert--ok", "react-utrecht-badge-counter--default", + "react-utrecht-breadcrumb-nav--default", + "react-utrecht-breadcrumb-nav--separator", "react-utrecht-button--default", "react-utrecht-button--hover", "react-utrecht-button--primary-action-button", "react-utrecht-button--secondary-action-button", "react-utrecht-code--default", "react-utrecht-code-block--default", + "react-utrecht-document--default", "react-utrecht-heading-1--default", "react-utrecht-heading-2--default", "react-utrecht-heading-3--default", @@ -28,6 +31,13 @@ "react-utrecht-page-header--default", "react-utrecht-page-footer--default", "react-utrecht-paragraph--default", + "react-utrecht-radio-button--default", + "react-utrecht-radio-button--hover", + "react-utrecht-radio-button--focus", + "react-utrecht-radio-button--checked", + "react-utrecht-radio-button--checked-and-disabled", + "react-utrecht-radio-button--disabled", + "react-utrecht-separator--default", "react-utrecht-surface--default", "react-utrecht-table--default", "react-utrecht-textbox--default",