@conduction/theme 1.1.24 → 1.1.26

package/municipalities/roosendaal-design-tokens/src/brand/roosendaal/typography.tokens.json

@@ -0,0 +1,53 @@
+{
+  "roosendaal": {
+    "typography": {
+      "sans-serif": {
+        "font-family": {
+          "value": "\"Source Sans\", Arial, Helvetica, sans-serif"
+        }
+      },
+      "museosans": {
+        "font-family": {
+          "value": "\"MuseoSans\", Monospace, Arial, Helvetica, sans-serif"
+        }
+      },
+      "museosansbolder": {
+        "font-family": {
+          "value": "\"MuseoSansBolder\", Monospace, Arial, Helvetica, sans-serif"
+        }
+      },
+      "monospace": {
+        "font-family": {
+          "value": "Monospace, \"Lucida Console\""
+        }
+      },
+      "font-weight": {
+        "bolder": {
+          "value": "900"
+        },
+        "bold": {
+          "value": "700"
+        },
+        "normal": {
+          "value": "400"
+        },
+        "light": {
+          "value": "100"
+        }
+      },
+      "scale": {
+        "4xs": { "value": "{roosendaal.font-size.4xs}" },
+        "3xs": { "value": "{roosendaal.font-size.3xs}" },
+        "2xs": { "value": "{roosendaal.font-size.2xs}" },
+        "xs": { "value": "{roosendaal.font-size.xs}" },
+        "sm": { "value": "{roosendaal.font-size.sm}" },
+        "md": { "value": "{roosendaal.font-size.md}" },
+        "lg": { "value": "{roosendaal.font-size.lg}" },
+        "xl": { "value": "{roosendaal.font-size.xl}" },
+        "2xl": { "value": "{roosendaal.font-size.2xl}" },
+        "3xl": { "value": "{roosendaal.font-size.3xl}" },
+        "4xl": { "value": "{roosendaal.font-size.4xl}" }
+      }
+    }
+  }
+}

package/municipalities/roosendaal-design-tokens/src/common/utrecht/action.tokens.json

@@ -0,0 +1,9 @@
+{
+  "utrecht": {
+    "action": {
+      "busy": { "cursor": { "value": "wait" } },
+      "disabled": { "cursor": { "value": "not-allowed" } },
+      "submit": { "cursor": { "value": "pointer" } }
+    }
+  }
+}

package/municipalities/roosendaal-design-tokens/src/common/utrecht/space.tokens.json

@@ -0,0 +1,28 @@
+{
+  "utrecht": {
+    "space": {
+      "block": {
+        "3xs": { "value": "{roosendaal.size.3xs}" },
+        "2xs": { "value": "{roosendaal.size.2xs}" },
+        "xs": { "value": "{roosendaal.size.xs}" },
+        "sm": { "value": "{roosendaal.size.sm}" },
+        "md": { "value": "{roosendaal.size.md}" },
+        "lg": { "value": "{roosendaal.size.lg}" },
+        "xl": { "value": "{roosendaal.size.xl}" },
+        "2xl": { "value": "{roosendaal.size.2xl}" },
+        "3xl": { "value": "{roosendaal.size.3xl}" }
+      },
+      "inline": {
+        "3xs": { "value": "{roosendaal.size.3xs}" },
+        "2xs": { "value": "{roosendaal.size.2xs}" },
+        "xs": { "value": "{roosendaal.size.xs}" },
+        "sm": { "value": "{roosendaal.size.sm}" },
+        "md": { "value": "{roosendaal.size.md}" },
+        "lg": { "value": "{roosendaal.size.lg}" },
+        "xl": { "value": "{roosendaal.size.xl}" },
+        "2xl": { "value": "{roosendaal.size.2xl}" },
+        "3xl": { "value": "{roosendaal.size.3xl}" }
+      }
+    }
+  }
+}

package/municipalities/roosendaal-design-tokens/src/component/conduction/card-header.tokens.json

@@ -0,0 +1,29 @@
+{
+  "conduction": {
+    "card-header": {
+      "background-color": {},
+      "border-bottom-width": {},
+      "border-bottom-style": {},
+      "border-bottom-color": {},
+      "color": { "value": "{utrecht.document.color}" },
+      "hover": {
+        "background-color": {},
+        "border-bottom-width": {},
+        "border-bottom-style": {},
+        "border-bottom-color": {}
+      },
+      "title": {
+        "color": { "value": "{roosendaal.color.green.35}" },
+        "hover": {
+          "color": { "value": "{roosendaal.color.green.15}" }
+        }
+      },
+      "date": {
+        "color": { "value": "{roosendaal.color.black.3}" },
+        "font-size": { "value": "{roosendaal.font-size.sm}" },
+        "font-weight": { "value": "{roosendaal.typography.font-weight.light}" },
+        "margin-block-end": { "value": "{roosendaal.size.xs}" }
+      }
+    }
+  }
+}

package/municipalities/roosendaal-design-tokens/src/component/conduction/card-wrapper.tokens.json

