@conduction/theme 1.1.27 → 1.1.29

package/municipalities/gouda-design-tokens/src/component/utrecht/calendar.tokens.json

@@ -0,0 +1,80 @@
+{
+  "utrecht": {
+    "calendar": {
+      "width": {},
+      "background-color": {},
+      "table": {
+        "padding-block-start": {},
+        "padding-block-end": {},
+        "weeks-item": {
+          "width": { "value": "44px" },
+          "padding-block-start": { "value": "4px" },
+          "padding-block-end": { "value": "10px" },
+          "line-height": { "value": "24px" }
+        },
+        "days-item-day": {
+          "size": { "value": "44px" },
+          "color": { "value": "{gouda.color.black.0}" },
+          "border-width": { "value": "2px" },
+          "border-color": { "value": "transparent" },
+          "hover": {
+            "background-color": {},
+            "color": { "value": "{gouda.color.primary}" },
+            "border-color": { "value": "{gouda.color.black.0}" }
+          },
+          "focus": {
+            "background-color": {},
+            "color": {},
+            "border-color": { "value": "transparent" }
+          },
+          "active": {
+            "background-color": {},
+            "color": {},
+            "border-color": { "value": "transparent" }
+          },
+          "out-of-the-month": {
+            "background-color": {},
+            "color": { "value": "{gouda.color.grey.82}" },
+            "border-color": { "value": "transparent" }
+          },
+          "is-today": {
+            "background-color": { "value": "{gouda.color.red.95}" },
+            "color": { "value": "{gouda.color.primary}" },
+            "border-color": { "value": "{gouda.color.primary}" },
+            "font-weight": { "value": "{gouda.typography.font-weight.bold}" }
+          },
+          "emphasis": {
+            "background-color": {},
+            "color": {},
+            "border-color": { "value": "transparent" },
+            "font-weight": {}
+          },
+          "selected": {
+            "background-color": { "value": "{gouda.color.primary-hover}" },
+            "color": { "value": "{gouda.color.white.100}" },
+            "border-color": {},
+            "font-weight": { "value": "{gouda.typography.font-weight.bold}" }
+          },
+          "disabled": {
+            "background-color": {},
+            "color": {},
+            "border-color": {}
+          }
+        }
+      },
+      "navigation": {
+        "background-color": {},
+        "color": { "value": "{gouda.color.primary}" },
+        "padding-block-start": { "value": "2px" },
+        "padding-block-end": { "value": "2px" },
+        "label": {
+          "min-inline-size": { "value": "200px" },
+          "color": { "value": "{gouda.color.black.0}" }
+        }
+      },
+      "icon": {
+        "size": { "value": "24px" }
+      }
+    }
+  }
+}

package/municipalities/gouda-design-tokens/src/component/utrecht/checkbox.tokens.json

@@ -0,0 +1,57 @@
+{
+  "utrecht": {
+    "checkbox": {
+      "background-color": {},
+      "border-color": {},
+      "border-radius": { "value": "3px" },
+      "border-width": { "value": "{gouda.size.4xs}" },
+      "color": { "value": "{gouda.color.white.100}" },
+      "size": { "value": "24px" },
+      "icon": {
+        "size": {}
+      },
+      "active": {
+        "border-color": {},
+        "border-width": {},
+        "background-color": {},
+        "color": {}
+      },
+      "hover": {
+        "border-color": { "value": "{gouda.color.grey.31}" },
+        "border-width": { "value": "{gouda.size.4xs}" },
+        "background-color": {},
+        "color": { "value": "{gouda.color.white.100}" }
+      },
+      "focus": {
+        "border-color": {},
+        "border-width": {},
+        "background-color": {},
+        "color": {}
+      },
+      "disabled": {
+        "border-color": { "value": "{gouda.color.grey.82}" },
+        "border-width": { "value": "{gouda.size.4xs}" },
+        "background-color": { "value": "{gouda.color.grey.82}" },
+        "color": { "value": "{gouda.color.grey.82}" }
+      },
+      "checked": {
+        "border-color": { "value": "{gouda.color.primary}" },
+        "border-width": { "value": "{gouda.size.4xs}" },
+        "background-color": { "value": "{gouda.color.primary}" },
+        "color": { "value": "{gouda.color.primary}" }
+      },
+      "indeterminate": {
+        "border-color": {},
+        "border-width": {},
+        "background-color": {},
+        "color": {}
+      },
+      "invalid": {
+        "border-color": {},
+        "border-width": {},
+        "background-color": {},
+        "color": {}
+      }
+    }
+  }
+}

