@conduction/theme 1.0.35 → 1.0.38

package/municipalities/noordwijk-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/component/utrecht/textbox.tokens.json

@@ -0,0 +1,47 @@
+{
+  "utrecht": {
+    "textbox": {
+      "background-color": {},
+      "border-bottom-width": {},
+      "border-color": { "value": "{rotterdam.color.gray.tint-08}" },
+      "border-radius": {},
+      "border-width": { "value": "1px" },
+      "color": { "value": "{rotterdam.color.gray.tint-11}" },
+      "font-family": { "value": "{rotterdam.typography.sans-serif.font-family}" },
+      "font-size": { "value": "{rotterdam.typography.scale.md.font-size}" },
+      "min-inline-size": {},
+      "max-inline-size": {},
+      "line-height": { "value": "24px" },
+      "padding-block-end": { "value": "12px" },
+      "padding-block-start": { "value": "10px" },
+      "padding-inline-end": { "value": "16px" },
+      "padding-inline-start": { "value": "16px" },
+      "placeholder": {
+        "color": { "value": "{rotterdam.color.gray.tint-09}" }
+      },
+      "disabled": {
+        "background-color": { "value": "{rotterdam.color.base.gray}" },
+        "border-color": {},
+        "color": {}
+      },
+      "focus": {
+        "background-color": {},
+        "border-color": {},
+        "color": {}
+      },
+      "invalid": {
+        "background-color": {},
+        "border-color": {},
+        "border-bottom-width": { "value": "2px" },
+        "border-bottom-color": { "value": "{rotterdam.color.red.tint-01}" },
+        "border-width": {},
+        "color": {}
+      },
+      "read-only": {
+        "background-color": {},
+        "border-color": {},
+        "color": {}
+      }
+    }
+  }
+}

package/municipalities/noordwijk-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/config.json

@@ -0,0 +1,34 @@
+{
+  "fullName": "Gemeente Rotterdam",
+  "name": "Rotterdam",
+  "prefix": "rotterdam",
+  "npm": "@nl-design-system-unstable/rotterdam-design-tokens",
+  "stories": [
+    "react-utrecht-button-link--default",
+    "react-utrecht-link-button--default",
+    "react-utrecht-button--default",
+    "react-utrecht-button--hover",
+    "react-utrecht-button--primary-action-button",
+    "react-utrecht-button--secondary-action-button",
+    "react-utrecht-button--subtle-button",
+    "react-utrecht-button--disabled",
+    "react-utrecht-document--default",
+    "react-utrecht-form-field-description",
+    "react-utrecht-form-field-description--invalid",
+    "react-utrecht-form-field-description--valid",
+    "react-utrecht-form-fieldset--default",
+    "react-utrecht-link--default",
+    "react-utrecht-link--hover",
+    "react-utrecht-page-footer--default",
+    "react-utrecht-paragraph--default",
+    "react-utrecht-heading-1--default",
+    "react-utrecht-heading-2--default",
+    "react-utrecht-heading-3--default",
+    "react-utrecht-textbox--default",
+    "react-utrecht-textbox--placeholder",
+    "react-utrecht-textbox--disabled",
+    "react-utrecht-textarea--default",
+    "react-utrecht-textarea--placeholder",
+    "react-utrecht-textarea--disabled"
+  ]
+}

package/municipalities/noordwijk-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/custom.scss

@@ -0,0 +1,14 @@
+/**
+ * @license SEE LICENSE.md
+ * Copyright (c) 2021 NL Design System Community
+ * All rights reserved
+ */
+
+@import "./responsive";
+
+.utrecht-form-fieldset__legend {
+  border-block-end-color: var(--rotterdam-form-fieldset-legend-border-block-end-color);
+  border-block-end-style: solid;
+  border-block-end-width: var(--rotterdam-form-fieldset-legend-border-block-end-width, 0);
+  padding-block-end: var(--rotterdam-form-fieldset-legend-padding-block-end, 0);
+}

package/municipalities/noordwijk-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/font/download.sh

