@conduction/theme 1.1.27 → 1.1.28

package/municipalities/gooise-meren-design-tokens/src/brand/gooise-meren/color.tokens.json

@@ -0,0 +1,103 @@
+{
+  "gooise-meren": {
+    "color": {
+      "primary": { "value": "{gooise-meren.color.pink.39}" },
+      "primary-hover": { "value": "{gooise-meren.color.purple.19}" },
+      "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": "{gooise-meren.color.lightblue.29}" },
+      "alert-info": { "value": "{gooise-meren.color.white.100}" },
+      "alert-info-background": { "value": "{gooise-meren.color.lightblue.29}" },
+      "pink": {
+        "39": {
+          "value": "#c00862",
+          "comment": "Base/Pink"
+        },
+        "95": {
+          "value": "#fee7f2"
+        }
+      },
+      "purple": {
+        "19": {
+          "value": "#441d42",
+          "comment": "Base/Purple"
+        }
+      },
+      "lightblue": {
+        "23": {
+          "value": "#09526a"
+        },
+        "29": {
+          "value": "#007e92",
+          "comment": "Base/LightBlue"
+        }
+      },
+      "beige": {
+        "38": {
+          "value": "#887439",
+          "comment": "Base/Beige"
+        }
+      },
+      "yellow": {
+        "53": {
+          "value": "#fdb813",
+          "comment": "Base/Yellow"
+        }
+      },
+      "lightgrey": {
+        "96": {
+          "value": "#f5f5f5",
+          "comment": "Base/LightGrey"
+        }
+      },
+      "grey": {
+        "29": {
+          "value": "#4a4a4a"
+        },
+        "31": {
+          "value": "#4f4f4f"
+        },
+        "46": {
+          "value": "#757575"
+        },
+        "48": {
+          "value": "#7a7a7a"
+        },
+        "50": {
+          "value": "#808080"
+        },
+        "82": {
+          "value": "#d1d1d1"
+        },
+        "97": {
+          "value": "#f7f7f7"
+        }
+      },
+      "white": {
+        "98": {
+          "value": "#fafafa"
+        },
+        "100": {
+          "value": "#ffffff",
+          "comment": "Base/White"
+        }
+      },
+      "black": {
+        "0": {
+          "value": "#000000",
+          "comment": "Base/Black"
+        },
+        "15": {
+          "value": "#212529"
+        }
+      }
+    }
+  }
+}

package/municipalities/gooise-meren-design-tokens/src/brand/gooise-meren/font-size.tokens.json

@@ -0,0 +1,50 @@
+{
+  "gooise-meren": {
+    "font-size": {
+      "4xs": {
+        "value": "0.313rem",
+        "comment": "5px"
+      },
+      "3xs": {
+        "value": "0.5rem",
+        "comment": "8px"
+      },
+      "2xs": {
+        "value": "0.625rem",
+        "comment": "10px"
+      },
+      "xs": {
+        "value": "0.75rem",
+        "comment": "12px"
+      },
+      "sm": {
+        "value": "1rem",
+        "comment": "16px"
+      },
+      "md": {
+        "value": "1.125rem",
+        "comment": "18px"
+      },
+      "lg": {
+        "value": "1.25rem",
+        "comment": "20px"
+      },
+      "xl": {
+        "value": "1.5rem",
+        "comment": "24px"
+      },
+      "2xl": {
+        "value": "1.875rem",
+        "comment": "30px"
+      },
+      "3xl": {
+        "value": "2.25rem",
+        "comment": "36px"
+      },
+      "4xl": {
+        "value": "3rem",
+        "comment": "48px"
+      }
+    }
+  }
+}

package/municipalities/gooise-meren-design-tokens/src/brand/gooise-meren/size.tokens.json

@@ -0,0 +1,17 @@
+{
+  "gooise-meren": {
+    "size": {
+      "4xs": { "value": "1px" },
+      "3xs": { "value": "2px" },
+      "2xs": { "value": "4px" },
+      "xs": { "value": "8px" },
+      "sm": { "value": "14px" },
+      "md": { "value": "18px" },
+      "lg": { "value": "24px" },
+      "xl": { "value": "32px" },
+      "2xl": { "value": "48px" },
+      "3xl": { "value": "72px" },
+      "4xl": { "value": "96px" }
+    }
+  }
+}

package/municipalities/gooise-meren-design-tokens/src/brand/gooise-meren/typography.tokens.json

@@ -0,0 +1,50 @@
+{
+  "gooise-meren": {
+    "typography": {
+      "rehn": {
+        "font-family": {
+          "value": "\"Rehn\", calibri, corbel, arial, sans-serif"
+        }
+      },
+      "rehn-bold": {
+        "font-family": {
+          "value": "\"Rehn Bold\", calibri, corbel, arial, sans-serif"
+        }
+      },
+      "sans-serif": {
+        "font-family": {
+          "value": "calibri, corbel, arial, sans-serif"
+        }
+      },
+      "monospace": {
+        "font-family": {
+          "value": "Monospace, \"Lucida Console\""
+        }
+      },
+      "font-weight": {
+        "bold": {
+          "value": "700"
+        },
+        "normal": {
+          "value": "400"
+        },
+        "light": {
+          "value": "100"
+        }
+      },
+      "scale": {
+        "4xs": { "value": "{gooise-meren.font-size.4xs}" },
+        "3xs": { "value": "{gooise-meren.font-size.3xs}" },
+        "2xs": { "value": "{gooise-meren.font-size.2xs}" },
+        "xs": { "value": "{gooise-meren.font-size.xs}" },
+        "sm": { "value": "{gooise-meren.font-size.sm}" },
+        "md": { "value": "{gooise-meren.font-size.md}" },
+        "lg": { "value": "{gooise-meren.font-size.lg}" },
+        "xl": { "value": "{gooise-meren.font-size.xl}" },
+        "2xl": { "value": "{gooise-meren.font-size.2xl}" },
+        "3xl": { "value": "{gooise-meren.font-size.3xl}" },
+        "4xl": { "value": "{gooise-meren.font-size.4xl}" }
+      }
+    }
+  }
+}