package/municipalities/gouda-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json

@@ -8,13 +8,12 @@
       "padding-block-start": { "value": "12px" },
       "padding-block-end": { "value": "12px" },
       "link": {
+        "font-weight": {},
         "disabled": {
-          "background-color": {},
-          "color": { "value": "{gouda.color.grey.44}" }
+          "background-color": {}
         },
         "hover": {
-          "background-color": {},
-          "color": { "value": "{gouda.color.grey.44}" }
+          "background-color": {}
         }
       }
     }

package/municipalities/gouda-design-tokens/src/component/utrecht/extra-tokens/skip-link.tokens.json

@@ -14,7 +14,11 @@
       "box-shadow-width": { "value": "3.2px" },
       "border-width": {},
       "border-style": {},
-      "border-color": {}
+      "border-color": {},
+      "border-bottom-width": {},
+      "border-bottom-style": {},
+      "border-bottom-color": {},
+      "width": {}
     }
   }
 }

package/municipalities/gouda-design-tokens/src/component/utrecht/spotlight-section.tokens.json

@@ -0,0 +1,24 @@
+{
+  "utrecht": {
+    "spotlight-section": {
+      "background-color": { "value": "{gouda.color.alert-info-background}" },
+      "border-color": {},
+      "border-width": {},
+      "color": { "value": "{gouda.color.alert-info}" },
+      "padding-block-start": { "value": "{gouda.size.lg}" },
+      "padding-block-end": { "value": "{gouda.size.lg}" },
+      "padding-inline-start": { "value": "{gouda.size.lg}" },
+      "padding-inline-end": { "value": "{gouda.size.lg}" },
+      "margin-block-start": { "value": "{gouda.size.lg}" },
+      "margin-block-end": {},
+      "info": {
+        "background-color": { "value": "{gouda.color.alert-info-background}" },
+        "color": { "value": "{gouda.color.alert-info}" }
+      },
+      "warning": {
+        "background-color": { "value": "{gouda.color.alert-warning-background}" },
+        "color": { "value": "{gouda.color.alert-warning}" }
+      }
+    }
+  }
+}

package/municipalities/gouda-design-tokens/src/config.json

@@ -9,25 +9,36 @@
     "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-breadcrumb-nac--default",
+    "react-utrecht-breadcrumb-nac--separator",
     "react-utrecht-button--default",
     "react-utrecht-button--hover",
     "react-utrecht-button--primary-action-button",
     "react-utrecht-button--secondary-action-button",
+    "react-utrecht-calendar--default",
+    "react-utrecht-calendar--limited-range-calendar",
+    "react-utrecht-checkbox--default",
+    "react-utrecht-checkbox--checked",
+    "react-utrecht-checkbox--disabled",
+    "react-utrecht-checkbox--checked-and-disabled",
+    "react-utrecht-checkbox--hover",
+    "react-utrecht-checkbox--focus",
+    "react-utrecht-checkbox--focus-visible",
     "react-utrecht-code--default",
     "react-utrecht-code-block--default",
+    "react-utrecht-data-badge--default",
     "react-utrecht-document--default",
     "react-utrecht-heading-1--default",
     "react-utrecht-heading-2--default",
     "react-utrecht-heading-3--default",
     "react-utrecht-heading-4--default",
-    "react-utrecht-alert--default",
+    "react-utrecht-heading-5--default",
     "react-utrecht-link--default",
     "react-utrecht-link--hover",
     "react-utrecht-link--focus",
     "react-utrecht-ordered-list--default",
     "react-utrecht-unordered-list--default",
+    "react-utrecht-page--default",
     "react-utrecht-page-header--default",
     "react-utrecht-page-footer--default",
     "react-utrecht-paragraph--default",
@@ -38,6 +49,10 @@
     "react-utrecht-radio-button--checked-and-disabled",
     "react-utrecht-radio-button--disabled",
     "react-utrecht-separator--default",
+    "react-utrecht-skip-link--default",
+    "react-utrecht-spotlicht-section--default",
+    "react-utrecht-spotlicht-section--info",
+    "react-utrecht-spotlicht-section--warning",
     "react-utrecht-surface--default",
     "react-utrecht-table--default",
     "react-utrecht-textbox--default",

package/municipalities/leiden-design-tokens/src/component/conduction/logo.tokens.json