@@ -0,0 +1,18 @@
+#!/bin/sh
+
+curl -o ArialforRotterdam.eot https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam.eot
+curl -o ArialforRotterdam.woff https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam.woff
+curl -o ArialforRotterdam.ttf https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam.ttf
+curl -o ArialforRotterdam.svg https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam.svg
+curl -o ArialforRotterdam-Bold.eot https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam-Bold.eot
+curl -o ArialforRotterdam-Bold.woff https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam-Bold.woff
+curl -o ArialforRotterdam-Bold.ttf https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam-Bold.ttf
+curl -o ArialforRotterdam-Bold.svg https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam-Bold.svg
+curl -o Bolder-Bold.woff2 https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-Bold.woff2
+curl -o Bolder-Bold.woff https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-Bold.woff
+curl -o Bolder-Light.woff2 https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-Light.woff2
+curl -o Bolder-Light.woff https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-Light.woff
+curl -o Bolder-RegularItalic.woff2 https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-RegularItalic.woff2
+curl -o Bolder-RegularItalic.woff https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-RegularItalic.woff
+curl -o Bolder-Regular.woff2 https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-Regular.woff2
+curl -o Bolder-Regular.woff https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-Regular.woff

package/municipalities/noordwijk-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/font.scss

@@ -0,0 +1,47 @@
+@font-face {
+  font-family: "ArialforRotterdam";
+  src: url("./font/ArialforRotterdam.eot?#iefix") format("embedded-opentype"),
+    url("./font/ArialforRotterdam.woff") format("woff"), url("./font/ArialforRotterdam.ttf") format("truetype"),
+    url("https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/fonts/ArialforRotterdam.svg#ArialforRotterdam")
+      format("svg");
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "ArialforRotterdam";
+  src: url("./font/ArialforRotterdam-Bold.eot?#iefix") format("embedded-opentype"),
+    url("./font/ArialforRotterdam-Bold.woff") format("woff"),
+    url("./font/ArialforRotterdam-Bold.ttf") format("truetype"),
+    url("./font/ArialforRotterdam-Bold.svg#ArialforRotterdam-Bold") format("svg");
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Bolder";
+  src: url("./font/Bolder-Bold.woff2") format("woff2"), url("./font/Bolder-Bold.woff") format("woff");
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Bolder";
+  src: url("./font/Bolder-Light.woff2") format("woff2"), url("./font/Bolder-Light.woff") format("woff");
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Bolder";
+  src: url("./font/Bolder-RegularItalic.woff2") format("woff2"), url("./font/Bolder-RegularItalic.woff") format("woff");
+  font-weight: 400;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "Bolder";
+  src: url("./font/Bolder-Regular.woff2") format("woff2"), url("./font/Bolder-Regular.woff") format("woff");
+  font-weight: 400;
+  font-style: normal;
+}

package/municipalities/noordwijk-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/index.scss

@@ -0,0 +1,17 @@
+/**
+ * @license SEE LICENSE.md
+ * Copyright (c) 2021 NL Design System Community
+ * All rights reserved
+ */
+
+@import "./design-tokens.css";
+@import "./responsive";
+
+/* @import "./font"; */
+
+.rotterdam-theme {
+  .utrecht-button--subtle {
+    text-decoration: underline;
+    text-decoration-thickness: 2px;
+  }
+}

package/municipalities/noordwijk-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/style-dictionary.config.js

@@ -0,0 +1,6 @@
+const config = require('./src/config.json');
+const { createConfig } = require('../../style-dictionary-config');
+
+module.exports = createConfig({
+  selector: `.${config.prefix}-theme`,
+});

package/municipalities/noordwijk-design-tokens/package.json

@@ -3,19 +3,16 @@
   "author": "Community for NL Design System",
   "description": "NL Design System design tokens for Gemeente Noordwijk",
   "website": "https://noordwijk.nl/",
-  "keywords": [
-    "nl-design-system",
-    "conduction"
-  ],
+  "keywords": ["nl-design-system", "conduction"],
   "license": "SEE LICENSE IN LICENSE.md",
