@conduction/theme 1.0.35 → 1.0.38

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

@@ -1439,6 +1439,965 @@
           ]
         }
       }
+    },
+    "table-wrapper": {
+      "scroll-button": {
+        "background-color": {
+          "value": "var(--rotterdam-color-base-white)",
+          "filePath": "src/component/conduction/table-wrapper.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--rotterdam-color-base-white)"
+          },
+          "name": "conductionTableWrapperScrollButtonBackgroundColor",
+          "attributes": {
+            "category": "conduction",
+            "type": "table-wrapper",
+            "item": "scroll-button",
+            "subitem": "background-color"
+          },
+          "path": [
+            "conduction",
+            "table-wrapper",
+            "scroll-button",
+            "background-color"
+          ]
+        },
+        "color": {
+          "value": "var(--utrecht-document-color)",
+          "filePath": "src/component/conduction/table-wrapper.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--utrecht-document-color)"
+          },
+          "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": "14px"
+          },
+          "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": "14px"
+          },
+          "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": "var(--rotterdam-color-base-white)",
+            "filePath": "src/component/conduction/table-wrapper.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--rotterdam-color-base-white)"
+            },
+            "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": "var(--rotterdam-color-base-green)",
+            "filePath": "src/component/conduction/table-wrapper.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--rotterdam-color-base-green)"
+            },
+            "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": "var(--rotterdam-color-gray-tint-11)",
+          "filePath": "src/component/conduction/tabs.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--rotterdam-color-gray-tint-11)"
+          },
+          "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": "-4px",
+          "filePath": "src/component/conduction/tabs.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "-4px"
+          },
+          "name": "conductionTabsTabBottom",
+          "attributes": {
+            "category": "conduction",
+            "type": "tabs",
+            "item": "tab",
+            "subitem": "bottom"
+          },
+          "path": [
+            "conduction",
+            "tabs",
+            "tab",
+            "bottom"
+          ]
+        },
+        "padding-block-start": {
+          "value": "6px",
+          "filePath": "src/component/conduction/tabs.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "6px"
+          },
+          "name": "conductionTabsTabPaddingBlockStart",
+          "attributes": {
+            "category": "conduction",
+            "type": "tabs",
+            "item": "tab",
+            "subitem": "padding-block-start"
+          },
+          "path": [
+            "conduction",
+            "tabs",
+            "tab",
+            "padding-block-start"
+          ]
+        },
+        "padding-block-end": {
+          "value": "6px",
+          "filePath": "src/component/conduction/tabs.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "6px"
+          },
+          "name": "conductionTabsTabPaddingBlockEnd",
+          "attributes": {
+            "category": "conduction",
+            "type": "tabs",
+            "item": "tab",
+            "subitem": "padding-block-end"
+          },
+          "path": [
+            "conduction",
+            "tabs",
+            "tab",
+            "padding-block-end"
+          ]
+        },
+        "padding-inline-start": {
+          "value": "12px",
+          "filePath": "src/component/conduction/tabs.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "12px"
+          },
+          "name": "conductionTabsTabPaddingInlineStart",
+          "attributes": {
+            "category": "conduction",
+            "type": "tabs",
+            "item": "tab",
+            "subitem": "padding-inline-start"
+          },
+          "path": [
+            "conduction",
+            "tabs",
+            "tab",
+            "padding-inline-start"
+          ]
+        },
+        "padding-inline-end": {
+          "value": "12px",
+          "filePath": "src/component/conduction/tabs.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "12px"
+          },
+          "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": "14px",
+          "filePath": "src/component/conduction/tabs.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "14px"
+          },
+          "name": "conductionTabsTabFontSize",
+          "attributes": {
+            "category": "conduction",
+            "type": "tabs",
+            "item": "tab",
+            "subitem": "font-size"
+          },
+          "path": [
+            "conduction",
+            "tabs",
+            "tab",
+            "font-size"
+          ]
+        },
+        "font-weight": {
+          "value": "var(--rotterdam-typography-weight-scale-normal-font-weight)",
+          "filePath": "src/component/conduction/tabs.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--rotterdam-typography-weight-scale-normal-font-weight)"
+          },
+          "name": "conductionTabsTabFontWeight",
+          "attributes": {
+            "category": "conduction",
+            "type": "tabs",
+            "item": "tab",
+            "subitem": "font-weight"
+          },
+          "path": [
+            "conduction",
+            "tabs",
+            "tab",
+            "font-weight"
+          ]
+        },
+        "font-family": {
+          "value": "var(--rotterdam-typography-sans-serif-font-family)",
+          "filePath": "src/component/conduction/tabs.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--rotterdam-typography-sans-serif-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"
+          ]
+        },
+        "min-width": {
+          "value": "160px",
+          "filePath": "src/component/conduction/tabs.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "160px"
+          },
+          "name": "conductionTabsTabMinWidth",
+          "attributes": {
+            "category": "conduction",
+            "type": "tabs",
+            "item": "tab",
+            "subitem": "min-width"
+          },
+          "path": [
+            "conduction",
+            "tabs",
+            "tab",
+            "min-width"
+          ]
+        },
+        "min-height": {
+          "value": "48px",
+          "filePath": "src/component/conduction/tabs.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "48px"
+          },
+          "name": "conductionTabsTabMinHeight",
+          "attributes": {
+            "category": "conduction",
+            "type": "tabs",
+            "item": "tab",
+            "subitem": "min-height"
+          },
+          "path": [
+            "conduction",
+            "tabs",
+            "tab",
+            "min-height"
+          ]
+        },
+        "letter-spacing": {
+          "value": "0.02857em",
+          "filePath": "src/component/conduction/tabs.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "0.02857em"
+          },
+          "name": "conductionTabsTabLetterSpacing",
+          "attributes": {
+            "category": "conduction",
+            "type": "tabs",
+            "item": "tab",
+            "subitem": "letter-spacing"
+          },
+          "path": [
+            "conduction",
+            "tabs",
+            "tab",
+            "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": "var(--rotterdam-color-gray-tint-11)",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--rotterdam-color-gray-tint-11)"
+            },
+            "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": "0.3rem",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "0.3rem"
+            },
+            "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": "var(--rotterdam-color-green-tint-01)",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--rotterdam-color-green-tint-01)"
+            },
+            "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": "var(--rotterdam-typography-weight-scale-bold-font-weight)",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--rotterdam-typography-weight-scale-bold-font-weight)"
+            },
+            "name": "conductionTabsTabSelectedFontWeight",
+            "attributes": {
+              "category": "conduction",
+              "type": "tabs",
+              "item": "tab",
+              "subitem": "selected",
+              "state": "font-weight"
+            },
+            "path": [
+              "conduction",
+              "tabs",
+              "tab",
+              "selected",
+              "font-weight"
+            ]
+          },
+          "font-family": {},
+          "hover": {
+            "background-color": {},
+            "color": {},
+            "text-decoration": {}
+          }
+        },
+        "hover": {
+          "background-color": {
+            "value": "transparent",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "transparent"
+            },
+            "name": "conductionTabsTabHoverBackgroundColor",
+            "attributes": {
+              "category": "conduction",
+              "type": "tabs",
+              "item": "tab",
+              "subitem": "hover",
+              "state": "background-color"
+            },
+            "path": [
+              "conduction",
+              "tabs",
+              "tab",
+              "hover",
+              "background-color"
+            ]
+          },
+          "color": {
+            "value": "var(--rotterdam-color-green-tint-01)",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--rotterdam-color-green-tint-01)"
+            },
+            "name": "conductionTabsTabHoverColor",
+            "attributes": {
+              "category": "conduction",
+              "type": "tabs",
+              "item": "tab",
+              "subitem": "hover",
+              "state": "color"
+            },
+            "path": [
+              "conduction",
+              "tabs",
+              "tab",
+              "hover",
+              "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": "0.3rem",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "0.3rem"
+            },
+            "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": "var(--rotterdam-color-gray-tint-01)",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--rotterdam-color-gray-tint-01)"
+            },
+            "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": "24px"
+            },
+            "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": "24px"
+            },
+            "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": "24px"
+            },
+            "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": "24px"
+            },
+            "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": "var(--rotterdam-color-base-white)",
+          "filePath": "src/component/conduction/tabs.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--rotterdam-color-base-white)"
+          },
+          "name": "conductionTabsScrollButtonBackgroundColor",
+          "attributes": {
+            "category": "conduction",
+            "type": "tabs",
+            "item": "scroll-button",
+            "subitem": "background-color"
+          },
+          "path": [
+            "conduction",
+            "tabs",
+            "scroll-button",
+            "background-color"
+          ]
+        },
+        "color": {
+          "value": "var(--utrecht-document-color)",
+          "filePath": "src/component/conduction/tabs.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--utrecht-document-color)"
+          },
+          "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": "var(--rotterdam-color-base-white)",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--rotterdam-color-base-white)"
+            },
+            "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": "var(--rotterdam-color-green-tint-01)",
+            "filePath": "src/component/conduction/tabs.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--rotterdam-color-green-tint-01)"
+            },
+            "name": "conductionTabsScrollButtonHoverColor",
+            "attributes": {
+              "category": "conduction",
+              "type": "tabs",
+              "item": "scroll-button",
+              "subitem": "hover",
+              "state": "color"
+            },
+            "path": [
+              "conduction",
+              "tabs",
+              "scroll-button",
+              "hover",
+              "color"
+            ]
+          }
+        }
+      }
     }
   },
   "utrecht": {
@@ -2036,6 +2995,161 @@
       },
       "line-height": {}
     },