@@ -5,21 +5,21 @@
         "inline-size": { "value": "119px" },
         "block-size": { "value": "55px" },
         "background-image": {
-          "value": "url('https://gemeente.leiden.nl/typo3conf/ext/leiden_template/Resources/Public/Images/logo_leiden.svg')"
+          "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120.627 55.153'%3E%3Cg id='g62' transform='translate(0 -.02)'%3E%3Cg id='g51' transform='translate(0 10.567)'%3E%3Cpath id='path49' fill='%23fff' fill-rule='evenodd' d='M12.07 60.767c-1.268 1.521-3.88 1.445-5.807-.178S3.8 56.431 5.1 54.884c1.116-1.319 3.22-1.445 5.021-.38l4.59-5.477-7.864-9.357 1.445-1.217 7.658 9.129v-12.7L0 31.2v34.512l15.95-1.293V50.548l-4.362 5.2c1.344 1.596 1.598 3.701.482 5.019ZM7 41.039l2.916 3.5-2.588 2.205-.964-1.166 1.446-1.217-.964-1.166L5.4 44.411l-.964-1.166L7 41.039Zm14.784 13.49-4.59-5.477 7.861-9.357-1.445-1.217-7.658 9.1v2.967l4.362 5.224c-1.344 1.6-1.6 3.7-.507 5.021 1.268 1.521 3.88 1.445 5.807-.178s2.46-4.159 1.166-5.706c-1.093-1.315-3.197-1.442-4.998-.377Zm2.762 4.771c-1.217 1.014-2.739 1.192-3.4.38-.685-.811-.254-2.282.964-3.3 1.192-1.014 2.739-1.192 3.4-.38s.228 2.282-.964 3.3Zm1.978-14.885.964-1.166-2.612-2.206-2.916 3.5 2.612 2.206.964-1.166-1.446-1.222.964-1.166c.025-.001 1.47 1.216 1.47 1.216ZM9.788 56.38C8.6 55.366 7.049 55.189 6.39 56c-.685.811-.254 2.282.964 3.3s2.739 1.192 3.4.38c.685-.811.254-2.282-.964-3.3Z' transform='translate(0 -31.2)'/%3E%3C/g%3E%3Cg id='g58' transform='translate(15.944 .02)'%3E%3Cpath id='path56' fill='%23fff' fill-rule='evenodd' d='M74.636 0v55.153l-13.668-5.68V17.37L47.3 14.226V6.669Z' transform='translate(-47.3)'/%3E%3C/g%3E%3Cpath id='path60' fill='%23fff' fill-rule='evenodd' d='M224.5 98.741h3.6v12.552h5.072v2.764H224.5V98.741Zm16.483 8.622c0-1.445-.38-2.815-1.8-2.815-1.775 0-1.775 2.206-1.775 2.815Zm3.17 1.9h-6.745a2.553 2.553 0 0 0 2.84 2.612 6.841 6.841 0 0 0 3.22-.913l.076 2.612a11.046 11.046 0 0 1-3.626.659c-4.007 0-5.782-2.434-5.782-5.934 0-3.068 1.8-5.858 5.072-5.858 1.04 0 4.97 0 4.97 5.984l-.025.837Zm2.586 4.793h3.474v-11.435h-3.474Zm0-13.389h3.474V97.6h-3.474Zm11.411 11.083c1.42 0 1.724-2.054 1.724-3.373 0-1.826-.33-3.525-1.724-3.525-1.547 0-1.674 1.724-1.674 3.525 0 1.166.1 3.373 1.674 3.373Zm5.2-.254c0 1.445.051 2.054.076 2.561h-3.3a14.663 14.663 0 0 1-.076-1.826H260a3.252 3.252 0 0 1-3.119 2c-2.561 0-4.007-2.536-4.007-6.162 0-3.068 1.141-5.629 4.007-5.629a2.939 2.939 0 0 1 2.941 1.876h.051V97.6h3.474Zm9.433-4.133c0-1.445-.38-2.815-1.8-2.815-1.775 0-1.775 2.206-1.775 2.815Zm3.17 1.9h-6.745a2.553 2.553 0 0 0 2.84 2.612 6.841 6.841 0 0 0 3.22-.913l.076 2.612a11.046 11.046 0 0 1-3.626.659c-4.007 0-5.782-2.434-5.782-5.934 0-3.068 1.8-5.858 5.072-5.858 1.04 0 4.97 0 4.97 5.984-.027.003-.027.84-.027.84Zm8.8-2.257c0-1.42-.634-1.8-1.344-1.8-1.116 0-1.521.964-1.521 2.434v6.416h-3.474V105c0-1.09-.025-1.8-.076-2.384h3.17q.076.761.076 1.9h.051a3.119 3.119 0 0 1 3.22-2.079c2.536 0 3.347 1.851 3.347 4.133v7.481h-3.474l.025-7.049Z' transform='translate(-167.572 -72.836)'/%3E%3C/g%3E%3C/svg%3E\")"
         }
       },
       "footer": {
         "inline-size": { "value": "119px" },
         "block-size": { "value": "55px" },
         "background-image": {
-          "value": "url('https://gemeente.leiden.nl/typo3conf/ext/leiden_template/Resources/Public/Images/logo_leiden.svg')"
+          "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120.627 55.153'%3E%3Cg id='g62' transform='translate(0 -.02)'%3E%3Cg id='g51' transform='translate(0 10.567)'%3E%3Cpath id='path49' fill='%23fff' fill-rule='evenodd' d='M12.07 60.767c-1.268 1.521-3.88 1.445-5.807-.178S3.8 56.431 5.1 54.884c1.116-1.319 3.22-1.445 5.021-.38l4.59-5.477-7.864-9.357 1.445-1.217 7.658 9.129v-12.7L0 31.2v34.512l15.95-1.293V50.548l-4.362 5.2c1.344 1.596 1.598 3.701.482 5.019ZM7 41.039l2.916 3.5-2.588 2.205-.964-1.166 1.446-1.217-.964-1.166L5.4 44.411l-.964-1.166L7 41.039Zm14.784 13.49-4.59-5.477 7.861-9.357-1.445-1.217-7.658 9.1v2.967l4.362 5.224c-1.344 1.6-1.6 3.7-.507 5.021 1.268 1.521 3.88 1.445 5.807-.178s2.46-4.159 1.166-5.706c-1.093-1.315-3.197-1.442-4.998-.377Zm2.762 4.771c-1.217 1.014-2.739 1.192-3.4.38-.685-.811-.254-2.282.964-3.3 1.192-1.014 2.739-1.192 3.4-.38s.228 2.282-.964 3.3Zm1.978-14.885.964-1.166-2.612-2.206-2.916 3.5 2.612 2.206.964-1.166-1.446-1.222.964-1.166c.025-.001 1.47 1.216 1.47 1.216ZM9.788 56.38C8.6 55.366 7.049 55.189 6.39 56c-.685.811-.254 2.282.964 3.3s2.739 1.192 3.4.38c.685-.811.254-2.282-.964-3.3Z' transform='translate(0 -31.2)'/%3E%3C/g%3E%3Cg id='g58' transform='translate(15.944 .02)'%3E%3Cpath id='path56' fill='%23fff' fill-rule='evenodd' d='M74.636 0v55.153l-13.668-5.68V17.37L47.3 14.226V6.669Z' transform='translate(-47.3)'/%3E%3C/g%3E%3Cpath id='path60' fill='%23fff' fill-rule='evenodd' d='M224.5 98.741h3.6v12.552h5.072v2.764H224.5V98.741Zm16.483 8.622c0-1.445-.38-2.815-1.8-2.815-1.775 0-1.775 2.206-1.775 2.815Zm3.17 1.9h-6.745a2.553 2.553 0 0 0 2.84 2.612 6.841 6.841 0 0 0 3.22-.913l.076 2.612a11.046 11.046 0 0 1-3.626.659c-4.007 0-5.782-2.434-5.782-5.934 0-3.068 1.8-5.858 5.072-5.858 1.04 0 4.97 0 4.97 5.984l-.025.837Zm2.586 4.793h3.474v-11.435h-3.474Zm0-13.389h3.474V97.6h-3.474Zm11.411 11.083c1.42 0 1.724-2.054 1.724-3.373 0-1.826-.33-3.525-1.724-3.525-1.547 0-1.674 1.724-1.674 3.525 0 1.166.1 3.373 1.674 3.373Zm5.2-.254c0 1.445.051 2.054.076 2.561h-3.3a14.663 14.663 0 0 1-.076-1.826H260a3.252 3.252 0 0 1-3.119 2c-2.561 0-4.007-2.536-4.007-6.162 0-3.068 1.141-5.629 4.007-5.629a2.939 2.939 0 0 1 2.941 1.876h.051V97.6h3.474Zm9.433-4.133c0-1.445-.38-2.815-1.8-2.815-1.775 0-1.775 2.206-1.775 2.815Zm3.17 1.9h-6.745a2.553 2.553 0 0 0 2.84 2.612 6.841 6.841 0 0 0 3.22-.913l.076 2.612a11.046 11.046 0 0 1-3.626.659c-4.007 0-5.782-2.434-5.782-5.934 0-3.068 1.8-5.858 5.072-5.858 1.04 0 4.97 0 4.97 5.984-.027.003-.027.84-.027.84Zm8.8-2.257c0-1.42-.634-1.8-1.344-1.8-1.116 0-1.521.964-1.521 2.434v6.416h-3.474V105c0-1.09-.025-1.8-.076-2.384h3.17q.076.761.076 1.9h.051a3.119 3.119 0 0 1 3.22-2.079c2.536 0 3.347 1.851 3.347 4.133v7.481h-3.474l.025-7.049Z' transform='translate(-167.572 -72.836)'/%3E%3C/g%3E%3C/svg%3E\")"
         }
       },
       "navbar": {
         "inline-size": { "value": "104px" },
         "block-size": { "value": "48px" },
         "background-image": {
-          "value": "url('https://gemeente.leiden.nl/typo3conf/ext/leiden_template/Resources/Public/Images/logo_leiden.svg')"
+          "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120.627 55.153'%3E%3Cg id='g62' transform='translate(0 -.02)'%3E%3Cg id='g51' transform='translate(0 10.567)'%3E%3Cpath id='path49' fill='%23fff' fill-rule='evenodd' d='M12.07 60.767c-1.268 1.521-3.88 1.445-5.807-.178S3.8 56.431 5.1 54.884c1.116-1.319 3.22-1.445 5.021-.38l4.59-5.477-7.864-9.357 1.445-1.217 7.658 9.129v-12.7L0 31.2v34.512l15.95-1.293V50.548l-4.362 5.2c1.344 1.596 1.598 3.701.482 5.019ZM7 41.039l2.916 3.5-2.588 2.205-.964-1.166 1.446-1.217-.964-1.166L5.4 44.411l-.964-1.166L7 41.039Zm14.784 13.49-4.59-5.477 7.861-9.357-1.445-1.217-7.658 9.1v2.967l4.362 5.224c-1.344 1.6-1.6 3.7-.507 5.021 1.268 1.521 3.88 1.445 5.807-.178s2.46-4.159 1.166-5.706c-1.093-1.315-3.197-1.442-4.998-.377Zm2.762 4.771c-1.217 1.014-2.739 1.192-3.4.38-.685-.811-.254-2.282.964-3.3 1.192-1.014 2.739-1.192 3.4-.38s.228 2.282-.964 3.3Zm1.978-14.885.964-1.166-2.612-2.206-2.916 3.5 2.612 2.206.964-1.166-1.446-1.222.964-1.166c.025-.001 1.47 1.216 1.47 1.216ZM9.788 56.38C8.6 55.366 7.049 55.189 6.39 56c-.685.811-.254 2.282.964 3.3s2.739 1.192 3.4.38c.685-.811.254-2.282-.964-3.3Z' transform='translate(0 -31.2)'/%3E%3C/g%3E%3Cg id='g58' transform='translate(15.944 .02)'%3E%3Cpath id='path56' fill='%23fff' fill-rule='evenodd' d='M74.636 0v55.153l-13.668-5.68V17.37L47.3 14.226V6.669Z' transform='translate(-47.3)'/%3E%3C/g%3E%3Cpath id='path60' fill='%23fff' fill-rule='evenodd' d='M224.5 98.741h3.6v12.552h5.072v2.764H224.5V98.741Zm16.483 8.622c0-1.445-.38-2.815-1.8-2.815-1.775 0-1.775 2.206-1.775 2.815Zm3.17 1.9h-6.745a2.553 2.553 0 0 0 2.84 2.612 6.841 6.841 0 0 0 3.22-.913l.076 2.612a11.046 11.046 0 0 1-3.626.659c-4.007 0-5.782-2.434-5.782-5.934 0-3.068 1.8-5.858 5.072-5.858 1.04 0 4.97 0 4.97 5.984l-.025.837Zm2.586 4.793h3.474v-11.435h-3.474Zm0-13.389h3.474V97.6h-3.474Zm11.411 11.083c1.42 0 1.724-2.054 1.724-3.373 0-1.826-.33-3.525-1.724-3.525-1.547 0-1.674 1.724-1.674 3.525 0 1.166.1 3.373 1.674 3.373Zm5.2-.254c0 1.445.051 2.054.076 2.561h-3.3a14.663 14.663 0 0 1-.076-1.826H260a3.252 3.252 0 0 1-3.119 2c-2.561 0-4.007-2.536-4.007-6.162 0-3.068 1.141-5.629 4.007-5.629a2.939 2.939 0 0 1 2.941 1.876h.051V97.6h3.474Zm9.433-4.133c0-1.445-.38-2.815-1.8-2.815-1.775 0-1.775 2.206-1.775 2.815Zm3.17 1.9h-6.745a2.553 2.553 0 0 0 2.84 2.612 6.841 6.841 0 0 0 3.22-.913l.076 2.612a11.046 11.046 0 0 1-3.626.659c-4.007 0-5.782-2.434-5.782-5.934 0-3.068 1.8-5.858 5.072-5.858 1.04 0 4.97 0 4.97 5.984-.027.003-.027.84-.027.84Zm8.8-2.257c0-1.42-.634-1.8-1.344-1.8-1.116 0-1.521.964-1.521 2.434v6.416h-3.474V105c0-1.09-.025-1.8-.076-2.384h3.17q.076.761.076 1.9h.051a3.119 3.119 0 0 1 3.22-2.079c2.536 0 3.347 1.851 3.347 4.133v7.481h-3.474l.025-7.049Z' transform='translate(-167.572 -72.836)'/%3E%3C/g%3E%3C/svg%3E\")"
         }
       }
     }