-  "name": "@conduction/noordwijk-design-tokens",
+  "name": "@nl-design-system-unstable/noordwijk-design-tokens",
   "private": false,
   "publishConfig": {
     "access": "public"
   },
   "repository": {
-    "type": "git",
-    "url": "git+https://github.com/ConductionNL/conduction-theme.git"
+    "type": "git+ssh",
+    "url": "git@github.com:nl-design-system/themes.git"
   },
   "scripts": {
     "clean": "rimraf -rf dist/",
@@ -27,6 +24,8 @@
     "build:style-dictionary": "style-dictionary build --config ./style-dictionary.config.js"
   },
   "devDependencies": {
+    "@fontsource/roboto": "5.0.8",
+    "@fontsource/roboto-slab": "5.0.11",
     "@nl-design-system-unstable/theme-toolkit": "workspace:*",
     "chokidar-cli": "3.0.0",
     "npm-run-all": "4.1.5",

package/municipalities/noordwijk-design-tokens/src/brand/noordwijk/color.tokens.json

@@ -7,29 +7,23 @@
       "primary-hover": {
         "value": "{noordwijk.color.blue.15}"
       },
-
       "error": { "value": "#dc3545" },
       "alert-error": { "value": "#721c24" },
       "alert-error-background": { "value": "#f8d7da" },
-
       "warning": { "value": "#ffc107" },
       "alert-warning": { "value": "#856404" },
       "alert-warning-background": { "value": "#fff3cd" },
-
       "succes": { "value": "#28a745" },
       "alert-succes": { "value": "#155724" },
       "alert-succes-background": { "value": "#d4edda" },
-
       "info": { "value": "{noordwijk.color.primary}" },
       "alert-info": { "value": "#004085" },
       "alert-info-background": { "value": "#cce5ff" },
-
       "light-green": {
         "24": {
           "value": "#007c4c"
         }
       },
-
       "grey": {
         "29": {
           "value": "#4a4a4a"
@@ -51,7 +45,6 @@
           "value": "#f7f7f7"
         }
       },
-
       "lightgrey": {
         "96": {
           "value": "#f5f5f5",
@@ -61,7 +54,6 @@
           "value": "#ebebeb"
         }
       },
-
       "light-blue": {
         "51": {
           "value": "#4685be"
@@ -73,7 +65,6 @@
           "value": "#f2f7fa"
         }
       },
-
       "blue": {
         "15": {
           "value": "#16113b"
@@ -83,7 +74,6 @@
           "comment": "Base/Blue"
         }
       },
-
       "white": {
         "98": {
           "value": "#fafafa"
@@ -93,7 +83,6 @@
           "comment": "Base/White"
         }
       },
-
       "black": {
         "0": {
           "value": "#000000",

package/municipalities/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": {

package/municipalities/noordwijk-design-tokens/src/component/conduction/pagination.tokens.json

@@ -6,7 +6,6 @@
       "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}" },
@@ -21,15 +20,12 @@
       "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}" },
@@ -37,7 +33,6 @@
       "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" },

package/municipalities/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}" }
+        }
+      }
+    }
+  }
+}

package/municipalities/noordwijk-design-tokens/src/component/conduction/tabs.tokens.json

@@ -0,0 +1,82 @@
+{
+  "conduction": {
+    "tabs": {
+      "tab": {
+        "background-color": { "value": "transparent" },
+        "color": { "value": "{noordwijk.color.grey.29}" },
+        "border-width": {},
+        "border-style": {},
+        "border-color": {},
+        "border-bottom": {},
+        "border-bottom-width": {},
+        "border-bottom-style": {},
+        "border-bottom-color": {},
+        "bottom": { "value": "-2px" },
+        "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}" },
+        "margin-inline-end": {},
+        "font-size": { "value": "{noordwijk.font-size.md}" },
+        "font-weight": { "value": "{noordwijk.typography.font-weight.normal}" },
+        "font-family": { "value": "{utrecht.document.font-family}" },
+        "max-width": { "value": "unset" },
+        "letter-spacing": {},
+        "text-transform": {},
+        "selected": {
+          "background-color": { "value": "transparent" },
+          "color": { "value": "{noordwijk.color.grey.29}" },
+          "box-shadow": {},
+          "border-width": {},
+          "border-style": {},
+          "border-color": {},
+          "border-bottom": {},
+          "border-bottom-width": { "value": "{noordwijk.size.3xs}" },
+          "border-bottom-style": { "value": "solid" },
+          "border-bottom-color": { "value": "{noordwijk.color.primary}" },
+          "font-weight": { "value": "{noordwijk.typography.font-weight.bold}" },
+          "font-family": { "value": "{utrecht.document.font-family}" },
+          "hover": {
+            "background-color": {},
+            "color": { "value": "{noordwijk.color.grey.29}" },
+            "text-decoration": {}
+          }
+        },
+        "hover": {
+          "background-color": {},
+          "color": {},
+          "text-decoration": {}
+        },
+        "list": {
+          "padding-inline-start": { "value": "0px" },
+          "margin-block-end": { "value": "0px" },
+          "border-bottom-width": { "value": "{noordwijk.size.3xs}" },
+          "border-bottom-style": { "value": "solid" },
+          "border-bottom-color": { "value": "{noordwijk.color.grey.82}" }
+        },
+        "panel": {
+          "background-color": {},
+          "padding-block-start": { "value": "{noordwijk.size.lg}" },
+          "padding-block-end": { "value": "{noordwijk.size.lg}" },
+          "padding-inline-start": { "value": "{noordwijk.size.lg}" },
+          "padding-inline-end": { "value": "{noordwijk.size.lg}" },
+          "border-width": {},
+          "border-style": {},
+          "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}" }
+        }
+      }
+    }
+  }
+}