package/municipalities/gooise-meren-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/gooise-meren-design-tokens/src/common/utrecht/space.tokens.json

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

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

@@ -0,0 +1,26 @@
+{
+  "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": "{gooise-meren.color.white.100}" }
+      },
+      "date": {
+        "color": { "value": "{gooise-meren.color.white.100}" },
+        "font-size": { "value": "{gooise-meren.font-size.sm}" },
+        "font-weight": { "value": "{gooise-meren.typography.font-weight.light}" },
+        "margin-block-end": { "value": "{gooise-meren.size.xs}" }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,30 @@
+{
+  "conduction": {
+    "card-wrapper": {
+      "background-color": { "value": "{gooise-meren.color.purple.19}" },
+      "border-color": {},
+      "border-style": {},
+      "border-width": {},
+      "border-bottom-color": {},
+      "border-bottom-style": {},
+      "border-bottom-width": {},
+      "border-radius": { "value": "0px" },
+      "box-shadow": {},
+      "color": { "value": "{gooise-meren.color.white.100}" },
+      "hover": {
+        "background-color": { "value": "{gooise-meren.color.beige.38}" },
+        "color": {},
+        "border-color": {},
+        "border-style": {},
+        "border-width": {},
+        "border-bottom-color": {},
+        "border-bottom-style": {},
+        "border-bottom-width": {}
+      },
+      "padding-inline-end": { "value": "{gooise-meren.size.md}" },
+      "padding-inline-start": { "value": "{gooise-meren.size.md}" },
+      "padding-block-end": { "value": "{gooise-meren.size.md}" },
+      "padding-block-start": { "value": "{gooise-meren.size.md}" }
+    }
+  }
+}

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

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

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

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

@@ -0,0 +1,27 @@
+{
+  "conduction": {
+    "logo": {
+      "header": {
+        "inline-size": { "value": "410px" },
+        "block-size": { "value": "58px" },
+        "background-image": {
+          "value": "url(\"data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='400px' height='55px' viewBox='0 0 400 55' enable-background='new 0 0 400 55' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23887439' d='M88.006,47.579c4.494,0,6.532-2.037,6.532-6.292V38.65c-1.678,1.797-4.135,3.176-7.371,3.176 c-6.771,0-11.146-5.154-11.146-14.322c0-8.928,5.513-14.681,14.741-14.681c4.254,0,8.27,0.719,12.044,2.097v26.366 c0,8.029-4.255,13.363-14.441,13.363c-4.255,0-8.209-0.839-11.505-2.218l2.157-6.531C82.313,47.1,85.13,47.579,88.006,47.579z M94.538,31.28V20.254c-1.139-0.239-2.457-0.359-3.835-0.359c-4.015,0-6.052,2.457-6.052,7.61c0,5.333,1.798,7.25,4.375,7.25 C91.482,34.755,93.339,33.317,94.538,31.28z'/%3E%3Cpath fill='%23887439' d='M121.801,12.824c9.108,0,14.261,5.513,14.261,14.801c0,9.288-5.153,14.801-14.261,14.801 c-9.049,0-14.202-5.513-14.202-14.801C107.599,18.336,112.752,12.824,121.801,12.824z M127.434,27.625 c0-5.154-2.158-7.73-5.633-7.73c-3.416,0-5.573,2.576-5.573,7.73c0,5.153,2.157,7.73,5.573,7.73 C125.276,35.354,127.434,32.778,127.434,27.625z'/%3E%3Cpath fill='%23887439' d='M153.737,12.824c9.108,0,14.262,5.513,14.262,14.801c0,9.288-5.154,14.801-14.262,14.801 c-9.048,0-14.202-5.513-14.202-14.801C139.535,18.336,144.688,12.824,153.737,12.824z M159.37,27.625 c0-5.154-2.158-7.73-5.633-7.73c-3.416,0-5.573,2.576-5.573,7.73c0,5.153,2.157,7.73,5.573,7.73 C157.212,35.354,159.37,32.778,159.37,27.625z'/%3E%3Cpath fill='%23887439' d='M174.708,19.355l-4.614-0.479v-5.453h12.884v28.403h-8.27V19.355z M174.168,4.555 c0-2.518,2.217-4.555,4.674-4.555s4.614,2.037,4.614,4.555c0,2.576-2.157,4.613-4.614,4.613S174.168,7.191,174.168,4.555z'/%3E%3Cpath fill='%23887439' d='M190.166,33.377c3.116,1.139,6.472,1.978,9.108,1.978c2.037,0,3.116-0.6,3.116-1.978 c0-3.596-13.303-2.097-13.303-11.745c0-4.854,4.134-8.809,11.146-8.809c4.075,0,7.011,0.779,10.366,2.217l-2.517,6.352 c-2.457-0.959-5.273-1.498-7.25-1.498c-2.038,0-2.936,0.539-2.936,1.797c0,3.595,13.243,2.158,13.243,11.505 c0,5.273-3.116,9.229-11.445,9.229c-4.075,0-7.97-1.079-11.625-2.397L190.166,33.377z'/%3E%3Cpath fill='%23887439' d='M228.634,12.824c8.569,0,12.584,6.471,12.584,16.179l-0.419,0.659h-17.078 c0.419,3.775,2.396,5.693,7.07,5.693c2.876,0,5.573-0.719,7.79-1.678l1.978,6.352c-3.236,1.558-6.231,2.397-10.786,2.397 c-9.887,0-14.621-6.112-14.621-14.681C215.152,18.336,220.305,12.824,228.634,12.824z M233.189,24.388 c-0.3-3.056-1.618-4.854-4.315-4.854c-2.876,0-4.674,1.738-5.033,4.854H233.189z'/%3E%3Cpath fill='%23441D42' d='M245.709,13.423h6.651l0.779,3.715c1.797-2.756,4.494-4.314,8.029-4.314c4.315,0,7.071,1.977,8.39,4.854 c1.857-2.816,4.434-4.854,8.449-4.854c6.711,0,9.767,4.554,9.767,11.505v17.498h-8.269V24.928c0-3.356-1.199-5.033-3.655-5.033 c-1.978,0-3.775,1.318-4.974,3.895v18.037h-8.27V24.928c0-3.356-1.139-5.033-3.356-5.033c-2.217,0-4.134,1.438-5.273,3.895v18.037 h-8.27V13.423z'/%3E%3Cpath fill='%23441D42' d='M305.568,12.824c8.569,0,12.584,6.471,12.584,16.179l-0.419,0.659h-17.078 c0.419,3.775,2.397,5.693,7.07,5.693c2.877,0,5.573-0.719,7.79-1.678l1.978,6.352c-3.236,1.558-6.231,2.397-10.786,2.397 c-9.887,0-14.621-6.112-14.621-14.681C292.086,18.336,297.239,12.824,305.568,12.824z M310.123,24.388 c-0.3-3.056-1.618-4.854-4.315-4.854c-2.876,0-4.673,1.738-5.033,4.854H310.123z'/%3E%3Cpath fill='%23441D42' d='M322.884,13.423h6.651l0.959,4.375c1.977-3.116,4.614-4.974,8.029-4.974c1.498,0,2.757,0.24,3.955,0.659 l-1.618,6.771c-0.899-0.239-1.798-0.419-3.116-0.419c-3.536,0-5.812,3.116-6.591,7.071v14.921h-8.27V13.423z'/%3E%3Cpath fill='%23441D42' d='M356.978,12.824c8.569,0,12.584,6.471,12.584,16.179l-0.42,0.659h-17.078 c0.419,3.775,2.397,5.693,7.07,5.693c2.877,0,5.573-0.719,7.79-1.678l1.978,6.352c-3.236,1.558-6.231,2.397-10.786,2.397 c-9.887,0-14.621-6.112-14.621-14.681C343.496,18.336,348.648,12.824,356.978,12.824z M361.532,24.388 c-0.3-3.056-1.618-4.854-4.315-4.854c-2.876,0-4.673,1.738-5.033,4.854H361.532z'/%3E%3Cpath fill='%23441D42' d='M374.293,13.423h6.652l0.719,3.536c1.917-2.577,4.434-4.135,8.569-4.135c6.711,0,9.767,4.554,9.767,11.505 v17.498h-8.269V24.928c0-3.356-1.199-5.033-3.655-5.033c-2.397,0-4.254,1.438-5.513,3.895v18.037h-8.27V13.423z'/%3E%3C/g%3E%3Cpolygon fill='%23441D42' points='18.391,41.73 18.391,41.73 18.391,41.73 '/%3E%3Cpath fill='%23887439' d='M18.392,41.73l8.235-6.806L18.42,12.988c-1.126-0.088-2.293-0.127-3.765-0.127C5.48,12.861,0,18.58,0,27.457 c0,9.115,4.349,14.238,11.081,14.238c3.217,0,5.659-1.371,7.328-3.157v2.621C18.409,41.356,18.4,41.542,18.392,41.73L18.392,41.73 L18.392,41.73z M12.928,34.665c-2.562,0-4.349-1.906-4.349-7.208c0-5.123,2.026-7.282,6.018-7.282c1.37,0,2.681,0.12,3.812,0.357 V31.21C17.216,33.235,15.371,34.665,12.928,34.665z'/%3E%3Cpath fill='%23887439' d='M18.391,41.73L18.391,41.73c-0.181,3.837-2.216,5.684-6.476,5.684c-2.859,0-5.66-0.478-8.937-1.668 L0.833,52.24c3.277,1.37,7.209,2.204,11.439,2.204c9.773,0,14.053-4.938,14.34-12.713H18.391L18.391,41.73z'/%3E%3Cpolygon fill='%23441D42' points='18.391,41.73 18.392,41.73 18.391,41.73 '/%3E%3Cpath fill='%23441D42' d='M18.392,41.73h8.221c0.011-0.282,0.017-6.795,0.017-6.795l-0.003-0.01L18.392,41.73z'/%3E%3Cpolygon fill='%23441D42' points='26.63,34.935 26.63,34.922 26.626,34.925 '/%3E%3Cpath fill='%23441D42' d='M50.455,12.908c-3.992,0-6.553,2.026-8.4,4.826c-1.31-2.859-4.05-4.826-8.34-4.826 c-2.971,0-5.342,1.111-7.085,3.107l-0.742-1.961c-3.454-0.571-5.393-0.903-7.468-1.066l8.206,21.937l0.003-0.002v-11.24 c1.138-2.362,3.013-3.744,5.178-3.744c2.204,0,3.336,1.667,3.336,5.004v16.8h8.222V23.81c1.191-2.561,2.979-3.872,4.945-3.872 c2.442,0,3.634,1.667,3.634,5.004v16.8h8.222V24.347C60.166,17.436,57.127,12.908,50.455,12.908z'/%3E%3Crect x='18.371' y='41.734' transform='matrix(0.8732 -0.4874 0.4874 0.8732 -18.0099 14.2513)' fill='none' width='0.024' height='0.004'/%3E%3Cpolygon fill='none' points='18.374,41.742 18.391,41.742 18.391,41.731 18.391,41.73 '/%3E%3Crect x='18.391' y='41.73' fill='%23441D42' width='0' height='0'/%3E%3Cpolygon fill='%23441D42' points='18.391,41.73 18.391,41.731 18.391,41.73 '/%3E%3C/svg%3E\")"
+        }
+      },
+      "footer": {
+        "inline-size": { "value": "288px" },
+        "block-size": { "value": "70px" },
+        "background-image": {
+          "value": "url(\"data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='400px' height='96px' viewBox='0 0 400 96' enable-background='new 0 0 400 96' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M165.958,32.675c3.372,0,4.9-1.528,4.9-4.719v-1.979c-1.259,1.349-3.101,2.382-5.528,2.382 c-5.078,0-8.36-3.865-8.36-10.741c0-6.697,4.135-11.012,11.057-11.012c3.191,0,6.202,0.539,9.034,1.573v19.776 c0,6.022-3.191,10.022-10.832,10.022c-3.192,0-6.158-0.63-8.629-1.663l1.618-4.9C161.689,32.316,163.802,32.675,165.958,32.675z M170.858,20.451v-8.27c-0.854-0.18-1.843-0.27-2.876-0.27c-3.011,0-4.54,1.842-4.54,5.708c0,4,1.349,5.438,3.281,5.438 C168.566,23.057,169.959,21.979,170.858,20.451z'/%3E%3Cpath fill='%23FFFFFF' d='M190.77,6.607c6.428,0,9.439,4.854,9.439,12.135l-0.314,0.495h-12.809c0.314,2.832,1.797,4.27,5.303,4.27 c2.158,0,4.18-0.54,5.843-1.258l1.483,4.764c-2.426,1.168-4.674,1.797-8.089,1.797c-7.416,0-10.967-4.584-10.967-11.011 C180.658,10.742,184.523,6.607,190.77,6.607z M194.187,15.282c-0.226-2.292-1.213-3.641-3.237-3.641 c-2.157,0-3.505,1.304-3.774,3.641H194.187z'/%3E%3Cpath fill='%23FFFFFF' d='M203.761,7.057h4.988l0.585,2.787c1.349-2.067,3.371-3.236,6.022-3.236c3.236,0,5.304,1.483,6.292,3.64 c1.394-2.112,3.327-3.64,6.338-3.64c5.033,0,7.326,3.416,7.326,8.629V28.36h-6.202V15.686c0-2.518-0.899-3.775-2.742-3.775 c-1.483,0-2.832,0.988-3.731,2.921V28.36h-6.202V15.686c0-2.518-0.854-3.775-2.517-3.775c-1.663,0-3.101,1.078-3.956,2.921V28.36 h-6.202V7.057z'/%3E%3Cpath fill='%23FFFFFF' d='M248.663,6.607c6.428,0,9.439,4.854,9.439,12.135l-0.314,0.495h-12.809c0.314,2.832,1.797,4.27,5.303,4.27 c2.158,0,4.18-0.54,5.843-1.258l1.483,4.764c-2.426,1.168-4.674,1.797-8.089,1.797c-7.416,0-10.967-4.584-10.967-11.011 C238.551,10.742,242.416,6.607,248.663,6.607z M252.08,15.282c-0.226-2.292-1.213-3.641-3.237-3.641 c-2.157,0-3.505,1.304-3.774,3.641H252.08z'/%3E%3Cpath fill='%23FFFFFF' d='M271.676,6.607c6.427,0,9.439,4.854,9.439,12.135l-0.314,0.495h-12.81c0.314,2.832,1.797,4.27,5.303,4.27 c2.158,0,4.18-0.54,5.843-1.258l1.483,4.764c-2.427,1.168-4.674,1.797-8.09,1.797c-7.416,0-10.967-4.584-10.967-11.011 C261.563,10.742,265.429,6.607,271.676,6.607z M275.093,15.282c-0.226-2.292-1.214-3.641-3.237-3.641 c-2.157,0-3.505,1.304-3.774,3.641H275.093z'/%3E%3Cpath fill='%23FFFFFF' d='M284.667,7.057h4.988l0.54,2.652c1.438-1.933,3.326-3.101,6.426-3.101c5.035,0,7.326,3.416,7.326,8.629 V28.36h-6.202V15.686c0-2.518-0.899-3.775-2.742-3.775c-1.797,0-3.191,1.078-4.135,2.921V28.36h-6.202V7.057z'/%3E%3Cpath fill='%23FFFFFF' d='M310.646,11.506l-3.866-0.359v-4.09h4L311.546,0h5.258v7.057h5.888l-0.719,4.449h-5.169v8.809 c0,2.113,0.81,3.192,2.697,3.192c1.079,0,2.023-0.226,3.056-0.54l1.034,4.81c-1.842,0.628-3.28,1.033-5.842,1.033 c-5.304,0-7.102-3.191-7.102-7.73V11.506z'/%3E%3Cpath fill='%23FFFFFF' d='M335.367,6.607c6.428,0,9.438,4.854,9.438,12.135l-0.314,0.495h-12.81c0.314,2.832,1.797,4.27,5.303,4.27 c2.158,0,4.18-0.54,5.843-1.258l1.483,4.764c-2.426,1.168-4.674,1.797-8.089,1.797c-7.416,0-10.967-4.584-10.967-11.011 C325.254,10.742,329.12,6.607,335.367,6.607z M338.784,15.282c-0.226-2.292-1.214-3.641-3.237-3.641 c-2.157,0-3.505,1.304-3.775,3.641H338.784z'/%3E%3Cpath fill='%23887439' d='M165.958,72.257c3.372,0,4.9-1.528,4.9-4.719V65.56c-1.259,1.349-3.101,2.382-5.528,2.382 c-5.078,0-8.36-3.865-8.36-10.741c0-6.697,4.135-11.012,11.057-11.012c3.191,0,6.202,0.539,9.034,1.573v19.776 c0,6.022-3.191,10.022-10.832,10.022c-3.192,0-6.158-0.63-8.629-1.663l1.618-4.9C161.689,71.898,163.802,72.257,165.958,72.257z M170.858,60.033v-8.27c-0.854-0.18-1.843-0.27-2.876-0.27c-3.011,0-4.54,1.842-4.54,5.708c0,4,1.349,5.438,3.281,5.438 C168.566,62.639,169.959,61.561,170.858,60.033z'/%3E%3Cpath fill='%23887439' d='M191.31,46.189c6.831,0,10.696,4.135,10.696,11.102c0,6.966-3.865,11.101-10.696,11.101 c-6.787,0-10.652-4.135-10.652-11.101C180.658,50.324,184.523,46.189,191.31,46.189z M195.535,57.291 c0-3.866-1.619-5.798-4.225-5.798c-2.562,0-4.18,1.932-4.18,5.798c0,3.865,1.618,5.798,4.18,5.798 C193.916,63.089,195.535,61.156,195.535,57.291z'/%3E%3Cpath fill='%23887439' d='M215.267,46.189c6.831,0,10.697,4.135,10.697,11.102c0,6.966-3.866,11.101-10.697,11.101 c-6.787,0-10.652-4.135-10.652-11.101C204.615,50.324,208.48,46.189,215.267,46.189z M219.492,57.291 c0-3.866-1.619-5.798-4.225-5.798c-2.562,0-4.18,1.932-4.18,5.798c0,3.865,1.618,5.798,4.18,5.798 C217.873,63.089,219.492,61.156,219.492,57.291z'/%3E%3Cpath fill='%23887439' d='M231,51.088l-3.46-0.359v-4.09h9.662v21.304H231V51.088z M230.596,39.987c0-1.889,1.663-3.417,3.505-3.417 c1.843,0,3.46,1.528,3.46,3.417c0,1.932-1.618,3.46-3.46,3.46C232.259,43.448,230.596,41.964,230.596,39.987z'/%3E%3Cpath fill='%23887439' d='M242.596,61.606c2.336,0.853,4.854,1.483,6.832,1.483c1.528,0,2.336-0.45,2.336-1.483 c0-2.697-9.978-1.573-9.978-8.811c0-3.64,3.101-6.606,8.36-6.606c3.056,0,5.259,0.583,7.775,1.663l-1.887,4.764 c-1.843-0.718-3.956-1.123-5.438-1.123c-1.528,0-2.202,0.404-2.202,1.347c0,2.697,9.933,1.619,9.933,8.629 c0,3.956-2.337,6.922-8.584,6.922c-3.056,0-5.978-0.809-8.719-1.797L242.596,61.606z'/%3E%3Cpath fill='%23887439' d='M271.45,46.189c6.428,0,9.439,4.854,9.439,12.135l-0.314,0.495h-12.81c0.314,2.832,1.797,4.27,5.303,4.27 c2.158,0,4.18-0.54,5.843-1.259l1.483,4.764c-2.426,1.168-4.674,1.797-8.089,1.797c-7.416,0-10.967-4.584-10.967-11.011 C261.338,50.324,265.204,46.189,271.45,46.189z M274.867,54.864c-0.226-2.292-1.214-3.641-3.237-3.641 c-2.157,0-3.505,1.304-3.774,3.641H274.867z'/%3E%3Cpath fill='%23FFFFFF' d='M284.262,46.639h4.988l0.585,2.787c1.348-2.067,3.37-3.236,6.022-3.236c3.235,0,5.304,1.483,6.292,3.64 c1.394-2.112,3.327-3.64,6.338-3.64c5.033,0,7.326,3.416,7.326,8.629v13.124h-6.202V55.268c0-2.518-0.899-3.775-2.742-3.775 c-1.483,0-2.832,0.988-3.731,2.921v13.528h-6.202V55.268c0-2.518-0.854-3.775-2.517-3.775s-3.101,1.078-3.956,2.921v13.528h-6.202 V46.639z'/%3E%3Cpath fill='%23FFFFFF' d='M329.164,46.189c6.428,0,9.438,4.854,9.438,12.135l-0.314,0.495h-12.81c0.314,2.832,1.797,4.27,5.303,4.27 c2.158,0,4.18-0.54,5.843-1.259l1.483,4.764c-2.426,1.168-4.674,1.797-8.089,1.797c-7.416,0-10.967-4.584-10.967-11.011 C319.051,50.324,322.917,46.189,329.164,46.189z M332.581,54.864c-0.226-2.292-1.214-3.641-3.237-3.641 c-2.157,0-3.505,1.304-3.775,3.641H332.581z'/%3E%3Cpath fill='%23FFFFFF' d='M342.155,46.639h4.988l0.72,3.28c1.483-2.336,3.46-3.729,6.022-3.729c1.124,0,2.068,0.18,2.966,0.494 l-1.213,5.079c-0.674-0.18-1.349-0.314-2.336-0.314c-2.652,0-4.36,2.336-4.945,5.303v11.191h-6.202V46.639z'/%3E%3Cpath fill='%23FFFFFF' d='M367.728,46.189c6.428,0,9.439,4.854,9.439,12.135l-0.314,0.495h-12.809c0.314,2.832,1.796,4.27,5.302,4.27 c2.158,0,4.18-0.54,5.843-1.259l1.483,4.764c-2.426,1.168-4.674,1.797-8.09,1.797c-7.415,0-10.966-4.584-10.966-11.011 C357.616,50.324,361.482,46.189,367.728,46.189z M371.145,54.864c-0.226-2.292-1.214-3.641-3.237-3.641 c-2.157,0-3.504,1.304-3.774,3.641H371.145z'/%3E%3Cpath fill='%23FFFFFF' d='M380.719,46.639h4.988l0.54,2.652c1.438-1.933,3.326-3.101,6.426-3.101c5.035,0,7.326,3.416,7.326,8.629 v13.124h-6.202V55.268c0-2.518-0.899-3.775-2.742-3.775c-1.797,0-3.191,1.078-4.135,2.921v13.528h-6.202V46.639z'/%3E%3C/g%3E%3Cpolygon fill='%23FFFFFF' points='40.248,68.03 40.248,68.03 40.248,68.03 '/%3E%3Cpath fill='%23887439' d='M40.249,68.03l18.022-14.894L40.312,5.129c-2.465-0.194-5.019-0.279-8.239-0.279 C11.995,4.851,0,17.366,0,36.792C0,56.74,9.517,67.953,24.25,67.953c7.042,0,12.386-3,16.038-6.909v5.736 C40.288,67.211,40.268,67.621,40.249,68.03L40.249,68.03L40.249,68.03z M28.292,52.569c-5.606,0-9.518-4.172-9.518-15.777 c0-11.212,4.434-15.936,13.169-15.936c2.998,0,5.867,0.261,8.345,0.782v23.369C37.679,49.44,33.638,52.569,28.292,52.569z'/%3E%3Cpath fill='%23887439' d='M40.248,68.031v0.002C39.852,76.43,35.399,80.47,26.077,80.47c-6.259,0-12.387-1.044-19.558-3.651 L1.824,91.03c7.172,2.999,15.777,4.824,25.034,4.824c21.39,0,30.756-10.808,31.384-27.824L40.248,68.031L40.248,68.031z'/%3E%3Cpolygon fill='%23FFFFFF' points='40.248,68.031 40.249,68.03 40.248,68.03 '/%3E%3Cpath fill='%23FFFFFF' d='M40.249,68.03h17.993c0.023-0.616,0.038-14.872,0.038-14.872l-0.008-0.021L40.249,68.03z'/%3E%3Cpolygon fill='%23FFFFFF' points='58.279,53.158 58.279,53.13 58.271,53.137 '/%3E%3Cpath fill='%23FFFFFF' d='M110.42,4.953c-8.735,0-14.342,4.434-18.384,10.562C89.169,9.257,83.172,4.953,73.784,4.953 c-6.5,0-11.691,2.432-15.505,6.8L56.656,7.46c-7.559-1.249-11.802-1.975-16.343-2.331l17.959,48.007l0.008-0.006V28.533 c2.491-5.17,6.595-8.194,11.333-8.194c4.824,0,7.301,3.651,7.301,10.952v36.767h17.992V28.813c2.607-5.605,6.52-8.475,10.822-8.475 c5.346,0,7.953,3.651,7.953,10.952v36.767h17.992v-38.07C131.672,14.862,125.023,4.953,110.42,4.953z'/%3E%3Cpolygon fill='none' points='40.248,68.03 40.203,68.057 40.211,68.057 40.248,68.031 '/%3E%3Cpath fill='none' d='M40.211,68.057h0.036c0-0.006,0-0.015,0.001-0.024v-0.002L40.211,68.057z'/%3E%3Crect x='40.248' y='68.031' fill='%23FFFFFF' width='0.001' height='0'/%3E%3Cpolygon fill='%23FFFFFF' points='40.248,68.031 40.248,68.033 40.248,68.031 '/%3E%3C/svg%3E\")"
+        }
+      },
+      "navbar": {
+        "inline-size": { "value": "250px" },
+        "block-size": { "value": "55px" },
+        "background-image": {
+          "value": "url(\"data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='400px' height='55px' viewBox='0 0 400 55' enable-background='new 0 0 400 55' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23887439' d='M88.006,47.579c4.494,0,6.532-2.037,6.532-6.292V38.65c-1.678,1.797-4.135,3.176-7.371,3.176 c-6.771,0-11.146-5.154-11.146-14.322c0-8.928,5.513-14.681,14.741-14.681c4.254,0,8.27,0.719,12.044,2.097v26.366 c0,8.029-4.255,13.363-14.441,13.363c-4.255,0-8.209-0.839-11.505-2.218l2.157-6.531C82.313,47.1,85.13,47.579,88.006,47.579z M94.538,31.28V20.254c-1.139-0.239-2.457-0.359-3.835-0.359c-4.015,0-6.052,2.457-6.052,7.61c0,5.333,1.798,7.25,4.375,7.25 C91.482,34.755,93.339,33.317,94.538,31.28z'/%3E%3Cpath fill='%23887439' d='M121.801,12.824c9.108,0,14.261,5.513,14.261,14.801c0,9.288-5.153,14.801-14.261,14.801 c-9.049,0-14.202-5.513-14.202-14.801C107.599,18.336,112.752,12.824,121.801,12.824z M127.434,27.625 c0-5.154-2.158-7.73-5.633-7.73c-3.416,0-5.573,2.576-5.573,7.73c0,5.153,2.157,7.73,5.573,7.73 C125.276,35.354,127.434,32.778,127.434,27.625z'/%3E%3Cpath fill='%23887439' d='M153.737,12.824c9.108,0,14.262,5.513,14.262,14.801c0,9.288-5.154,14.801-14.262,14.801 c-9.048,0-14.202-5.513-14.202-14.801C139.535,18.336,144.688,12.824,153.737,12.824z M159.37,27.625 c0-5.154-2.158-7.73-5.633-7.73c-3.416,0-5.573,2.576-5.573,7.73c0,5.153,2.157,7.73,5.573,7.73 C157.212,35.354,159.37,32.778,159.37,27.625z'/%3E%3Cpath fill='%23887439' d='M174.708,19.355l-4.614-0.479v-5.453h12.884v28.403h-8.27V19.355z M174.168,4.555 c0-2.518,2.217-4.555,4.674-4.555s4.614,2.037,4.614,4.555c0,2.576-2.157,4.613-4.614,4.613S174.168,7.191,174.168,4.555z'/%3E%3Cpath fill='%23887439' d='M190.166,33.377c3.116,1.139,6.472,1.978,9.108,1.978c2.037,0,3.116-0.6,3.116-1.978 c0-3.596-13.303-2.097-13.303-11.745c0-4.854,4.134-8.809,11.146-8.809c4.075,0,7.011,0.779,10.366,2.217l-2.517,6.352 c-2.457-0.959-5.273-1.498-7.25-1.498c-2.038,0-2.936,0.539-2.936,1.797c0,3.595,13.243,2.158,13.243,11.505 c0,5.273-3.116,9.229-11.445,9.229c-4.075,0-7.97-1.079-11.625-2.397L190.166,33.377z'/%3E%3Cpath fill='%23887439' d='M228.634,12.824c8.569,0,12.584,6.471,12.584,16.179l-0.419,0.659h-17.078 c0.419,3.775,2.396,5.693,7.07,5.693c2.876,0,5.573-0.719,7.79-1.678l1.978,6.352c-3.236,1.558-6.231,2.397-10.786,2.397 c-9.887,0-14.621-6.112-14.621-14.681C215.152,18.336,220.305,12.824,228.634,12.824z M233.189,24.388 c-0.3-3.056-1.618-4.854-4.315-4.854c-2.876,0-4.674,1.738-5.033,4.854H233.189z'/%3E%3Cpath fill='%23441D42' d='M245.709,13.423h6.651l0.779,3.715c1.797-2.756,4.494-4.314,8.029-4.314c4.315,0,7.071,1.977,8.39,4.854 c1.857-2.816,4.434-4.854,8.449-4.854c6.711,0,9.767,4.554,9.767,11.505v17.498h-8.269V24.928c0-3.356-1.199-5.033-3.655-5.033 c-1.978,0-3.775,1.318-4.974,3.895v18.037h-8.27V24.928c0-3.356-1.139-5.033-3.356-5.033c-2.217,0-4.134,1.438-5.273,3.895v18.037 h-8.27V13.423z'/%3E%3Cpath fill='%23441D42' d='M305.568,12.824c8.569,0,12.584,6.471,12.584,16.179l-0.419,0.659h-17.078 c0.419,3.775,2.397,5.693,7.07,5.693c2.877,0,5.573-0.719,7.79-1.678l1.978,6.352c-3.236,1.558-6.231,2.397-10.786,2.397 c-9.887,0-14.621-6.112-14.621-14.681C292.086,18.336,297.239,12.824,305.568,12.824z M310.123,24.388 c-0.3-3.056-1.618-4.854-4.315-4.854c-2.876,0-4.673,1.738-5.033,4.854H310.123z'/%3E%3Cpath fill='%23441D42' d='M322.884,13.423h6.651l0.959,4.375c1.977-3.116,4.614-4.974,8.029-4.974c1.498,0,2.757,0.24,3.955,0.659 l-1.618,6.771c-0.899-0.239-1.798-0.419-3.116-0.419c-3.536,0-5.812,3.116-6.591,7.071v14.921h-8.27V13.423z'/%3E%3Cpath fill='%23441D42' d='M356.978,12.824c8.569,0,12.584,6.471,12.584,16.179l-0.42,0.659h-17.078 c0.419,3.775,2.397,5.693,7.07,5.693c2.877,0,5.573-0.719,7.79-1.678l1.978,6.352c-3.236,1.558-6.231,2.397-10.786,2.397 c-9.887,0-14.621-6.112-14.621-14.681C343.496,18.336,348.648,12.824,356.978,12.824z M361.532,24.388 c-0.3-3.056-1.618-4.854-4.315-4.854c-2.876,0-4.673,1.738-5.033,4.854H361.532z'/%3E%3Cpath fill='%23441D42' d='M374.293,13.423h6.652l0.719,3.536c1.917-2.577,4.434-4.135,8.569-4.135c6.711,0,9.767,4.554,9.767,11.505 v17.498h-8.269V24.928c0-3.356-1.199-5.033-3.655-5.033c-2.397,0-4.254,1.438-5.513,3.895v18.037h-8.27V13.423z'/%3E%3C/g%3E%3Cpolygon fill='%23441D42' points='18.391,41.73 18.391,41.73 18.391,41.73 '/%3E%3Cpath fill='%23887439' d='M18.392,41.73l8.235-6.806L18.42,12.988c-1.126-0.088-2.293-0.127-3.765-0.127C5.48,12.861,0,18.58,0,27.457 c0,9.115,4.349,14.238,11.081,14.238c3.217,0,5.659-1.371,7.328-3.157v2.621C18.409,41.356,18.4,41.542,18.392,41.73L18.392,41.73 L18.392,41.73z M12.928,34.665c-2.562,0-4.349-1.906-4.349-7.208c0-5.123,2.026-7.282,6.018-7.282c1.37,0,2.681,0.12,3.812,0.357 V31.21C17.216,33.235,15.371,34.665,12.928,34.665z'/%3E%3Cpath fill='%23887439' d='M18.391,41.73L18.391,41.73c-0.181,3.837-2.216,5.684-6.476,5.684c-2.859,0-5.66-0.478-8.937-1.668 L0.833,52.24c3.277,1.37,7.209,2.204,11.439,2.204c9.773,0,14.053-4.938,14.34-12.713H18.391L18.391,41.73z'/%3E%3Cpolygon fill='%23441D42' points='18.391,41.73 18.392,41.73 18.391,41.73 '/%3E%3Cpath fill='%23441D42' d='M18.392,41.73h8.221c0.011-0.282,0.017-6.795,0.017-6.795l-0.003-0.01L18.392,41.73z'/%3E%3Cpolygon fill='%23441D42' points='26.63,34.935 26.63,34.922 26.626,34.925 '/%3E%3Cpath fill='%23441D42' d='M50.455,12.908c-3.992,0-6.553,2.026-8.4,4.826c-1.31-2.859-4.05-4.826-8.34-4.826 c-2.971,0-5.342,1.111-7.085,3.107l-0.742-1.961c-3.454-0.571-5.393-0.903-7.468-1.066l8.206,21.937l0.003-0.002v-11.24 c1.138-2.362,3.013-3.744,5.178-3.744c2.204,0,3.336,1.667,3.336,5.004v16.8h8.222V23.81c1.191-2.561,2.979-3.872,4.945-3.872 c2.442,0,3.634,1.667,3.634,5.004v16.8h8.222V24.347C60.166,17.436,57.127,12.908,50.455,12.908z'/%3E%3Crect x='18.371' y='41.734' transform='matrix(0.8732 -0.4874 0.4874 0.8732 -18.0099 14.2513)' fill='none' width='0.024' height='0.004'/%3E%3Cpolygon fill='none' points='18.374,41.742 18.391,41.742 18.391,41.731 18.391,41.73 '/%3E%3Crect x='18.391' y='41.73' fill='%23441D42' width='0' height='0'/%3E%3Cpolygon fill='%23441D42' points='18.391,41.73 18.391,41.731 18.391,41.73 '/%3E%3C/svg%3E\")"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,79 @@
+{
+  "conduction": {
+    "primary": {
+      "top-nav": {
+        "color": { "value": "{gooise-meren.color.black.0}" },
+        "background-color": { "value": "{gooise-meren.color.white.100}" },
+        "hover": {
+          "color": { "value": "{gooise-meren.color.white.100}" },
+          "background-color": { "value": "{gooise-meren.color.beige.38}" },
+          "box-shadow": {},
+          "font-weight": { "value": "{gooise-meren.typography.font-weight.normal}" }
+        },
+        "current": {
+          "color": { "value": "{gooise-meren.color.black.0}" },
+          "background-color": { "value": "unset" },
+          "box-shadow": { "value": "inset 0 -4px {gooise-meren.color.purple.19}" },
+          "mobile": {
+            "box-shadow": { "value": "inset 4px 0 {gooise-meren.color.purple.19}" }
+          },
+          "font-weight": { "value": "{gooise-meren.typography.font-weight.bold}" }
+        },
+        "dropdown": {
+          "color": {},
+          "background-color": {},
+          "border-width": {},
+          "border-style": {},
+          "border-color": {},
+          "hover": {
+            "color": { "value": "{gooise-meren.color.white.100}" },
+            "background-color": { "value": "{gooise-meren.color.beige.38}" },
+            "box-shadow": {},
+            "font-weight": { "value": "{gooise-meren.typography.font-weight.normal}" }
+          },
+          "current": {
+            "color": { "value": "{gooise-meren.color.black.0}" },
+            "background-color": { "value": "unset" },
+            "box-shadow": { "value": "inset 0 -4px {gooise-meren.color.purple.19}" },
+            "mobile": {
+              "box-shadow": { "value": "inset 4px 0 {gooise-meren.color.purple.19}" }
+            },
+            "font-weight": { "value": "{gooise-meren.typography.font-weight.bold}" }
+          }
+        },
+        "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": "{gooise-meren.color.black.0}" },
+        "background-color": { "value": "transparent" },
+        "hover": {
+          "color": { "value": "{gooise-meren.color.white.100}" },
+          "background-color": { "value": "{gooise-meren.color.beige.38}" }
+        },
+        "current": {
+          "color": { "value": "{gooise-meren.color.black.0}" },
+          "background-color": { "value": "unset" },
+          "box-shadow": { "value": "inset 0 -4px {gooise-meren.color.purple.19}" }
+        },
+        "font-size": { "value": "{gooise-meren.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" }
+      }
+    }
+  }
+}