package/municipalities/leiden-design-tokens/src/component/utrecht/breadcrumb.tokens.json

@@ -21,8 +21,16 @@
           "background-color": {},
           "color": {}
         },
+        "hover": {
+          "color": { "value": "{leiden.color.black.9}" },
+          "text-decoration": {}
+        },
         "current": {
           "background-color": {},
+          "color": { "value": "{leiden.color.black.9}" },
+          "font-weight": {}
+        },
+        "disabled": {
           "color": { "value": "{leiden.color.black.9}" }
         }
       },

package/municipalities/leiden-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json

@@ -8,13 +8,12 @@
       "padding-block-start": { "value": "17px" },
       "padding-block-end": { "value": "17px" },
       "link": {
+        "font-weight": {},
         "disabled": {
-          "background-color": {},
-          "color": { "value": "{leiden.color.black.9}" }
+          "background-color": {}
         },
         "hover": {
-          "background-color": {},
-          "color": { "value": "{leiden.color.black.9}" }
+          "background-color": {}
         }
       }
     }

package/municipalities/leiden-design-tokens/src/component/utrecht/extra-tokens/skip-link.tokens.json

@@ -14,7 +14,11 @@
       "box-shadow-width": {},
       "border-width": {},
       "border-style": {},
-      "border-color": {}
+      "border-color": {},
+      "border-bottom-width": {},
+      "border-bottom-style": {},
+      "border-bottom-color": {},
+      "width": {}
     }
   }
 }