package/municipalities/noordwijk-design-tokens/src/component/utrecht/badge-counter.tokens.json

@@ -0,0 +1,13 @@
+{
+  "utrecht": {
+    "badge-counter": {
+      "background-color": { "value": "{noordwijk.color.primary}" },
+      "border-radius": { "value": "50%" },
+      "color": { "value": "{noordwijk.color.white.100}" },
+      "font-size": { "value": "{utrecht.document.font-size}" },
+      "font-weight": { "value": "{noordwijk.typography.font-weight.normal}" },
+      "padding-block": { "value": "{noordwijk.size.2xs}" },
+      "padding-inline": { "value": "{noordwijk.size.2xs}" }
+    }
+  }
+}

package/municipalities/noordwijk-design-tokens/src/component/utrecht/code.tokens.json

@@ -7,7 +7,6 @@
       "font-size": { "value": "inherit" },
       "line-height": {}
     },
-
     "code-block": {
       "background-color": { "value": "{noordwijk.color.lightgrey.92}" },
       "color": { "value": "{noordwijk.color.black.0}" },

package/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/badge-counter.tokens.json

@@ -0,0 +1,11 @@
+{
+  "utrecht": {
+    "badge-counter": {
+      "font-family": { "value": "{utrecht.document.font-family}" },
+      "font-style": {},
+      "text-decoration": { "value": "none" },
+      "min-block-size": {},
+      "min-inline-size": {}
+    }
+  }
+}

package/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/form-input.tokens.json

@@ -2,26 +2,12 @@
   "utrecht": {
     "form-input": {
       "background-color": { "value": "{noordwijk.color.white.100}" },
-      "border-bottom-width": {},
-      "border-color": { "value": "{noordwijk.color.grey.55}" },
-      "border-radius": {},
-      "border-width": { "value": "{noordwijk.size.4xs}" },
-      "color": { "value": "{noordwijk.color.grey.29}" },
-      "font-family": { "value": "{noordwijk.typography.roboto.font-family}" },
-      "font-size": { "value": "15px" },
       "line-height": {},
-      "max-inline-size": {},
-      "padding-block-end": { "value": "{noordwijk.size.xs}" },
-      "padding-block-start": { "value": "{noordwijk.size.xs}" },
-      "padding-inline-end": { "value": "{noordwijk.size.sm}" },
-      "padding-inline-start": { "value": "{noordwijk.size.sm}" },
       "placeholder": {
         "color": { "value": "{noordwijk.color.grey.46}" }
       },
       "disabled": {
-        "background-color": {},
-        "border-color": {},
-        "color": {}
+        "background-color": {}
       },
       "focus": {
         "background-color": { "value": "{noordwijk.color.white.100}" },
@@ -30,14 +16,10 @@
       },
       "invalid": {
         "background-color": {},
-        "border-color": {},
-        "border-width": {},
         "color": {}
       },
       "read-only": {
-        "background-color": {},
-        "border-color": {},
-        "color": {}
+        "background-color": {}
       }
     }
   }

package/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/textbox.tokens.json

@@ -2,26 +2,12 @@
   "utrecht": {
     "textbox": {
       "background-color": { "value": "{noordwijk.color.white.100}" },
-      "border-bottom-width": {},
-      "border-color": { "value": "{noordwijk.color.grey.55}" },
-      "border-radius": {},
-      "border-width": { "value": "{noordwijk.size.4xs}" },
-      "color": { "value": "{noordwijk.color.grey.29}" },
-      "font-family": { "value": "{noordwijk.typography.roboto.font-family}" },
-      "font-size": { "value": "15px" },
       "line-height": {},
-      "max-inline-size": {},
-      "padding-block-end": { "value": "{noordwijk.size.xs}" },
-      "padding-block-start": { "value": "{noordwijk.size.xs}" },
-      "padding-inline-end": { "value": "{noordwijk.size.sm}" },
-      "padding-inline-start": { "value": "{noordwijk.size.sm}" },
       "placeholder": {
         "color": { "value": "{noordwijk.color.grey.46}" }
       },
       "disabled": {
-        "background-color": {},
-        "border-color": {},
-        "color": {}
+        "background-color": {}
       },
       "focus": {
         "background-color": { "value": "{noordwijk.color.white.100}" },
@@ -30,14 +16,10 @@
       },
       "invalid": {
         "background-color": {},
-        "border-color": {},
-        "border-width": {},
         "color": {}
       },
       "read-only": {
-        "background-color": {},
-        "border-color": {},
-        "color": {}
+        "background-color": {}
       }
     }
   }

package/municipalities/noordwijk-design-tokens/src/component/utrecht/form-input.tokens.json

@@ -0,0 +1,31 @@
+{
+  "utrecht": {
+    "form-input": {
+      "border-bottom-width": {},
+      "border-color": { "value": "{noordwijk.color.grey.55}" },
+      "border-radius": {},
+      "border-width": { "value": "{noordwijk.size.4xs}" },
+      "color": { "value": "{noordwijk.color.grey.29}" },
+      "font-family": { "value": "{noordwijk.typography.roboto.font-family}" },
+      "font-size": { "value": "15px" },
+      "min-inline-height": {},
+      "max-inline-size": {},
+      "padding-block-end": { "value": "{noordwijk.size.xs}" },
+      "padding-block-start": { "value": "{noordwijk.size.xs}" },
+      "padding-inline-end": { "value": "{noordwijk.size.sm}" },
+      "padding-inline-start": { "value": "{noordwijk.size.sm}" },
+      "disabled": {
+        "border-color": {},
+        "color": {}
+      },
+      "invalid": {
+        "border-color": {},
+        "border-width": {}
+      },
+      "read-only": {
+        "border-color": {},
+        "color": {}
+      }
+    }
+  }
+}

package/municipalities/noordwijk-design-tokens/src/component/utrecht/heading.tokens.json

@@ -9,7 +9,6 @@
       "margin-block-end": { "value": "{noordwijk.size.2xl}" },
       "margin-block-start": { "value": "{noordwijk.size.md}" }
     },
