@conduction/theme 1.0.35 → 1.0.38

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

@@ -1074,11 +1074,11 @@
     "typography": {
       "roboto": {
         "font-family": {
-          "value": "\"Roboto\",  Arial, sans-serif",
+          "value": "\"Roboto\", Monospace, Arial, sans-serif",
           "filePath": "src/brand/noordwijk/typography.tokens.json",
           "isSource": true,
           "original": {
-            "value": "\"Roboto\",  Arial, sans-serif"
+            "value": "\"Roboto\", Monospace, Arial, sans-serif"
           },
           "name": "noordwijkTypographyRobotoFontFamily",
           "attributes": {
@@ -1097,11 +1097,11 @@
       },
       "roboto-slab": {
         "font-family": {
-          "value": "\"Roboto Slab\", Arial, sans-serif",
+          "value": "\"Roboto Slab\", Monospace, Arial, sans-serif",
           "filePath": "src/brand/noordwijk/typography.tokens.json",
           "isSource": true,
           "original": {
-            "value": "\"Roboto Slab\", Arial, sans-serif"
+            "value": "\"Roboto Slab\", Monospace, Arial, sans-serif"
           },
           "name": "noordwijkTypographyRobotoSlabFontFamily",
           "attributes": {
@@ -2274,6 +2274,182 @@
         }
       }
     },
+    "badge-counter": {
+      "background-color": {
+        "value": "#2c2276",
+        "filePath": "src/component/utrecht/badge-counter.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{noordwijk.color.primary}"
+        },
+        "name": "utrechtBadgeCounterBackgroundColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "badge-counter",
+          "item": "background-color"
+        },
+        "path": [
+          "utrecht",
+          "badge-counter",
+          "background-color"
+        ]
+      },
+      "border-radius": {
+        "value": "50%",
+        "filePath": "src/component/utrecht/badge-counter.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "50%"
+        },
+        "name": "utrechtBadgeCounterBorderRadius",
+        "attributes": {
+          "category": "utrecht",
+          "type": "badge-counter",
+          "item": "border-radius"
+        },
+        "path": [
+          "utrecht",
+          "badge-counter",
+          "border-radius"
+        ]
+      },
+      "color": {
+        "value": "#ffffff",
+        "filePath": "src/component/utrecht/badge-counter.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{noordwijk.color.white.100}"
+        },
+        "name": "utrechtBadgeCounterColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "badge-counter",
+          "item": "color"
+        },
+        "path": [
+          "utrecht",
+          "badge-counter",
+          "color"
+        ]
+      },
+      "font-size": {
+        "value": "16px",
+        "filePath": "src/component/utrecht/badge-counter.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.document.font-size}"
+        },
+        "name": "utrechtBadgeCounterFontSize",
+        "attributes": {
+          "category": "utrecht",
+          "type": "badge-counter",
+          "item": "font-size"
+        },
+        "path": [
+          "utrecht",
+          "badge-counter",
+          "font-size"
+        ]
+      },
+      "font-weight": {
+        "value": "300",
+        "filePath": "src/component/utrecht/badge-counter.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{noordwijk.typography.font-weight.normal}"
+        },
+        "name": "utrechtBadgeCounterFontWeight",
+        "attributes": {
+          "category": "utrecht",
+          "type": "badge-counter",
+          "item": "font-weight"
+        },
+        "path": [
+          "utrecht",
+          "badge-counter",
+          "font-weight"
+        ]
+      },
+      "padding-block": {
+        "value": "4px",
+        "filePath": "src/component/utrecht/badge-counter.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{noordwijk.size.2xs}"
+        },
+        "name": "utrechtBadgeCounterPaddingBlock",
+        "attributes": {
+          "category": "utrecht",
+          "type": "badge-counter",
+          "item": "padding-block"
+        },
+        "path": [
+          "utrecht",
+          "badge-counter",
+          "padding-block"
+        ]
+      },
+      "padding-inline": {
+        "value": "4px",
+        "filePath": "src/component/utrecht/badge-counter.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{noordwijk.size.2xs}"
+        },
+        "name": "utrechtBadgeCounterPaddingInline",
+        "attributes": {
+          "category": "utrecht",
+          "type": "badge-counter",
+          "item": "padding-inline"
+        },
+        "path": [
+          "utrecht",
+          "badge-counter",
+          "padding-inline"
+        ]
+      },
+      "font-family": {
+        "value": "\"Roboto\", Monospace, Arial, sans-serif",
+        "filePath": "src/component/utrecht/extra-tokens/badge-counter.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.document.font-family}"
+        },
+        "name": "utrechtBadgeCounterFontFamily",
+        "attributes": {
+          "category": "utrecht",
+          "type": "badge-counter",
+          "item": "font-family"
+        },
+        "path": [
+          "utrecht",
+          "badge-counter",
+          "font-family"
+        ]
+      },
+      "font-style": {},
+      "text-decoration": {
+        "value": "none",
+        "filePath": "src/component/utrecht/extra-tokens/badge-counter.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "none"
+        },
+        "name": "utrechtBadgeCounterTextDecoration",
+        "attributes": {
+          "category": "utrecht",
+          "type": "badge-counter",
+          "item": "text-decoration"
+        },
+        "path": [
+          "utrecht",
+          "badge-counter",
+          "text-decoration"
+        ]
+      },
+      "min-block-size": {},
+      "min-inline-size": {}
+    },
     "blockquote": {
       "background-color": {},
       "color": {},
@@ -2470,7 +2646,7 @@
         ]
       },
       "font-family": {
-        "value": "\"Roboto Slab\", Arial, sans-serif",
+        "value": "\"Roboto Slab\", Monospace, Arial, sans-serif",
         "filePath": "src/component/utrecht/button.tokens.json",
         "isSource": true,
         "original": {
@@ -3517,7 +3693,7 @@
         ]
       },
       "font-family": {
-        "value": "\"Roboto\",  Arial, sans-serif",
+        "value": "\"Roboto\", Monospace, Arial, sans-serif",
         "filePath": "src/component/utrecht/document.tokens.json",
         "isSource": true,
         "original": {
@@ -3577,10 +3753,75 @@
           "background-color"
         ]
       },