package/municipalities/leiden-design-tokens/src/config.json

@@ -9,25 +9,36 @@
     "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-breadcrumb-nac--default",
+    "react-utrecht-breadcrumb-nac--separator",
     "react-utrecht-button--default",
     "react-utrecht-button--hover",
     "react-utrecht-button--primary-action-button",
     "react-utrecht-button--secondary-action-button",
+    "react-utrecht-calendar--default",
+    "react-utrecht-calendar--limited-range-calendar",
+    "react-utrecht-checkbox--default",
+    "react-utrecht-checkbox--checked",
+    "react-utrecht-checkbox--disabled",
+    "react-utrecht-checkbox--checked-and-disabled",
+    "react-utrecht-checkbox--hover",
+    "react-utrecht-checkbox--focus",
+    "react-utrecht-checkbox--focus-visible",
     "react-utrecht-code--default",
     "react-utrecht-code-block--default",
+    "react-utrecht-data-badge--default",
     "react-utrecht-document--default",
     "react-utrecht-heading-1--default",
     "react-utrecht-heading-2--default",
     "react-utrecht-heading-3--default",
     "react-utrecht-heading-4--default",
-    "react-utrecht-alert--default",
+    "react-utrecht-heading-5--default",
     "react-utrecht-link--default",
     "react-utrecht-link--hover",
     "react-utrecht-link--focus",
     "react-utrecht-ordered-list--default",
     "react-utrecht-unordered-list--default",