+    "badge-counter": {
+      "background-color": {
+        "value": "var(--rotterdam-color-base-black)",
+        "filePath": "src/component/utrecht/extra-tokens/badge-counter.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "var(--rotterdam-color-base-black)"
+        },
+        "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/extra-tokens/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": "var(--rotterdam-color-base-white)",
+        "filePath": "src/component/utrecht/extra-tokens/badge-counter.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "var(--rotterdam-color-base-white)"
+        },
+        "name": "utrechtBadgeCounterColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "badge-counter",
+          "item": "color"
+        },
+        "path": [
+          "utrecht",
+          "badge-counter",
+          "color"
+        ]
+      },
+      "font-size": {
+        "value": "var(--utrecht-document-font-size)",
+        "filePath": "src/component/utrecht/extra-tokens/badge-counter.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "var(--utrecht-document-font-size)"
+        },
+        "name": "utrechtBadgeCounterFontSize",
+        "attributes": {
+          "category": "utrecht",
+          "type": "badge-counter",
+          "item": "font-size"
+        },
+        "path": [
+          "utrecht",
+          "badge-counter",
+          "font-size"
+        ]
+      },
+      "font-family": {
+        "value": "var(--utrecht-document-font-family)",
+        "filePath": "src/component/utrecht/extra-tokens/badge-counter.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "var(--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"
+        ]
+      },
+      "padding-block": {
+        "value": "5px",
+        "filePath": "src/component/utrecht/extra-tokens/badge-counter.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "5px"
+        },
+        "name": "utrechtBadgeCounterPaddingBlock",
+        "attributes": {
+          "category": "utrecht",
+          "type": "badge-counter",
+          "item": "padding-block"
+        },
+        "path": [
+          "utrecht",
+          "badge-counter",
+          "padding-block"
+        ]
+      },
+      "padding-inline": {
+        "value": "5px",
+        "filePath": "src/component/utrecht/extra-tokens/badge-counter.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "5px"
+        },
+        "name": "utrechtBadgeCounterPaddingInline",
+        "attributes": {
+          "category": "utrecht",
+          "type": "badge-counter",
+          "item": "padding-inline"
+        },
+        "path": [
+          "utrecht",
+          "badge-counter",
+          "padding-inline"
+        ]
+      }
+    },
     "button": {
       "icon": {
         "gap": {