-
     "heading-2": {
       "color": { "value": "{noordwijk.color.primary}" },
       "font-family": { "value": "{noordwijk.typography.roboto-slab.font-family}" },
@@ -19,7 +18,6 @@
       "margin-block-end": { "value": "{noordwijk.size.2xl}" },
       "margin-block-start": { "value": "{noordwijk.size.md}" }
     },
-
     "heading-3": {
       "color": { "value": "{noordwijk.color.primary}" },
       "font-family": { "value": "{noordwijk.typography.roboto-slab.font-family}" },
@@ -29,7 +27,6 @@
       "margin-block-end": { "value": "{noordwijk.size.xl}" },
       "margin-block-start": { "value": "{noordwijk.size.md}" }
     },
-
     "heading-4": {
       "color": { "value": "{noordwijk.color.primary}" },
       "font-family": { "value": "{noordwijk.typography.roboto-slab.font-family}" },
@@ -39,7 +36,6 @@
       "margin-block-end": { "value": "{noordwijk.size.lg}" },
       "margin-block-start": { "value": "{noordwijk.size.md}" }
     },
-
     "heading-5": {
       "color": { "value": "{noordwijk.color.primary}" },
       "font-family": { "value": "{noordwijk.typography.roboto-slab.font-family}" },

package/municipalities/noordwijk-design-tokens/src/component/utrecht/list.tokens.json

@@ -12,7 +12,6 @@
         "padding-inline-start": { "value": "1ch" }
       }
     },
-
     "unordered-list": {
       "font-size": { "value": "{utrecht.document.font-size}" },
       "line-height": {},