+    "react-utrecht-page--default",
     "react-utrecht-page-header--default",
     "react-utrecht-page-footer--default",
     "react-utrecht-paragraph--default",
@@ -38,6 +49,10 @@
     "react-utrecht-radio-button--checked-and-disabled",
     "react-utrecht-radio-button--disabled",
     "react-utrecht-separator--default",
+    "react-utrecht-skip-link--default",
+    "react-utrecht-spotlicht-section--default",
+    "react-utrecht-spotlicht-section--info",
+    "react-utrecht-spotlicht-section--warning",
     "react-utrecht-surface--default",
     "react-utrecht-table--default",
     "react-utrecht-textbox--default",

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

@@ -58,6 +58,9 @@
         "47": {
           "value": "#f0b800",
           "comment": "Base/Yellow from Huisstijlhandboek, base color of website is #f0af00"
+        },
+        "95": {
+          "value": "#fff9e6"
         }
       },
       "grey": {

package/municipalities/noaberkracht-design-tokens/src/component/utrecht/breadcrumb.tokens.json

@@ -16,10 +16,19 @@
         "color": { "value": "{noaberkracht.color.yellow.47}" },
         "focus": {
           "background-color": {},
-          "color": {}
+          "color": {},
+          "text-decoration": {}
+        },
+        "hover": {
+          "color": { "value": "{noaberkracht.color.yellow.47}" },
+          "text-decoration": {}
         },
         "current": {
           "background-color": {},
+          "color": { "value": "{noaberkracht.color.blue.22}" },
+          "font-weight": {}
+        },
+        "disabled": {
           "color": { "value": "{noaberkracht.color.blue.22}" }
         }
       },