@@ -0,0 +1,30 @@
+{
+  "conduction": {
+    "card-wrapper": {
+      "background-color": { "value": "{roosendaal.color.white.100}" },
+      "border-color": {},
+      "border-style": {},
+      "border-width": {},
+      "border-bottom-color": { "value": "{roosendaal.color.grey.95}" },
+      "border-bottom-style": { "value": "solid" },
+      "border-bottom-width": { "value": "3px" },
+      "border-radius": { "value": "0" },
+      "box-shadow": {},
+      "color": { "value": "{roosendaal.color.black.3}" },
+      "hover": {
+        "background-color": { "value": "{roosendaal.color.grey.89}" },
+        "color": { "value": "{roosendaal.color.black.0}" },
+        "border-color": {},
+        "border-style": {},
+        "border-width": {},
+        "border-bottom-color": { "value": "{roosendaal.color.grey.95}" },
+        "border-bottom-style": { "value": "solid" },
+        "border-bottom-width": { "value": "3px" }
+      },
+      "padding-inline-end": { "value": "{roosendaal.size.md}" },
+      "padding-inline-start": { "value": "{roosendaal.size.md}" },
+      "padding-block-end": { "value": "{roosendaal.size.md}" },
+      "padding-block-start": { "value": "{roosendaal.size.md}" }
+    }
+  }
+}

package/municipalities/roosendaal-design-tokens/src/component/conduction/checkbox.tokens.json

@@ -0,0 +1,69 @@
+{
+  "conduction": {
+    "input-checkbox": {
+      "color": { "value": "{roosendaal.color.white.100}" },
+      "border-width": { "value": "{roosendaal.size.4xs}" },
+      "border-style": { "value": "solid" },
+      "border-color": { "value": "{roosendaal.color.grey.46}" },
+      "border-radius": { "value": "3px" },
+      "box-shadow": {},
+      "hover": {
+        "color": { "value": "{roosendaal.color.white.100}" },
+        "border-width": { "value": "{roosendaal.size.4xs}" },
+        "border-style": { "value": "solid" },
+        "border-color": { "value": "{roosendaal.color.grey.31}" },
+        "border-radius": { "value": "3px" },
+        "box-shadow": {}
+      },
+      "checked": {
+        "color": { "value": "{roosendaal.color.primary}" },
+        "border-width": { "value": "{roosendaal.size.4xs}" },
+        "border-style": { "value": "solid" },
+        "border-color": { "value": "{roosendaal.color.primary}" },
+        "border-radius": { "value": "3px" },
+        "box-shadow": {},
+        "checkmark-url": {},
+        "hover": {
+          "color": { "value": "{roosendaal.color.primary-hover}" },
+          "border-width": { "value": "{roosendaal.size.4xs}" },
+          "border-style": { "value": "solid" },
+          "border-color": { "value": "{roosendaal.color.primary-hover}" },
+          "border-radius": { "value": "3px" },
+          "box-shadow": {}
+        }
+      },
+      "disabled": {
+        "color": { "value": "{roosendaal.color.grey.82}" },
+        "border-width": { "value": "{roosendaal.size.4xs}" },
+        "border-style": { "value": "solid" },
+        "border-color": { "value": "{roosendaal.color.grey.82}" },
+        "border-radius": { "value": "3px" },
+        "box-shadow": {},
+        "hover": {
+          "color": { "value": "{roosendaal.color.grey.82}" },
+          "border-width": { "value": "{roosendaal.size.4xs}" },
+          "border-style": { "value": "solid" },
+          "border-color": { "value": "{roosendaal.color.grey.82}" },
+          "border-radius": { "value": "3px" },
+          "box-shadow": {}
+        }
+      },
+      "focus": {
+        "outline-width": { "value": "2px" },
+        "outline-style": { "value": "solid" },
+        "outline-color": { "value": "{roosendaal.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" }
+        }
+      }
+    }
+  }
+}

package/municipalities/roosendaal-design-tokens/src/component/conduction/download-card.tokens.json

@@ -0,0 +1,28 @@
+{
+  "conduction": {
+    "download-card": {
+      "background-color": {},
+      "title": {
+        "color": { "value": "{utrecht.document.color}" },
+        "font-size": { "value": "{roosendaal.font-size.md}" },
+        "font-weight": { "value": "{roosendaal.typography.font-weight.bold}" },
+        "font-family": { "value": "{roosendaal.typography.museosans.font-family}" },
+        "margin-inline-end": { "value": "{roosendaal.size.sm}" }
+      },
+      "border-width": { "value": "{roosendaal.size.4xs}" },
+      "border-style": { "value": "solid" },
+      "border-color": { "value": "{roosendaal.color.grey.82}" },
+      "border-radius": { "value": "{roosendaal.size.3xs}" },
+      "icon": {
+        "gap": {
+          "value": "{roosendaal.size.xs}"
+        },
+        "color": {}
+      },
+      "padding-inline-end": { "value": "{roosendaal.size.md}" },
+      "padding-inline-start": { "value": "{roosendaal.size.md}" },
+      "padding-block-end": { "value": "{roosendaal.size.md}" },
+      "padding-block-start": { "value": "{roosendaal.size.md}" }
+    }
+  }
+}

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