+      "line-height": {},
+      "placeholder": {
+        "color": {
+          "value": "#757575",
+          "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{noordwijk.color.grey.46}"
+          },
+          "name": "utrechtFormInputPlaceholderColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "form-input",
+            "item": "placeholder",
+            "subitem": "color"
+          },
+          "path": [
+            "utrecht",
+            "form-input",
+            "placeholder",
+            "color"
+          ]
+        }
+      },
+      "disabled": {
+        "background-color": {},
+        "border-color": {},
+        "color": {}
+      },
+      "focus": {
+        "background-color": {
+          "value": "#ffffff",
+          "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{noordwijk.color.white.100}"
+          },
+          "name": "utrechtFormInputFocusBackgroundColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "form-input",
+            "item": "focus",
+            "subitem": "background-color"
+          },
+          "path": [
+            "utrecht",
+            "form-input",
+            "focus",
+            "background-color"
+          ]
+        },
+        "border-color": {},
+        "color": {}
+      },
+      "invalid": {
+        "background-color": {},
+        "color": {},
+        "border-color": {},
+        "border-width": {}
+      },
+      "read-only": {
+        "background-color": {},
+        "border-color": {},
+        "color": {}
+      },
       "border-bottom-width": {},
       "border-color": {
         "value": "#8c8c8c",
-        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+        "filePath": "src/component/utrecht/form-input.tokens.json",
         "isSource": true,
         "original": {
           "value": "{noordwijk.color.grey.55}"
@@ -3600,7 +3841,7 @@
       "border-radius": {},
       "border-width": {
         "value": "1px",
-        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+        "filePath": "src/component/utrecht/form-input.tokens.json",
         "isSource": true,
         "original": {
           "value": "{noordwijk.size.4xs}"
@@ -3619,7 +3860,7 @@
       },
       "color": {
         "value": "#4a4a4a",
-        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+        "filePath": "src/component/utrecht/form-input.tokens.json",
         "isSource": true,
         "original": {
           "value": "{noordwijk.color.grey.29}"
@@ -3637,8 +3878,8 @@
         ]
       },
       "font-family": {
-        "value": "\"Roboto\",  Arial, sans-serif",
-        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+        "value": "\"Roboto\", Monospace, Arial, sans-serif",
+        "filePath": "src/component/utrecht/form-input.tokens.json",
         "isSource": true,
         "original": {
           "value": "{noordwijk.typography.roboto.font-family}"
@@ -3657,7 +3898,7 @@
       },
       "font-size": {
         "value": "15px",
-        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+        "filePath": "src/component/utrecht/form-input.tokens.json",
         "isSource": true,
         "original": {
           "value": "15px"
@@ -3674,11 +3915,11 @@
           "font-size"
         ]
       },
-      "line-height": {},
+      "min-inline-height": {},
       "max-inline-size": {},
       "padding-block-end": {
         "value": "8px",
-        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+        "filePath": "src/component/utrecht/form-input.tokens.json",
         "isSource": true,
         "original": {
           "value": "{noordwijk.size.xs}"
@@ -3697,7 +3938,7 @@
       },
       "padding-block-start": {
         "value": "8px",
-        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+        "filePath": "src/component/utrecht/form-input.tokens.json",
         "isSource": true,
         "original": {
           "value": "{noordwijk.size.xs}"
@@ -3716,7 +3957,7 @@
       },
       "padding-inline-end": {
         "value": "14px",
-        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+        "filePath": "src/component/utrecht/form-input.tokens.json",
         "isSource": true,
         "original": {
           "value": "{noordwijk.size.sm}"
@@ -3735,7 +3976,7 @@
       },
       "padding-inline-start": {
         "value": "14px",
-        "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+        "filePath": "src/component/utrecht/form-input.tokens.json",
         "isSource": true,
         "original": {
           "value": "{noordwijk.size.sm}"
@@ -3751,121 +3992,57 @@
           "form-input",
           "padding-inline-start"
         ]
+      }
+    },
+    "icon": {
+      "gap": {
+        "value": "8px",
+        "filePath": "src/component/utrecht/extra-tokens/icon.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{noordwijk.size.xs}"
+        },
+        "name": "utrechtIconGap",
+        "attributes": {
+          "category": "utrecht",
+          "type": "icon",
+          "item": "gap"
+        },
+        "path": [
+          "utrecht",
+          "icon",
+          "gap"
+        ]
       },
-      "placeholder": {
-        "color": {
-          "value": "#757575",
-          "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+      "color": {},
+      "size": {},
+      "inset-block-start": {},
+      "baseline": {
+        "inset-block-start": {}
+      }
+    },
+    "page-footer": {
+      "min-height": {},
+      "logo": {
+        "max-width": {
+          "value": "150px",
+          "filePath": "src/component/utrecht/extra-tokens/page-footer.tokens.json",
           "isSource": true,
           "original": {
-            "value": "{noordwijk.color.grey.46}"
+            "value": "150px"
           },
-          "name": "utrechtFormInputPlaceholderColor",
+          "name": "utrechtPageFooterLogoMaxWidth",
           "attributes": {
             "category": "utrecht",
-            "type": "form-input",
-            "item": "placeholder",
-            "subitem": "color"
+            "type": "page-footer",
+            "item": "logo",
+            "subitem": "max-width"
           },
           "path": [
             "utrecht",
-            "form-input",
-            "placeholder",
-            "color"
-          ]
-        }
-      },
-      "disabled": {
-        "background-color": {},
-        "border-color": {},
-        "color": {}
-      },
-      "focus": {
-        "background-color": {
-          "value": "#ffffff",
-          "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{noordwijk.color.white.100}"
-          },
-          "name": "utrechtFormInputFocusBackgroundColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "form-input",
-            "item": "focus",
-            "subitem": "background-color"
-          },
-          "path": [
-            "utrecht",
-            "form-input",
-            "focus",
-            "background-color"
-          ]
-        },
-        "border-color": {},
-        "color": {}
-      },
-      "invalid": {
-        "background-color": {},
-        "border-color": {},
-        "border-width": {},
-        "color": {}
-      },
-      "read-only": {
-        "background-color": {},
-        "border-color": {},
-        "color": {}
-      }
-    },
-    "icon": {
-      "gap": {
-        "value": "8px",
-        "filePath": "src/component/utrecht/extra-tokens/icon.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{noordwijk.size.xs}"
-        },
-        "name": "utrechtIconGap",
-        "attributes": {
-          "category": "utrecht",
-          "type": "icon",
-          "item": "gap"
-        },
-        "path": [
-          "utrecht",
-          "icon",
-          "gap"
-        ]
-      },
-      "color": {},
-      "size": {},
-      "inset-block-start": {},
-      "baseline": {
-        "inset-block-start": {}
-      }
-    },
-    "page-footer": {
-      "min-height": {},
-      "logo": {
-        "max-width": {
-          "value": "150px",
-          "filePath": "src/component/utrecht/extra-tokens/page-footer.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "150px"
-          },
-          "name": "utrechtPageFooterLogoMaxWidth",
-          "attributes": {
-            "category": "utrecht",
-            "type": "page-footer",
-            "item": "logo",
-            "subitem": "max-width"
-          },
-          "path": [
-            "utrecht",
-            "page-footer",
-            "logo",
-            "max-width"
+            "page-footer",
+            "logo",
+            "max-width"
           ]
         }
       },
@@ -4229,7 +4406,7 @@
       "border-color": {},
       "border-width": {},
       "font-family": {
-        "value": "\"Roboto\",  Arial, sans-serif",
+        "value": "\"Roboto\", Monospace, Arial, sans-serif",
         "filePath": "src/component/utrecht/table.tokens.json",
         "isSource": true,
         "original": {
@@ -4502,10 +4679,75 @@
           "background-color"
         ]
       },
+      "line-height": {},
+      "placeholder": {
+        "color": {
+          "value": "#757575",
+          "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{noordwijk.color.grey.46}"
+          },
+          "name": "utrechtTextboxPlaceholderColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "textbox",
+            "item": "placeholder",
+            "subitem": "color"
+          },
+          "path": [
+            "utrecht",
+            "textbox",
+            "placeholder",
+            "color"
+          ]
+        }
+      },
+      "disabled": {
+        "background-color": {},
+        "border-color": {},
+        "color": {}
+      },
+      "focus": {
+        "background-color": {
+          "value": "#ffffff",
+          "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{noordwijk.color.white.100}"
+          },
+          "name": "utrechtTextboxFocusBackgroundColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "textbox",
+            "item": "focus",
+            "subitem": "background-color"
+          },
+          "path": [
+            "utrecht",
+            "textbox",
+            "focus",
+            "background-color"
+          ]
+        },
+        "border-color": {},
+        "color": {}
+      },
+      "invalid": {
+        "background-color": {},
+        "color": {},
+        "border-color": {},
+        "border-width": {}
+      },
+      "read-only": {
+        "background-color": {},
+        "border-color": {},
+        "color": {}
+      },
       "border-bottom-width": {},
       "border-color": {
         "value": "#8c8c8c",
-        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+        "filePath": "src/component/utrecht/textbox.tokens.json",
         "isSource": true,
         "original": {
           "value": "{noordwijk.color.grey.55}"
@@ -4525,7 +4767,7 @@
       "border-radius": {},
       "border-width": {
         "value": "1px",
-        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+        "filePath": "src/component/utrecht/textbox.tokens.json",
         "isSource": true,
         "original": {
           "value": "{noordwijk.size.4xs}"
@@ -4544,7 +4786,7 @@
       },
       "color": {
         "value": "#4a4a4a",
-        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+        "filePath": "src/component/utrecht/textbox.tokens.json",
         "isSource": true,
         "original": {
           "value": "{noordwijk.color.grey.29}"
@@ -4562,8 +4804,8 @@
         ]
       },
       "font-family": {
-        "value": "\"Roboto\",  Arial, sans-serif",
-        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+        "value": "\"Roboto\", Monospace, Arial, sans-serif",
+        "filePath": "src/component/utrecht/textbox.tokens.json",
         "isSource": true,
         "original": {
           "value": "{noordwijk.typography.roboto.font-family}"
@@ -4582,7 +4824,7 @@
       },
       "font-size": {
         "value": "15px",
-        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+        "filePath": "src/component/utrecht/textbox.tokens.json",
         "isSource": true,
         "original": {
           "value": "15px"
@@ -4599,11 +4841,11 @@
           "font-size"
         ]
       },
-      "line-height": {},
+      "min-inline-height": {},
       "max-inline-size": {},
       "padding-block-end": {
         "value": "8px",
-        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+        "filePath": "src/component/utrecht/textbox.tokens.json",
         "isSource": true,
         "original": {
           "value": "{noordwijk.size.xs}"
@@ -4622,7 +4864,7 @@
       },
       "padding-block-start": {
         "value": "8px",
-        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+        "filePath": "src/component/utrecht/textbox.tokens.json",
         "isSource": true,
         "original": {
           "value": "{noordwijk.size.xs}"
@@ -4641,7 +4883,7 @@
       },
       "padding-inline-end": {
         "value": "14px",
-        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+        "filePath": "src/component/utrecht/textbox.tokens.json",
         "isSource": true,
         "original": {
           "value": "{noordwijk.size.sm}"
@@ -4660,7 +4902,7 @@
       },
       "padding-inline-start": {
         "value": "14px",
-        "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+        "filePath": "src/component/utrecht/textbox.tokens.json",
         "isSource": true,
         "original": {
           "value": "{noordwijk.size.sm}"
@@ -4676,70 +4918,6 @@
           "textbox",
           "padding-inline-start"
         ]
-      },
-      "placeholder": {
-        "color": {
-          "value": "#757575",
-          "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{noordwijk.color.grey.46}"
-          },
-          "name": "utrechtTextboxPlaceholderColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "textbox",
-            "item": "placeholder",
-            "subitem": "color"
-          },
-          "path": [
-            "utrecht",
-            "textbox",
-            "placeholder",
-            "color"
-          ]
-        }
-      },
-      "disabled": {
-        "background-color": {},
-        "border-color": {},
-        "color": {}
-      },
-      "focus": {
-        "background-color": {
-          "value": "#ffffff",
-          "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{noordwijk.color.white.100}"
-          },
-          "name": "utrechtTextboxFocusBackgroundColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "textbox",
-            "item": "focus",
-            "subitem": "background-color"
-          },
-          "path": [
-            "utrecht",
-            "textbox",
-            "focus",
-            "background-color"
-          ]
-        },
-        "border-color": {},
-        "color": {}
-      },
-      "invalid": {
-        "background-color": {},
-        "border-color": {},
-        "border-width": {},
-        "color": {}
-      },
-      "read-only": {
-        "background-color": {},
-        "border-color": {},
-        "color": {}
       }
     },
     "heading-1": {
@@ -4763,7 +4941,7 @@
         ]
       },
       "font-family": {
-        "value": "\"Roboto Slab\", Arial, sans-serif",
+        "value": "\"Roboto Slab\", Monospace, Arial, sans-serif",
         "filePath": "src/component/utrecht/heading.tokens.json",
         "isSource": true,
         "original": {
@@ -4880,7 +5058,7 @@
         ]
       },
       "font-family": {
-        "value": "\"Roboto Slab\", Arial, sans-serif",
+        "value": "\"Roboto Slab\", Monospace, Arial, sans-serif",
         "filePath": "src/component/utrecht/heading.tokens.json",
         "isSource": true,
         "original": {
@@ -4997,7 +5175,7 @@
         ]
       },
       "font-family": {
-        "value": "\"Roboto Slab\", Arial, sans-serif",
+        "value": "\"Roboto Slab\", Monospace, Arial, sans-serif",
         "filePath": "src/component/utrecht/heading.tokens.json",
         "isSource": true,
         "original": {
@@ -5114,7 +5292,7 @@
         ]
       },
       "font-family": {
-        "value": "\"Roboto Slab\", Arial, sans-serif",
+        "value": "\"Roboto Slab\", Monospace, Arial, sans-serif",
         "filePath": "src/component/utrecht/heading.tokens.json",
         "isSource": true,
         "original": {
@@ -5231,7 +5409,7 @@
         ]
       },
       "font-family": {
-        "value": "\"Roboto Slab\", Arial, sans-serif",
+        "value": "\"Roboto Slab\", Monospace, Arial, sans-serif",
         "filePath": "src/component/utrecht/heading.tokens.json",
         "isSource": true,
         "original": {
@@ -5939,7 +6117,7 @@
         ]
       },
       "font-family": {
-        "value": "\"Roboto\",  Arial, sans-serif",
+        "value": "\"Roboto\", Monospace, Arial, sans-serif",
         "filePath": "src/component/utrecht/paragraph.tokens.json",
         "isSource": true,
         "original": {
@@ -6681,7 +6859,7 @@
         ]
       },
       "item-font-family": {
-        "value": "\"Roboto Slab\", Arial, sans-serif",
+        "value": "\"Roboto Slab\", Monospace, Arial, sans-serif",
         "filePath": "src/component/conduction/pagination.tokens.json",
         "isSource": true,
         "original": {
@@ -7095,7 +7273,7 @@
       "focus": {},
       "list-option": {
         "font-family": {
-          "value": "\"Roboto\",  Arial, sans-serif",
+          "value": "\"Roboto\", Monospace, Arial, sans-serif",
           "filePath": "src/component/conduction/select.tokens.json",
           "isSource": true,
           "original": {
@@ -7138,7 +7316,7 @@
         },
         "hover": {
           "font-family": {
-            "value": "\"Roboto\",  Arial, sans-serif",
+            "value": "\"Roboto\", Monospace, Arial, sans-serif",
             "filePath": "src/component/conduction/select.tokens.json",
             "isSource": true,
             "original": {
@@ -7231,7 +7409,7 @@
           ]
         },
         "font-family": {
-          "value": "\"Roboto\",  Arial, sans-serif",
+          "value": "\"Roboto\", Monospace, Arial, sans-serif",
           "filePath": "src/component/conduction/select.tokens.json",
           "isSource": true,
           "original": {
@@ -7252,6 +7430,904 @@
           ]
         }
       }
+    },
+    "table-wrapper": {
+      "scroll-button": {
+        "background-color": {
+          "value": "#ffffff",
+          "filePath": "src/component/conduction/table-wrapper.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{noordwijk.color.white.100}"
+          },
+          "name": "conductionTableWrapperScrollButtonBackgroundColor",
+          "attributes": {
+            "category": "conduction",
+            "type": "table-wrapper",
+            "item": "scroll-button",
+            "subitem": "background-color"
+          },
+          "path": [
+            "conduction",
+            "table-wrapper",
+            "scroll-button",
+            "background-color"
+          ]
+        },
+        "color": {
+          "value": "#000000",
+          "filePath": "src/component/conduction/table-wrapper.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{noordwijk.color.black.0}"
+          },
+          "name": "conductionTableWrapperScrollButtonColor",
+          "attributes": {
+            "category": "conduction",
+            "type": "table-wrapper",
+            "item": "scroll-button",
+            "subitem": "color"
+          },
+          "path": [
+            "conduction",
+            "table-wrapper",
+            "scroll-button",
+            "color"
+          ]
+        },
+        "padding-inline-start": {
+          "value": "14px",
+          "filePath": "src/component/conduction/table-wrapper.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{noordwijk.size.sm}"
+          },
+          "name": "conductionTableWrapperScrollButtonPaddingInlineStart",
+          "attributes": {
+            "category": "conduction",
+            "type": "table-wrapper",
+            "item": "scroll-button",
+            "subitem": "padding-inline-start"
+          },
+          "path": [
+            "conduction",
+            "table-wrapper",
+            "scroll-button",
+            "padding-inline-start"
+          ]
+        },
+        "padding-inline-end": {
+          "value": "14px",
+          "filePath": "src/component/conduction/table-wrapper.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{noordwijk.size.sm}"
+          },
+          "name": "conductionTableWrapperScrollButtonPaddingInlineEnd",
+          "attributes": {
+            "category": "conduction",
+            "type": "table-wrapper",
+            "item": "scroll-button",
+            "subitem": "padding-inline-end"
+          },
+          "path": [
+            "conduction",
+            "table-wrapper",
+            "scroll-button",
+            "padding-inline-end"
+          ]
+        },
+        "padding-block-start": {},
+        "padding-block-end": {},
+        "border-width": {},
+        "border-style": {},
+        "border-color": {},
+        "hover": {
+          "background-color": {
+            "value": "#ffffff",
+            "filePath": "src/component/conduction/table-wrapper.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{noordwijk.color.white.100}"
+            },
+            "name": "conductionTableWrapperScrollButtonHoverBackgroundColor",
+            "attributes": {
+              "category": "conduction",
+              "type": "table-wrapper",
+              "item": "scroll-button",
+              "subitem": "hover",
+              "state": "background-color"
+            },
+            "path": [
+              "conduction",
+              "table-wrapper",
+              "scroll-button",
+              "hover",
+              "background-color"
+            ]
+          },
+          "color": {
+            "value": "#6096c7",
+            "filePath": "src/component/conduction/table-wrapper.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{noordwijk.color.light-blue.58}"
+            },
+            "name": "conductionTableWrapperScrollButtonHoverColor",
+            "attributes": {
+              "category": "conduction",
+              "type": "table-wrapper",
+              "item": "scroll-button",
+              "subitem": "hover",
+              "state": "color"
+            },
+            "path": [
+              "conduction",
+              "table-wrapper",
+              "scroll-button",
+              "hover",
+              "color"
+            ]
+          }
+        }
+      }
+    },
+    "tabs": {
+      "tab": {
+        "background-color": {
+          "value": "transparent",
+          "filePath": "src/component/conduction/tabs.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "transparent"
+          },
+          "name": "conductionTabsTabBackgroundColor",
+          "attributes": {
+            "category": "conduction",
+            "type": "tabs",
+            "item": "tab",
+            "subitem": "background-color"
+          },
+          "path": [
+            "conduction",
+            "tabs",
+            "tab",
+            "background-color"
+          ]
+        },
+        "color": {
+          "value": "#4a4a4a",
+          "filePath": "src/component/conduction/tabs.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{noordwijk.color.grey.29}"
+          },
+          "name": "conductionTabsTabColor",
+          "attributes": {
+            "category": "conduction",
+            "type": "tabs",
+            "item": "tab",
+            "subitem": "color"
+          },
+          "path": [
+            "conduction",
+            "tabs",
+            "tab",
+            "color"
+          ]
+        },
+        "border-width": {},
+        "border-style": {},
+        "border-color": {},
+        "border-bottom": {},
+        "border-bottom-width": {},
+        "border-bottom-style": {},
+        "border-bottom-color": {},
+        "bottom": {
+          "value": "-2px",
+          "filePath": "src/component/conduction/tabs.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "-2px"
+          },
+          "name": "conductionTabsTabBottom",
+          "attributes": {
+            "category": "conduction",
+            "type": "tabs",
+            "item": "tab",
+            "subitem": "bottom"
+          },
+          "path": [
+            "conduction",
+            "tabs",
+            "tab",
+            "bottom"
+          ]
+        },
+        "padding-block-start": {
+          "value": "8px",
+          "filePath": "src/component/conduction/tabs.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{noordwijk.size.xs}"
+          },
+          "name": "conductionTabsTabPaddingBlockStart",
+          "attributes": {
+            "category": "conduction",
+            "type": "tabs",
+            "item": "tab",
+            "subitem": "padding-block-start"
+          },
+          "path": [
+            "conduction",
+            "tabs",
+            "tab",
+            "padding-block-start"
+          ]
+        },
+        "padding-block-end": {
+          "value": "8px",
+          "filePath": "src/component/conduction/tabs.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{noordwijk.size.xs}"
+          },
+          "name": "conductionTabsTabPaddingBlockEnd",
+          "attributes": {
+            "category": "conduction",
+            "type": "tabs",
+            "item": "tab",
+            "subitem": "padding-block-end"
+          },
+          "path": [
+            "conduction",
+            "tabs",
+            "tab",
+            "padding-block-end"
+          ]
+        },
+        "padding-inline-start": {
+          "value": "14px",
+          "filePath": "src/component/conduction/tabs.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{noordwijk.size.sm}"
+          },
+          "name": "conductionTabsTabPaddingInlineStart",
+          "attributes": {
+            "category": "conduction",
+            "type": "tabs",
+            "item": "tab",
+            "subitem": "padding-inline-start"
+          },
+          "path": [
+            "conduction",
+            "tabs",
+            "tab",
+            "padding-inline-start"
+          ]
+        },
+        "padding-inline-end": {
+          "value": "14px",
+          "filePath": "src/component/conduction/tabs.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{noordwijk.size.sm}"
+          },
+          "name": "conductionTabsTabPaddingInlineEnd",
+          "attributes": {
+            "category": "conduction",
+            "type": "tabs",
+            "item": "tab",
+            "subitem": "padding-inline-end"
+          },
+          "path": [
+            "conduction",
+            "tabs",
+            "tab",
+            "padding-inline-end"
+          ]
+        },
+        "margin-inline-end": {},
+        "font-size": {
+          "value": "16px",
+          "filePath": "src/component/conduction/tabs.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{noordwijk.font-size.md}"
+          },
+          "name": "conductionTabsTabFontSize",
+          "attributes": {
+            "category": "conduction",
+            "type": "tabs",
+            "item": "tab",
+            "subitem": "font-size"
+          },
+          "path": [
+            "conduction",
+            "tabs",
+            "tab",
+            "font-size"
+          ]
+        },
+        "font-weight": {
+          "value": "300",
+          "filePath": "src/component/conduction/tabs.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{noordwijk.typography.font-weight.normal}"
+          },
+          "name": "conductionTabsTabFontWeight",
+          "attributes": {
+            "category": "conduction",
+            "type": "tabs",
+            "item": "tab",
+            "subitem": "font-weight"
+          },
+          "path": [
+            "conduction",
+            "tabs",
+            "tab",
+            "font-weight"
+          ]
+        },
+        "font-family": {
+          "value": "\"Roboto\", Monospace, Arial, sans-serif",
+          "filePath": "src/component/conduction/tabs.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.document.font-family}"
+          },
+          "name": "conductionTabsTabFontFamily",
+          "attributes": {
+            "category": "conduction",
+            "type": "tabs",
+            "item": "tab",
+            "subitem": "font-family"
+          },
+          "path": [
+            "conduction",
+            "tabs",
+            "tab",
+            "font-family"
+          ]
+        },
+        "max-width": {
+          "value": "unset",
+          "filePath": "src/component/conduction/tabs.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "unset"
+          },
+          "name": "conductionTabsTabMaxWidth",
+          "attributes": {
+            "category": "conduction",
+            "type": "tabs",
+            "item": "tab",
+            "subitem": "max-width"
+          },
+          "path": [
+            "conduction",
+            "tabs",
+            "tab",
+            "max-width"
+          ]
+        },
+        "letter-spacing": {},
+        "text-transform": {},
+        "selected": {
+          "background-color": {
+            "value": "transparent",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "transparent"
+            },
+            "name": "conductionTabsTabSelectedBackgroundColor",
+            "attributes": {
+              "category": "conduction",
+              "type": "tabs",
+              "item": "tab",
+              "subitem": "selected",
+              "state": "background-color"
+            },
+            "path": [
+              "conduction",
+              "tabs",
+              "tab",
+              "selected",
+              "background-color"
+            ]
+          },
+          "color": {
+            "value": "#4a4a4a",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{noordwijk.color.grey.29}"
+            },
+            "name": "conductionTabsTabSelectedColor",
+            "attributes": {
+              "category": "conduction",
+              "type": "tabs",
+              "item": "tab",
+              "subitem": "selected",
+              "state": "color"
+            },
+            "path": [
+              "conduction",
+              "tabs",
+              "tab",
+              "selected",
+              "color"
+            ]
+          },
+          "box-shadow": {},
+          "border-width": {},
+          "border-style": {},
+          "border-color": {},
+          "border-bottom": {},
+          "border-bottom-width": {
+            "value": "2px",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{noordwijk.size.3xs}"
+            },
+            "name": "conductionTabsTabSelectedBorderBottomWidth",
+            "attributes": {
+              "category": "conduction",
+              "type": "tabs",
+              "item": "tab",
+              "subitem": "selected",
+              "state": "border-bottom-width"
+            },
+            "path": [
+              "conduction",
+              "tabs",
+              "tab",
+              "selected",
+              "border-bottom-width"
+            ]
+          },
+          "border-bottom-style": {
+            "value": "solid",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "solid"
+            },
+            "name": "conductionTabsTabSelectedBorderBottomStyle",
+            "attributes": {
+              "category": "conduction",
+              "type": "tabs",
+              "item": "tab",
+              "subitem": "selected",
+              "state": "border-bottom-style"
+            },
+            "path": [
+              "conduction",
+              "tabs",
+              "tab",
+              "selected",
+              "border-bottom-style"
+            ]
+          },
+          "border-bottom-color": {
+            "value": "#2c2276",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{noordwijk.color.primary}"
+            },
+            "name": "conductionTabsTabSelectedBorderBottomColor",
+            "attributes": {
+              "category": "conduction",
+              "type": "tabs",
+              "item": "tab",
+              "subitem": "selected",
+              "state": "border-bottom-color"
+            },
+            "path": [
+              "conduction",
+              "tabs",
+              "tab",
+              "selected",
+              "border-bottom-color"
+            ]
+          },
+          "font-weight": {
+            "value": "700",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{noordwijk.typography.font-weight.bold}"
+            },
+            "name": "conductionTabsTabSelectedFontWeight",
+            "attributes": {
+              "category": "conduction",
+              "type": "tabs",
+              "item": "tab",
+              "subitem": "selected",
+              "state": "font-weight"
+            },
+            "path": [
+              "conduction",
+              "tabs",
+              "tab",
+              "selected",
+              "font-weight"
+            ]
+          },
+          "font-family": {
+            "value": "\"Roboto\", Monospace, Arial, sans-serif",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{utrecht.document.font-family}"
+            },
+            "name": "conductionTabsTabSelectedFontFamily",
+            "attributes": {
+              "category": "conduction",
+              "type": "tabs",
+              "item": "tab",
+              "subitem": "selected",
+              "state": "font-family"
+            },
+            "path": [
+              "conduction",
+              "tabs",
+              "tab",
+              "selected",
+              "font-family"
+            ]
+          },
+          "hover": {
+            "background-color": {},
+            "color": {
+              "value": "#4a4a4a",
+              "filePath": "src/component/conduction/tabs.tokens.json",
+              "isSource": true,
+              "original": {
+                "value": "{noordwijk.color.grey.29}"
+              },
+              "name": "conductionTabsTabSelectedHoverColor",
+              "attributes": {
+                "category": "conduction",
+                "type": "tabs",
+                "item": "tab",
+                "subitem": "selected",
+                "state": "hover"
+              },
+              "path": [
+                "conduction",
+                "tabs",
+                "tab",
+                "selected",
+                "hover",
+                "color"
+              ]
+            },
+            "text-decoration": {}
+          }
+        },
+        "hover": {
+          "background-color": {},
+          "color": {},
+          "text-decoration": {}
+        },
+        "list": {
+          "padding-inline-start": {
+            "value": "0px",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "0px"
+            },
+            "name": "conductionTabsTabListPaddingInlineStart",
+            "attributes": {
+              "category": "conduction",
+              "type": "tabs",
+              "item": "tab",
+              "subitem": "list",
+              "state": "padding-inline-start"
+            },
+            "path": [
+              "conduction",
+              "tabs",
+              "tab",
+              "list",
+              "padding-inline-start"
+            ]
+          },
+          "margin-block-end": {
+            "value": "0px",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "0px"
+            },
+            "name": "conductionTabsTabListMarginBlockEnd",
+            "attributes": {
+              "category": "conduction",
+              "type": "tabs",
+              "item": "tab",
+              "subitem": "list",
+              "state": "margin-block-end"
+            },
+            "path": [
+              "conduction",
+              "tabs",
+              "tab",
+              "list",
+              "margin-block-end"
+            ]
+          },
+          "border-bottom-width": {
+            "value": "2px",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{noordwijk.size.3xs}"
+            },
+            "name": "conductionTabsTabListBorderBottomWidth",
+            "attributes": {
+              "category": "conduction",
+              "type": "tabs",
+              "item": "tab",
+              "subitem": "list",
+              "state": "border-bottom-width"
+            },
+            "path": [
+              "conduction",
+              "tabs",
+              "tab",
+              "list",
+              "border-bottom-width"
+            ]
+          },
+          "border-bottom-style": {
+            "value": "solid",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "solid"
+            },
+            "name": "conductionTabsTabListBorderBottomStyle",
+            "attributes": {
+              "category": "conduction",
+              "type": "tabs",
+              "item": "tab",
+              "subitem": "list",
+              "state": "border-bottom-style"
+            },
+            "path": [
+              "conduction",
+              "tabs",
+              "tab",
+              "list",
+              "border-bottom-style"
+            ]
+          },
+          "border-bottom-color": {
+            "value": "#d1d1d1",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{noordwijk.color.grey.82}"
+            },
+            "name": "conductionTabsTabListBorderBottomColor",
+            "attributes": {
+              "category": "conduction",
+              "type": "tabs",
+              "item": "tab",
+              "subitem": "list",
+              "state": "border-bottom-color"
+            },
+            "path": [
+              "conduction",
+              "tabs",
+              "tab",
+              "list",
+              "border-bottom-color"
+            ]
+          }
+        },
+        "panel": {
+          "background-color": {},
+          "padding-block-start": {
+            "value": "24px",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{noordwijk.size.lg}"
+            },
+            "name": "conductionTabsTabPanelPaddingBlockStart",
+            "attributes": {
+              "category": "conduction",
+              "type": "tabs",
+              "item": "tab",
+              "subitem": "panel",
+              "state": "padding-block-start"
+            },
+            "path": [
+              "conduction",
+              "tabs",
+              "tab",
+              "panel",
+              "padding-block-start"
+            ]
+          },
+          "padding-block-end": {
+            "value": "24px",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{noordwijk.size.lg}"
+            },
+            "name": "conductionTabsTabPanelPaddingBlockEnd",
+            "attributes": {
+              "category": "conduction",
+              "type": "tabs",
+              "item": "tab",
+              "subitem": "panel",
+              "state": "padding-block-end"
+            },
+            "path": [
+              "conduction",
+              "tabs",
+              "tab",
+              "panel",
+              "padding-block-end"
+            ]
+          },
+          "padding-inline-start": {
+            "value": "24px",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{noordwijk.size.lg}"
+            },
+            "name": "conductionTabsTabPanelPaddingInlineStart",
+            "attributes": {
+              "category": "conduction",
+              "type": "tabs",
+              "item": "tab",
+              "subitem": "panel",
+              "state": "padding-inline-start"
+            },
+            "path": [
+              "conduction",
+              "tabs",
+              "tab",
+              "panel",
+              "padding-inline-start"
+            ]
+          },
+          "padding-inline-end": {
+            "value": "24px",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{noordwijk.size.lg}"
+            },
+            "name": "conductionTabsTabPanelPaddingInlineEnd",
+            "attributes": {
+              "category": "conduction",
+              "type": "tabs",
+              "item": "tab",
+              "subitem": "panel",
+              "state": "padding-inline-end"
+            },
+            "path": [
+              "conduction",
+              "tabs",
+              "tab",
+              "panel",
+              "padding-inline-end"
+            ]
+          },
+          "border-width": {},
+          "border-style": {},
+          "border-color": {},
+          "border-top": {}
+        }
+      },
+      "scroll-button": {
+        "background-color": {
+          "value": "#6096c7",
+          "filePath": "src/component/conduction/tabs.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{noordwijk.color.light-blue.58}"
+          },
+          "name": "conductionTabsScrollButtonBackgroundColor",
+          "attributes": {
+            "category": "conduction",
+            "type": "tabs",
+            "item": "scroll-button",
+            "subitem": "background-color"
+          },
+          "path": [
+            "conduction",
+            "tabs",
+            "scroll-button",
+            "background-color"
+          ]
+        },
+        "color": {
+          "value": "#ffffff",
+          "filePath": "src/component/conduction/tabs.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{noordwijk.color.white.100}"
+          },
+          "name": "conductionTabsScrollButtonColor",
+          "attributes": {
+            "category": "conduction",
+            "type": "tabs",
+            "item": "scroll-button",
+            "subitem": "color"
+          },
+          "path": [
+            "conduction",
+            "tabs",
+            "scroll-button",
+            "color"
+          ]
+        },
+        "border-width": {},
+        "border-style": {},
+        "border-color": {},
+        "hover": {
+          "background-color": {
+            "value": "#4685be",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{noordwijk.color.light-blue.51}"
+            },
+            "name": "conductionTabsScrollButtonHoverBackgroundColor",
+            "attributes": {
+              "category": "conduction",
+              "type": "tabs",
+              "item": "scroll-button",
+              "subitem": "hover",
+              "state": "background-color"
+            },
+            "path": [
+              "conduction",
+              "tabs",
+              "scroll-button",
+              "hover",
+              "background-color"
+            ]
+          },
+          "color": {
+            "value": "#ffffff",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{noordwijk.color.white.100}"
+            },
+            "name": "conductionTabsScrollButtonHoverColor",
+            "attributes": {
+              "category": "conduction",
+              "type": "tabs",
+              "item": "scroll-button",
+              "subitem": "hover",
+              "state": "color"
+            },
+            "path": [
+              "conduction",
+              "tabs",
+              "scroll-button",
+              "hover",
+              "color"
+            ]
+          }
+        }
+      }
     }
   }
 }