package/municipalities/noaberkracht-design-tokens/src/component/utrecht/calendar.tokens.json

@@ -0,0 +1,80 @@
+{
+  "utrecht": {
+    "calendar": {
+      "width": {},
+      "background-color": {},
+      "table": {
+        "padding-block-start": {},
+        "padding-block-end": {},
+        "weeks-item": {
+          "width": { "value": "44px" },
+          "padding-block-start": { "value": "4px" },
+          "padding-block-end": { "value": "10px" },
+          "line-height": { "value": "24px" }
+        },
+        "days-item-day": {
+          "size": { "value": "44px" },
+          "color": { "value": "{noaberkracht.color.black.0}" },
+          "border-width": { "value": "2px" },
+          "border-color": { "value": "transparent" },
+          "hover": {
+            "background-color": { "value": "{noaberkracht.color.blue.22}" },
+            "color": { "value": "{noaberkracht.color.white.100}" },
+            "border-color": { "value": "{noaberkracht.color.blue.22}" }
+          },
+          "focus": {
+            "background-color": {},
+            "color": {},
+            "border-color": { "value": "transparent" }
+          },
+          "active": {
+            "background-color": {},
+            "color": {},
+            "border-color": { "value": "transparent" }
+          },
+          "out-of-the-month": {
+            "background-color": {},
+            "color": { "value": "{noaberkracht.color.grey.82}" },
+            "border-color": { "value": "transparent" }
+          },
+          "is-today": {
+            "background-color": { "value": "{noaberkracht.color.yellow.95}" },
+            "color": { "value": "{noaberkracht.color.black.0}" },
+            "border-color": { "value": "{noaberkracht.color.yellow.47}" },
+            "font-weight": { "value": "{noaberkracht.typography.font-weight.bold}" }
+          },
+          "emphasis": {
+            "background-color": {},
+            "color": {},
+            "border-color": { "value": "transparent" },
+            "font-weight": {}
+          },
+          "selected": {
+            "background-color": { "value": "{noaberkracht.color.yellow.47}" },
+            "color": { "value": "{noaberkracht.color.white.100}" },
+            "border-color": {},
+            "font-weight": { "value": "{noaberkracht.typography.font-weight.bold}" }
+          },
+          "disabled": {
+            "background-color": {},
+            "color": {},
+            "border-color": {}
+          }
+        }
+      },
+      "navigation": {
+        "background-color": {},
+        "color": { "value": "{noaberkracht.color.yellow.47}" },
+        "padding-block-start": { "value": "2px" },
+        "padding-block-end": { "value": "2px" },
+        "label": {
+          "min-inline-size": { "value": "200px" },
+          "color": { "value": "{noaberkracht.color.black.0}" }
+        }
+      },
+      "icon": {
+        "size": { "value": "24px" }
+      }
+    }
+  }
+}