@@ -0,0 +1,27 @@
+{
+  "conduction": {
+    "logo": {
+      "header": {
+        "inline-size": { "value": "215px" },
+        "block-size": { "value": "70px" },
+        "background-image": {
+          "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='312.3' height='100.9' viewBox='0 0 312.3 100.9' aria-labelledby='site-logo-title site-logo-desc' class='logo__svg logo__svg--roosendaal' role='img'%3E%3Ctitle id='site-logo-title'%3EGemeente Roosendaal%3C/title%3E%3Cdesc id='site-logo-desc'%3ELogo dat naar de hoofdpagina leidt%3C/desc%3E%3Cpath role='presentation' fill='%23DC2F34' d='M16.9,89.5c9.4,0,16.9-2.5,16.9-5.5c0-3-7.6-5.4-16.9-5.3C7.6,78.7,0,81.2,0,84.2C0,87.1,7.6,89.6,16.9,89.5 L16.9,89.5z'%3E%3C/path%3E%3Cpath role='presentation' fill='%23DC2F34' d='M25.8,36.6C32,36.6,37,35,37,33c0-1.9-5-3.5-11.2-3.5c-6.2,0-11.2,1.7-11.2,3.6C14.7,35,19.7,36.6,25.8,36.6 L25.8,36.6z'%3E%3C/path%3E%3Cpath role='presentation' fill='%23DC2F34' d='M16.3,59.6c7.1,0,12.8-1.8,12.8-4.1c0-2.2-5.7-4.1-12.8-4.1c-7.1,0-12.8,1.9-12.8,4.1 C3.5,57.8,9.2,59.6,16.3,59.6L16.3,59.6z'%3E%3C/path%3E%3Cpath role='presentation' fill='%23DC2F34' d='M41.4,19.1c4.8,0,8.6-1.1,8.6-2.5c0-1.4-3.9-2.5-8.6-2.5c-4.8,0-8.6,1.1-8.6,2.4C32.8,17.9,36.6,19.1,41.4,19.1 L41.4,19.1z'%3E%3C/path%3E%3Cpath role='presentation' fill='%23DC2F34' d='M64.8,4.8c-3.7,0-6.6,0.8-6.6,1.7c0,0.9,2.9,1.7,6.6,1.7c3.7,0,6.6-0.8,6.6-1.7C71.4,5.6,68.5,4.8,64.8,4.8 L64.8,4.8z'%3E%3C/path%3E%3Cpath role='presentation' fill='%23DC2F34' d='M86.1,2.2c2.7,0.1,4.8-0.4,4.8-1.1c0-0.6-2.2-1.1-4.8-1.1c-2.7,0-4.8,0.4-4.8,1.1C81.4,1.7,83.5,2.2,86.1,2.2 L86.1,2.2z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M102,44.3c0-4.6-0.1-4.6-4.5-5.3v-1H109c3.5,0,13.2,0,13.2,8.4c0,5.3-3.5,7.1-7.1,7.6l8.6,15.4h-5.4l-8.3-14.5 h-2.9v14.5H102V44.3L102,44.3z M107.1,52.6h2.7c3,0,7.4-0.9,7.4-6c0-5-3-6.5-6.8-6.5c-3.2,0-3.2,0.9-3.2,4.2V52.6L107.1,52.6z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M126.3,58.5c0-7.8,3.2-11.3,10.1-11.3c6.8,0,10.1,4.6,10.1,11.3c0,7.6-3.2,11.4-10.1,11.4 C128.8,69.8,126.3,65,126.3,58.5L126.3,58.5z M136.4,68.3c4.6,0,5-5.1,5-9.8c0-4.3-0.4-9.7-5-9.7c-4.6,0-5,5.6-5,9.7 C131.4,62.4,131.8,68.3,136.4,68.3L136.4,68.3z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M150,58.5c0-7.8,3.3-11.3,10.1-11.3c6.8,0,10.1,4.6,10.1,11.3c0,7.6-3.2,11.4-10.1,11.4 C152.6,69.8,150,65,150,58.5L150,58.5z M160.1,68.3c4.5,0,5-5.1,5-9.8c0-4.3-0.4-9.7-5-9.7c-4.6,0-4.9,5.6-4.9,9.7 C155.2,62.4,155.5,68.3,160.1,68.3L160.1,68.3z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M187.3,51.4c-0.7-0.5-2.9-2.2-5.5-2.2c-1.5,0-3.3,0.5-3.3,2.5c0,4.5,10.2,4.5,10.2,11.7c0,4.5-3.8,6.4-8.4,6.4 c-2.8,0-4.9-0.5-6-0.8v-3.7c1.4,0.9,3.6,2.5,6.2,2.5c3,0,4-1.5,4-3.2c0-4.5-10.2-4.8-10.2-11.3c0-3.4,2.2-6.2,7.8-6.2 c2.4,0,4.5,0.6,5.3,0.8V51.4L187.3,51.4z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M210.1,68.6c-0.9,0.3-3.4,1.2-6.5,1.2c-7.2,0-11.5-4.3-11.5-12.2c0-7.3,3.6-10.5,9.9-10.5c8,0,8.6,5.7,8.6,8.9 h-13.3c0,4.7,2,11.3,8.5,11.3c1.9,0,3.6-0.4,4.4-0.8V68.6L210.1,68.6z M205.8,54.2c0-1.1-0.1-5.4-4.2-5.4c-3.5,0-4.5,3.6-4.5,5.4 H205.8L205.8,54.2z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M215.6,53.6c0-3.2-0.8-4-3.8-4v-0.9l8.4-1.5v5.9h0.1c0.7-1.7,3.2-5.9,7.8-5.9c4.2,0,5.6,2.9,5.6,6.5v15.7h-4.7 V57.2c0-3.7,0-7-3.1-7c-3.1,0-5.8,4.3-5.8,7.7v11.4h-4.7V53.6L215.6,53.6z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M253.9,66.8c-1.2,1.1-3.1,3.1-6.5,3.1c-6.1,0-8.4-5-8.4-10.9c0-5.9,2.4-11.7,8.6-11.7c3.8,0,5.3,2,6.2,3.5h0.1 v-7.6c0-3.4-0.8-4.2-3.5-4.3v-0.9l8.2-1.1v32.7h-4.7V66.8L253.9,66.8z M253.9,57.1c0-2.6-0.5-7.4-5-7.4c-4.3,0-4.8,5.3-4.8,8.6 c0,3.6,0.4,9.1,4.8,9.1c4.5,0,4.9-5.8,4.9-8.3V57.1L253.9,57.1z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M275.4,66.6c-0.8,1-2.4,3.2-6,3.2c-3.7,0-6.3-2.6-6.3-5.3c0-6.6,9.3-7.1,12.2-7.2v-2.4c0-3,0-6.1-3-6.1 c-3,0-3.2,2.7-3.2,4.7h-5.5c0.5-3.1,2-6.3,8.8-6.3c6.6,0,7.6,3.3,7.6,8v14.2h-4.7V66.6L275.4,66.6z M275.4,59 c-1.7,0.1-7.1,0.3-7.1,4.8c0,2.1,1.1,3.6,2.8,3.6c2.7,0,4.3-2.5,4.3-5.6V59L275.4,59z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M296.6,66.6c-0.9,1-2.5,3.2-6.1,3.2c-3.7,0-6.3-2.6-6.3-5.3c0-6.6,9.3-7.1,12.3-7.2v-2.4c0-3,0-6.1-3-6.1 c-3.1,0-3.3,2.7-3.3,4.7h-5.5c0.5-3.1,2.1-6.3,8.8-6.3c6.7,0,7.7,3.3,7.7,8v14.2h-4.7V66.6L296.6,66.6z M296.6,59 c-1.7,0.1-7.2,0.3-7.2,4.8c0,2.1,1.1,3.6,2.8,3.6c2.7,0,4.4-2.5,4.4-5.6V59L296.6,59z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M307.7,43.1c0-3.4-0.8-4.2-3.5-4.3v-0.9l8.2-1.1v32.7h-4.7V43.1L307.7,43.1z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M66,100.9C11,30.1,101.5,1.2,101.5,1.2s-94.8,27-44.2,99.6H66L66,100.9z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M144.9,34.4c-1.1,0.4-3.4,1-5.6,1c-5.5,0-7.2-3.5-7.2-8.9c0-5,1.6-8.4,7.1-8.4c3.7,0,5.3,1.7,5.5,3.7h-3 c-0.1-0.9-0.7-2.6-2.9-2.6c-3.5,0-3.9,4.3-3.9,7.5c0,4.1,1,7.6,4.9,7.6c1,0,1.7-0.1,2.4-0.4v-5c0-2.3-0.4-2.2-2.5-2.7v-0.5h5.3V34.4 L144.9,34.4z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M157.5,34.7c-0.5,0.1-1.8,0.6-3.5,0.6c-3.9,0-6.1-2.3-6.1-6.5c0-4,1.9-5.7,5.2-5.7c4.3,0,4.7,3.1,4.7,4.8h-7.1 c0,2.4,1,6,4.5,6c1,0,2-0.3,2.4-0.4V34.7L157.5,34.7z M155.2,27c0-0.6-0.1-2.9-2.2-2.9c-1.9,0-2.4,2-2.4,2.9H155.2L155.2,27z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M160.2,26.7c0-1.7-0.4-2.2-1.9-2.2V24l4.4-0.8v3h0.1c0.4-0.9,1.6-3,3.8-3c2.3,0,2.9,1.7,3.1,2.8l0,0 c0.6-0.9,1.5-2.8,3.7-2.8c3.2,0,3.2,3,3.2,4.7v7.3h-2.5v-6.8c0-1.6,0-3.4-1.6-3.4c-1.9,0-2.8,2.6-2.8,4.4v5.8h-2.5v-6.5 c0-2,0-3.8-1.7-3.8c-1.7,0-2.8,2.3-2.8,4.1v6.1h-2.4V26.7L160.2,26.7z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M188.9,34.7c-0.5,0.1-1.8,0.6-3.5,0.6c-3.8,0-6.1-2.3-6.1-6.5c0-4,1.9-5.7,5.3-5.7c4.3,0,4.6,3.1,4.6,4.8h-7.1 c0,2.4,1,6,4.5,6c1.1,0,1.9-0.3,2.4-0.4V34.7L188.9,34.7z M186.6,27c0-0.6-0.1-2.9-2.2-2.9c-1.9,0-2.4,2-2.4,2.9H186.6L186.6,27z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M200.2,34.7c-0.5,0.1-1.8,0.6-3.5,0.6c-3.8,0-6.1-2.3-6.1-6.5c0-4,1.9-5.7,5.3-5.7c4.3,0,4.6,3.1,4.6,4.8h-7.1 c0,2.4,1,6,4.5,6c1.1,0,1.9-0.3,2.4-0.4V34.7L200.2,34.7z M197.9,27c0-0.6,0-2.9-2.2-2.9c-1.9,0-2.4,2-2.4,2.9H197.9L197.9,27z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M203.1,26.7c0-1.7-0.4-2.2-2-2.2V24l4.5-0.8v3.2l0,0c0.4-0.9,1.7-3.2,4.2-3.2c2.3,0,3,1.7,3,3.5v8.4h-2.5v-6.5 c0-2,0-3.8-1.7-3.8c-1.7,0-3,2.3-3,4.1v6.1h-2.5V26.7L203.1,26.7z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M222.6,35.2c-0.6,0.1-1.1,0.1-1.7,0.1c-2.5,0-3.8-0.4-3.8-3.2v-7.7h-2v-1h2v-1.9l2.5-2.2v4.2h3.2v1h-3.2v7.3 c0,1.7,0.1,2.5,2,2.5c0.3,0,0.6,0,0.9-0.1V35.2L222.6,35.2z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M233.6,34.7c-0.4,0.1-1.8,0.6-3.5,0.6c-3.8,0-6.1-2.3-6.1-6.5c0-4,1.9-5.7,5.3-5.7c4.3,0,4.6,3.1,4.6,4.8h-7.1 c0,2.4,1,6,4.5,6c1,0,1.9-0.3,2.3-0.4V34.7L233.6,34.7z M231.4,27c0-0.6-0.1-2.9-2.2-2.9c-1.9,0-2.4,2-2.4,2.9H231.4L231.4,27z'%3E%3C/path%3E%3C/svg%3E\")"
+        }
+      },
+      "footer": {
+        "inline-size": {},
+        "block-size": {},
+        "background-image": {
+          "value": ""
+        }
+      },
+      "navbar": {
+        "inline-size": { "value": "165px" },
+        "block-size": { "value": "53px" },
+        "background-image": {
+          "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='312.3' height='100.9' viewBox='0 0 312.3 100.9' aria-labelledby='site-logo-title site-logo-desc' class='logo__svg logo__svg--roosendaal' role='img'%3E%3Ctitle id='site-logo-title'%3EGemeente Roosendaal%3C/title%3E%3Cdesc id='site-logo-desc'%3ELogo dat naar de hoofdpagina leidt%3C/desc%3E%3Cpath role='presentation' fill='%23DC2F34' d='M16.9,89.5c9.4,0,16.9-2.5,16.9-5.5c0-3-7.6-5.4-16.9-5.3C7.6,78.7,0,81.2,0,84.2C0,87.1,7.6,89.6,16.9,89.5 L16.9,89.5z'%3E%3C/path%3E%3Cpath role='presentation' fill='%23DC2F34' d='M25.8,36.6C32,36.6,37,35,37,33c0-1.9-5-3.5-11.2-3.5c-6.2,0-11.2,1.7-11.2,3.6C14.7,35,19.7,36.6,25.8,36.6 L25.8,36.6z'%3E%3C/path%3E%3Cpath role='presentation' fill='%23DC2F34' d='M16.3,59.6c7.1,0,12.8-1.8,12.8-4.1c0-2.2-5.7-4.1-12.8-4.1c-7.1,0-12.8,1.9-12.8,4.1 C3.5,57.8,9.2,59.6,16.3,59.6L16.3,59.6z'%3E%3C/path%3E%3Cpath role='presentation' fill='%23DC2F34' d='M41.4,19.1c4.8,0,8.6-1.1,8.6-2.5c0-1.4-3.9-2.5-8.6-2.5c-4.8,0-8.6,1.1-8.6,2.4C32.8,17.9,36.6,19.1,41.4,19.1 L41.4,19.1z'%3E%3C/path%3E%3Cpath role='presentation' fill='%23DC2F34' d='M64.8,4.8c-3.7,0-6.6,0.8-6.6,1.7c0,0.9,2.9,1.7,6.6,1.7c3.7,0,6.6-0.8,6.6-1.7C71.4,5.6,68.5,4.8,64.8,4.8 L64.8,4.8z'%3E%3C/path%3E%3Cpath role='presentation' fill='%23DC2F34' d='M86.1,2.2c2.7,0.1,4.8-0.4,4.8-1.1c0-0.6-2.2-1.1-4.8-1.1c-2.7,0-4.8,0.4-4.8,1.1C81.4,1.7,83.5,2.2,86.1,2.2 L86.1,2.2z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M102,44.3c0-4.6-0.1-4.6-4.5-5.3v-1H109c3.5,0,13.2,0,13.2,8.4c0,5.3-3.5,7.1-7.1,7.6l8.6,15.4h-5.4l-8.3-14.5 h-2.9v14.5H102V44.3L102,44.3z M107.1,52.6h2.7c3,0,7.4-0.9,7.4-6c0-5-3-6.5-6.8-6.5c-3.2,0-3.2,0.9-3.2,4.2V52.6L107.1,52.6z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M126.3,58.5c0-7.8,3.2-11.3,10.1-11.3c6.8,0,10.1,4.6,10.1,11.3c0,7.6-3.2,11.4-10.1,11.4 C128.8,69.8,126.3,65,126.3,58.5L126.3,58.5z M136.4,68.3c4.6,0,5-5.1,5-9.8c0-4.3-0.4-9.7-5-9.7c-4.6,0-5,5.6-5,9.7 C131.4,62.4,131.8,68.3,136.4,68.3L136.4,68.3z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M150,58.5c0-7.8,3.3-11.3,10.1-11.3c6.8,0,10.1,4.6,10.1,11.3c0,7.6-3.2,11.4-10.1,11.4 C152.6,69.8,150,65,150,58.5L150,58.5z M160.1,68.3c4.5,0,5-5.1,5-9.8c0-4.3-0.4-9.7-5-9.7c-4.6,0-4.9,5.6-4.9,9.7 C155.2,62.4,155.5,68.3,160.1,68.3L160.1,68.3z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M187.3,51.4c-0.7-0.5-2.9-2.2-5.5-2.2c-1.5,0-3.3,0.5-3.3,2.5c0,4.5,10.2,4.5,10.2,11.7c0,4.5-3.8,6.4-8.4,6.4 c-2.8,0-4.9-0.5-6-0.8v-3.7c1.4,0.9,3.6,2.5,6.2,2.5c3,0,4-1.5,4-3.2c0-4.5-10.2-4.8-10.2-11.3c0-3.4,2.2-6.2,7.8-6.2 c2.4,0,4.5,0.6,5.3,0.8V51.4L187.3,51.4z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M210.1,68.6c-0.9,0.3-3.4,1.2-6.5,1.2c-7.2,0-11.5-4.3-11.5-12.2c0-7.3,3.6-10.5,9.9-10.5c8,0,8.6,5.7,8.6,8.9 h-13.3c0,4.7,2,11.3,8.5,11.3c1.9,0,3.6-0.4,4.4-0.8V68.6L210.1,68.6z M205.8,54.2c0-1.1-0.1-5.4-4.2-5.4c-3.5,0-4.5,3.6-4.5,5.4 H205.8L205.8,54.2z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M215.6,53.6c0-3.2-0.8-4-3.8-4v-0.9l8.4-1.5v5.9h0.1c0.7-1.7,3.2-5.9,7.8-5.9c4.2,0,5.6,2.9,5.6,6.5v15.7h-4.7 V57.2c0-3.7,0-7-3.1-7c-3.1,0-5.8,4.3-5.8,7.7v11.4h-4.7V53.6L215.6,53.6z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M253.9,66.8c-1.2,1.1-3.1,3.1-6.5,3.1c-6.1,0-8.4-5-8.4-10.9c0-5.9,2.4-11.7,8.6-11.7c3.8,0,5.3,2,6.2,3.5h0.1 v-7.6c0-3.4-0.8-4.2-3.5-4.3v-0.9l8.2-1.1v32.7h-4.7V66.8L253.9,66.8z M253.9,57.1c0-2.6-0.5-7.4-5-7.4c-4.3,0-4.8,5.3-4.8,8.6 c0,3.6,0.4,9.1,4.8,9.1c4.5,0,4.9-5.8,4.9-8.3V57.1L253.9,57.1z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M275.4,66.6c-0.8,1-2.4,3.2-6,3.2c-3.7,0-6.3-2.6-6.3-5.3c0-6.6,9.3-7.1,12.2-7.2v-2.4c0-3,0-6.1-3-6.1 c-3,0-3.2,2.7-3.2,4.7h-5.5c0.5-3.1,2-6.3,8.8-6.3c6.6,0,7.6,3.3,7.6,8v14.2h-4.7V66.6L275.4,66.6z M275.4,59 c-1.7,0.1-7.1,0.3-7.1,4.8c0,2.1,1.1,3.6,2.8,3.6c2.7,0,4.3-2.5,4.3-5.6V59L275.4,59z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M296.6,66.6c-0.9,1-2.5,3.2-6.1,3.2c-3.7,0-6.3-2.6-6.3-5.3c0-6.6,9.3-7.1,12.3-7.2v-2.4c0-3,0-6.1-3-6.1 c-3.1,0-3.3,2.7-3.3,4.7h-5.5c0.5-3.1,2.1-6.3,8.8-6.3c6.7,0,7.7,3.3,7.7,8v14.2h-4.7V66.6L296.6,66.6z M296.6,59 c-1.7,0.1-7.2,0.3-7.2,4.8c0,2.1,1.1,3.6,2.8,3.6c2.7,0,4.4-2.5,4.4-5.6V59L296.6,59z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M307.7,43.1c0-3.4-0.8-4.2-3.5-4.3v-0.9l8.2-1.1v32.7h-4.7V43.1L307.7,43.1z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M66,100.9C11,30.1,101.5,1.2,101.5,1.2s-94.8,27-44.2,99.6H66L66,100.9z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M144.9,34.4c-1.1,0.4-3.4,1-5.6,1c-5.5,0-7.2-3.5-7.2-8.9c0-5,1.6-8.4,7.1-8.4c3.7,0,5.3,1.7,5.5,3.7h-3 c-0.1-0.9-0.7-2.6-2.9-2.6c-3.5,0-3.9,4.3-3.9,7.5c0,4.1,1,7.6,4.9,7.6c1,0,1.7-0.1,2.4-0.4v-5c0-2.3-0.4-2.2-2.5-2.7v-0.5h5.3V34.4 L144.9,34.4z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M157.5,34.7c-0.5,0.1-1.8,0.6-3.5,0.6c-3.9,0-6.1-2.3-6.1-6.5c0-4,1.9-5.7,5.2-5.7c4.3,0,4.7,3.1,4.7,4.8h-7.1 c0,2.4,1,6,4.5,6c1,0,2-0.3,2.4-0.4V34.7L157.5,34.7z M155.2,27c0-0.6-0.1-2.9-2.2-2.9c-1.9,0-2.4,2-2.4,2.9H155.2L155.2,27z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M160.2,26.7c0-1.7-0.4-2.2-1.9-2.2V24l4.4-0.8v3h0.1c0.4-0.9,1.6-3,3.8-3c2.3,0,2.9,1.7,3.1,2.8l0,0 c0.6-0.9,1.5-2.8,3.7-2.8c3.2,0,3.2,3,3.2,4.7v7.3h-2.5v-6.8c0-1.6,0-3.4-1.6-3.4c-1.9,0-2.8,2.6-2.8,4.4v5.8h-2.5v-6.5 c0-2,0-3.8-1.7-3.8c-1.7,0-2.8,2.3-2.8,4.1v6.1h-2.4V26.7L160.2,26.7z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M188.9,34.7c-0.5,0.1-1.8,0.6-3.5,0.6c-3.8,0-6.1-2.3-6.1-6.5c0-4,1.9-5.7,5.3-5.7c4.3,0,4.6,3.1,4.6,4.8h-7.1 c0,2.4,1,6,4.5,6c1.1,0,1.9-0.3,2.4-0.4V34.7L188.9,34.7z M186.6,27c0-0.6-0.1-2.9-2.2-2.9c-1.9,0-2.4,2-2.4,2.9H186.6L186.6,27z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M200.2,34.7c-0.5,0.1-1.8,0.6-3.5,0.6c-3.8,0-6.1-2.3-6.1-6.5c0-4,1.9-5.7,5.3-5.7c4.3,0,4.6,3.1,4.6,4.8h-7.1 c0,2.4,1,6,4.5,6c1.1,0,1.9-0.3,2.4-0.4V34.7L200.2,34.7z M197.9,27c0-0.6,0-2.9-2.2-2.9c-1.9,0-2.4,2-2.4,2.9H197.9L197.9,27z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M203.1,26.7c0-1.7-0.4-2.2-2-2.2V24l4.5-0.8v3.2l0,0c0.4-0.9,1.7-3.2,4.2-3.2c2.3,0,3,1.7,3,3.5v8.4h-2.5v-6.5 c0-2,0-3.8-1.7-3.8c-1.7,0-3,2.3-3,4.1v6.1h-2.5V26.7L203.1,26.7z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M222.6,35.2c-0.6,0.1-1.1,0.1-1.7,0.1c-2.5,0-3.8-0.4-3.8-3.2v-7.7h-2v-1h2v-1.9l2.5-2.2v4.2h3.2v1h-3.2v7.3 c0,1.7,0.1,2.5,2,2.5c0.3,0,0.6,0,0.9-0.1V35.2L222.6,35.2z'%3E%3C/path%3E%3Cpath role='presentation' fill='%2300633A' d='M233.6,34.7c-0.4,0.1-1.8,0.6-3.5,0.6c-3.8,0-6.1-2.3-6.1-6.5c0-4,1.9-5.7,5.3-5.7c4.3,0,4.6,3.1,4.6,4.8h-7.1 c0,2.4,1,6,4.5,6c1,0,1.9-0.3,2.3-0.4V34.7L233.6,34.7z M231.4,27c0-0.6-0.1-2.9-2.2-2.9c-1.9,0-2.4,2-2.4,2.9H231.4L231.4,27z'%3E%3C/path%3E%3C/svg%3E\")"
+        }
+      }
+    }
+  }
+}

