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

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

{
  "utrecht": {
    "number-badge": {
      "background-color": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<color>",
            "inherits": true
          },
          "nl.nldesignsystem.fallback": ["utrecht.badge.background-color"],
          "nl.nldesignsystem.figma.supports-token": true
        },
        "type": "color"
      },
      "border-color": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<color>",
            "inherits": true
          },
          "nl.nldesignsystem.fallback": ["utrecht.badge.border-color"],
          "nl.nldesignsystem.figma.supports-token": true
        },
        "type": "color"
      },
      "border-radius": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<length-percentage>",
            "inherits": true
          },
          "nl.nldesignsystem.fallback": ["utrecht.badge.border-radius"],
          "nl.nldesignsystem.figma.supports-token": true
        },
        "type": "borderRadius"
      },
      "border-width": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<length>",
            "inherits": true
          },
          "nl.nldesignsystem.fallback": ["utrecht.badge.border-width"],
          "nl.nldesignsystem.figma.supports-token": true
        },
        "type": "borderWidth"
      },
      "color": {
        "comment": "Default text color for badge components",
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<color>",
            "inherits": true
          },
          "nl.nldesignsystem.fallback": ["utrecht.badge.color"],
          "nl.nldesignsystem.figma.supports-token": true
        },
        "type": "color"
      },
      "font-family": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "*",
            "inherits": true
          },
          "nl.nldesignsystem.fallback": ["utrecht.badge.font-family", "utrecht.document.font-family"],
          "nl.nldesignsystem.figma.supports-token": true
        },
        "type": "fontFamilies"
      },
      "font-size": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<length>",
            "inherits": true
          },
          "nl.nldesignsystem.fallback": ["utrecht.badge.font-size"],
          "nl.nldesignsystem.figma.supports-token": true
        },
        "type": "fontSizes"
      },
      "font-weight": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<number>",
            "inherits": true
          },
          "nl.nldesignsystem.fallback": ["utrecht.badge.font-weight"],
          "nl.nldesignsystem.figma.supports-token": true
        },
        "type": "fontWeights"
      },
      "min-size": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<length>",
            "inherits": true
          },
          "nl.nldesignsystem.deprecated": true,
          "nl.nldesignsystem.figma.supports-token": false,
          "nl.nldesignsystem.redirect": "utrecht.number-badge.min-inline-size"
        },
        "type": "spacing"
      },
      "min-block-size": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<length>",
            "inherits": true
          },
          "nl.nldesignsystem.fallback": ["utrecht.number-badge.min-inline-size"],
          "nl.nldesignsystem.figma.supports-token": true
        },
        "type": "spacing"
      },
      "min-inline-size": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<length>",
            "inherits": true
          },
          "nl.nldesignsystem.figma.supports-token": true
        },
        "type": "spacing"
      },
      "padding-block": {
        "comment": "Default block padding for badge components",
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<length>",
            "inherits": true
          },
          "nl.nldesignsystem.fallback": ["utrecht.badge.padding-block"],
          "nl.nldesignsystem.figma.supports-token": true
        },
        "type": "spacing"
      },
      "padding-inline": {
        "comment": "Default inline padding color for badge components",
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<length>",
            "inherits": true
          },
          "nl.nldesignsystem.fallback": ["utrecht.badge.padding-inline"],
          "nl.nldesignsystem.figma.supports-token": true
        },
        "type": "spacing"
      }
    }
  }
}