package/municipalities/noaberkracht-design-tokens/src/component/utrecht/checkbox.tokens.json

@@ -0,0 +1,57 @@
+{
+  "utrecht": {
+    "checkbox": {
+      "background-color": {},
+      "border-color": {},
+      "border-radius": { "value": "3px" },
+      "border-width": { "value": "{noaberkracht.size.4xs}" },
+      "color": { "value": "{noaberkracht.color.white.100}" },
+      "size": { "value": "24px" },
+      "icon": {
+        "size": {}
+      },
+      "active": {
+        "border-color": {},
+        "border-width": {},
+        "background-color": {},
+        "color": {}
+      },
+      "hover": {
+        "border-color": { "value": "{noaberkracht.color.grey.31}" },
+        "border-width": { "value": "{noaberkracht.size.4xs}" },
+        "background-color": {},
+        "color": { "value": "{noaberkracht.color.white.100}" }
+      },
+      "focus": {
+        "border-color": {},
+        "border-width": {},
+        "background-color": {},
+        "color": {}
+      },
+      "disabled": {
+        "border-color": { "value": "{noaberkracht.color.grey.82}" },
+        "border-width": { "value": "{noaberkracht.size.4xs}" },
+        "background-color": { "value": "{noaberkracht.color.grey.82}" },
+        "color": { "value": "{noaberkracht.color.grey.82}" }
+      },
+      "checked": {
+        "border-color": { "value": "{noaberkracht.color.primary}" },
+        "border-width": { "value": "{noaberkracht.size.4xs}" },
+        "background-color": { "value": "{noaberkracht.color.primary}" },
+        "color": { "value": "{noaberkracht.color.primary}" }
+      },
+      "indeterminate": {
+        "border-color": {},
+        "border-width": {},
+        "background-color": {},
+        "color": {}
+      },
+      "invalid": {
+        "border-color": {},
+        "border-width": {},
+        "background-color": {},
+        "color": {}
+      }
+    }
+  }
+}

package/municipalities/noaberkracht-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json

@@ -7,13 +7,12 @@
       "padding-block-start": { "value": "12px" },
       "padding-block-end": { "value": "12px" },
       "link": {
+        "font-weight": {},
         "disabled": {
-          "background-color": {},
-          "color": { "value": "{noaberkracht.color.blue.22}" }
+          "background-color": {}
         },
         "hover": {
-          "background-color": {},
-          "color": { "value": "{noaberkracht.color.yellow.47}" }
+          "background-color": {}
         }
       }
     }

package/municipalities/noaberkracht-design-tokens/src/component/utrecht/extra-tokens/skip-link.tokens.json

@@ -14,7 +14,11 @@
       "box-shadow-width": {},
       "border-width": {},
       "border-style": {},
-      "border-color": {}
+      "border-color": {},
+      "border-bottom-width": {},
+      "border-bottom-style": {},
+      "border-bottom-color": {},
+      "width": {}
     }
   }
 }

package/municipalities/noaberkracht-design-tokens/src/component/utrecht/spotlight-section.tokens.json

@@ -0,0 +1,24 @@
+{
+  "utrecht": {
+    "spotlight-section": {
+      "background-color": { "value": "{noaberkracht.color.alert-info-background}" },
+      "border-color": {},
+      "border-width": {},
+      "color": { "value": "{noaberkracht.color.alert-info}" },
+      "padding-block-start": { "value": "{noaberkracht.size.lg}" },
+      "padding-block-end": { "value": "{noaberkracht.size.lg}" },
+      "padding-inline-start": { "value": "{noaberkracht.size.lg}" },
+      "padding-inline-end": { "value": "{noaberkracht.size.lg}" },
+      "margin-block-start": { "value": "{noaberkracht.size.lg}" },
+      "margin-block-end": {},
+      "info": {
+        "background-color": { "value": "{noaberkracht.color.alert-info-background}" },
+        "color": { "value": "{noaberkracht.color.alert-info}" }
+      },
+      "warning": {
+        "background-color": { "value": "{noaberkracht.color.alert-warning-background}" },
+        "color": { "value": "{noaberkracht.color.alert-warning}" }
+      }
+    }
+  }
+}