@utrecht/components/badge/src/tokens.json

Components for the Municipality of Utrecht based on the NL Design System architecture

{
  "utrecht": {
    "badge": {
      "background-color": {
        "comment": "Default background color for badge components",
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<color>",
            "inherits": true
          },
          "nl.nldesignsystem.figma.supports-token": false
        },
        "type": "color"
      },
      "border-radius": {
        "comment": "Default corner radius for badge components",
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<length-percentage>",
            "inherits": true
          },
          "nl.nldesignsystem.figma.supports-token": false
        },
        "type": "borderRadius"
      },
      "color": {
        "comment": "Default text color for badge components",
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<color>",
            "inherits": true
          },
          "nl.nldesignsystem.figma.supports-token": false
        },
        "type": "color"
      },
      "font-size": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<length>",
            "inherits": true
          },
          "nl.nldesignsystem.figma.supports-token": false
        },
        "type": "fontSizes"
      },
      "font-weight": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<number>",
            "inherits": true
          },
          "nl.nldesignsystem.figma.supports-token": false
        },
        "type": "fontWeights"
      },
      "line-height": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": ["<length>", "<number>"],
            "inherits": true
          },
          "nl.nldesignsystem.figma.supports-token": false
        },
        "type": "lineHeights"
      },
      "padding-block": {
        "comment": "Default block padding for badge components",
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<length>",
            "inherits": true
          },
          "nl.nldesignsystem.figma.supports-token": false
        },
        "type": "spacing"
      },
      "padding-inline": {
        "comment": "Default inline padding color for badge components",
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<length>",
            "inherits": true
          },
          "nl.nldesignsystem.figma.supports-token": false
        },
        "type": "spacing"
      },
      "text-transform": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": ["inherit", "uppercase"],
            "inherits": true
          },
          "nl.nldesignsystem.figma.supports-token": false
        },
        "type": "textCase"
      }
    }
  }
}