package/municipalities/roosendaal-design-tokens/src/component/conduction/navigation.tokens.json

@@ -0,0 +1,79 @@
+{
+  "conduction": {
+    "primary": {
+      "top-nav": {
+        "color": { "value": "{roosendaal.color.black.3}" },
+        "background-color": { "value": "{roosendaal.color.white.100}" },
+        "hover": {
+          "color": { "value": "{roosendaal.color.black.3}" },
+          "background-color": { "value": "{roosendaal.color.green.95}" },
+          "box-shadow": {},
+          "font-weight": {}
+        },
+        "current": {
+          "color": { "value": "{roosendaal.color.black.3}" },
+          "background-color": { "value": "unset" },
+          "box-shadow": { "value": "inset 0 -4px {roosendaal.color.primary}" },
+          "mobile": {
+            "box-shadow": { "value": "inset 4px 0 {roosendaal.color.primary}" }
+          },
+          "font-weight": {}
+        },
+        "dropdown": {
+          "color": {},
+          "background-color": {},
+          "border-width": {},
+          "border-style": {},
+          "border-color": {},
+          "hover": {
+            "color": {},
+            "background-color": {},
+            "box-shadow": {},
+            "font-weight": {}
+          },
+          "current": {
+            "color": { "value": "{roosendaal.color.black.3}" },
+            "background-color": { "value": "unset" },
+            "box-shadow": { "value": "inset 0 -4px {roosendaal.color.primary}" },
+            "mobile": {
+              "box-shadow": { "value": "inset 4px 0 {roosendaal.color.primary}" }
+            },
+            "font-weight": {}
+          }
+        },
+        "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": "{roosendaal.color.black.3}" },
+        "background-color": { "value": "transparent" },
+        "hover": {
+          "color": { "value": "{roosendaal.color.black.3}" },
+          "background-color": { "value": "{roosendaal.color.green.95}" }
+        },
+        "current": {
+          "color": { "value": "{roosendaal.color.black.3}" },
+          "background-color": { "value": "unset" },
+          "box-shadow": { "value": "inset 0 -4px {roosendaal.color.primary}" }
+        },
+        "font-size": { "value": "{roosendaal.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" }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,95 @@
+{
+  "conduction": {
+    "pagination": {
+      "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": "{roosendaal.size.2xs}" },
+        "color": { "value": "{roosendaal.color.white.98}" },
+        "background-color": { "value": "{roosendaal.color.primary}" },
+        "padding-inline-start": { "value": "{roosendaal.size.sm}" },
+        "padding-inline-end": { "value": "{roosendaal.size.sm}" },
+        "padding-block-start": { "value": "{roosendaal.size.xs}" },
+        "padding-block-end": { "value": "{roosendaal.size.xs}" },
+        "font-size": { "value": "{utrecht.document.font-size}" },
+        "font-weight": { "value": "{roosendaal.typography.font-weight.normal}" },
+        "font-family": { "value": "{utrecht.document.font-family}" },
+        "border-width": {},
+        "border-style": {},
+        "border-color": {},
+        "border-bottom-width": {},
+        "border-bottom-style": {},
+        "border-bottom-color": {},
+        "border-radius": { "value": "0px" }
+      },
+      "navigation-button": {
+        "color": { "value": "{roosendaal.color.white.98}" },
+        "background-color": { "value": "{roosendaal.color.primary}" },
+        "border-width": {},
+        "border-style": {},
+        "border-color": {},
+        "border-bottom-width": {},
+        "border-bottom-style": {},
+        "border-bottom-color": {},
+        "border-radius": { "value": "0px" },
+        "padding-inline-start": { "value": "{roosendaal.size.sm}" },
+        "padding-inline-end": { "value": "{roosendaal.size.sm}" },
+        "padding-block-start": { "value": "{roosendaal.size.xs}" },
+        "padding-block-end": { "value": "{roosendaal.size.xs}" },
+        "disabled": {
+          "color": { "value": "{roosendaal.color.white.98}" },
+          "background-color": { "value": "{roosendaal.color.grey.82}" },
+          "border-width": {},
+          "border-style": {},
+          "border-color": {},
+          "border-bottom-width": {},
+          "border-bottom-style": {},
+          "border-bottom-color": {},
+          "border-radius": { "value": "0px" }
+        },
+        "hover": {
+          "color": { "value": "{roosendaal.color.white.98}" },
+          "background-color": { "value": "{roosendaal.color.primary-hover}" },
+          "border-width": {},
+          "border-style": {},
+          "border-color": {},
+          "border-bottom-width": {},
+          "border-bottom-style": {},
+          "border-bottom-color": {},
+          "border-radius": { "value": "0px" }
+        }
+      },
+      "current-page": {
+        "color": { "value": "{roosendaal.color.white.98}" },
+        "background-color": { "value": "{roosendaal.color.green.19}" },
+        "font-weight": { "value": "{roosendaal.typography.font-weight.normal}" },
+        "text-decoration": { "value": "none" },
+        "border-width": {},
+        "border-style": {},
+        "border-color": {},
+        "border-bottom-width": {},
+        "border-bottom-style": {},
+        "border-bottom-color": {}
+      },
+      "page": {
+        "hover": {
+          "color": { "value": "{roosendaal.color.white.98}" },
+          "background-color": { "value": "{roosendaal.color.primary-hover}" },
+          "text-decoration": { "value": "underline" },
+          "text-decoration-thickness": { "value": "3px" },
+          "border-width": {},
+          "border-style": {},
+          "border-color": {},
+          "border-bottom-width": {},
+          "border-bottom-style": {},
+          "border-bottom-color": {}
+        }
+      }
+    }
+  }
+}

package/municipalities/roosendaal-design-tokens/src/component/conduction/select.tokens.json

@@ -0,0 +1,39 @@
+{
+  "conduction": {
+    "input-select": {
+      "background-color": { "value": "{roosendaal.color.white.100}" },
+      "border": { "value": "{roosendaal.size.4xs} solid {roosendaal.color.grey.48}" },
+      "border-focus": { "value": "unset" },
+      "border-radius": { "value": "{utrecht.form-input.border-radius}" },
+      "invalid-border-color": { "value": "{roosendaal.color.error}" },
+      "padding-block-end": { "value": "6px" },
+      "padding-block-start": { "value": "6px" },
+      "hover": {},
+      "focus": {},
+      "list-option": {
+        "font-family": { "value": "{roosendaal.typography.sans-serif.font-family}" },
+        "background-color": {},
+        "color": {},
+        "hover": {
+          "font-family": { "value": "{roosendaal.typography.sans-serif.font-family}" },
+          "background-color": {},
+          "color": {}
+        },
+        "selected": {
+          "background-color": {},
+          "color": {}
+        },
+        "focus": {
+          "background-color": {},
+          "color": {}
+        }
+      },
+      "placeholder": {
+        "color": {
+          "value": "{utrecht.form-input.placeholder.color}"
+        },
+        "font-family": { "value": "{roosendaal.typography.sans-serif.font-family}" }
+      }
+    }
+  }
+}

package/municipalities/roosendaal-design-tokens/src/component/conduction/table-wrapper.tokens.json

@@ -0,0 +1,21 @@
+{
+  "conduction": {
+    "table-wrapper": {
+      "scroll-button": {
+        "background-color": { "value": "{roosendaal.color.white.100}" },
+        "color": { "value": "{roosendaal.color.black.3}" },
+        "padding-inline-start": { "value": "{roosendaal.size.sm}" },
+        "padding-inline-end": { "value": "{roosendaal.size.sm}" },
+        "padding-block-start": {},
+        "padding-block-end": {},
+        "border-width": {},
+        "border-style": {},
+        "border-color": {},
+        "hover": {
+          "background-color": { "value": "{roosendaal.color.white.100}" },
+          "color": { "value": "{roosendaal.color.primary}" }
+        }
+      }
+    }
+  }
+}

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

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

package/municipalities/roosendaal-design-tokens/src/component/conduction/tooltip.tokens.json

@@ -0,0 +1,17 @@
+{
+  "conduction": {
+    "tooltip": {
+      "background-color": { "value": "{roosendaal.color.black.0}" },
+      "color": { "value": "{roosendaal.color.white.100}" },
+      "padding-block-start": { "value": "{roosendaal.size.xs}" },
+      "padding-block-end": { "value": "{roosendaal.size.xs}" },
+      "padding-inline-start": { "value": "{roosendaal.size.sm}" },
+      "padding-inline-end": { "value": "{roosendaal.size.sm}" },
+      "border-width": { "value": "0px" },
+      "border-style": { "value": "unset" },
+      "border-color": { "value": "unset" },
+      "border-radius": { "value": "0px" },
+      "z-index": { "value": "9999" }
+    }
+  }
+}