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

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

{
  "utrecht": {
    "paragraph": {
      "color": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<color>",
            "inherits": true
          },
          "nl.nldesignsystem.fallback": ["utrecht.document.color"],
          "nl.nldesignsystem.figma.supports-token": true
        },
        "type": "color"
      },
      "font-family": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "*",
            "inherits": true
          },
          "nl.nldesignsystem.fallback": ["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.document.font-size"],
          "nl.nldesignsystem.figma.supports-token": true
        },
        "type": "fontSizes"
      },
      "font-weight": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<number>",
            "inherits": true
          },
          "nl.nldesignsystem.figma.supports-token": true
        },
        "type": "fontWeights"
      },
      "line-height": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": ["<length>", "<number>"],
            "inherits": true
          },
          "nl.nldesignsystem.fallback": ["utrecht.document.line-height"],
          "nl.nldesignsystem.figma.supports-token": true
        },
        "type": "lineHeights"
      },
      "margin-block-start": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<length>",
            "inherits": true
          },
          "nl.nldesignsystem.figma.supports-token": false
        },
        "type": "spacing"
      },
      "margin-block-end": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<length>",
            "inherits": true
          },
          "nl.nldesignsystem.figma.supports-token": false
        },
        "type": "spacing"
      },
      "lead": {
        "color": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<color>",
              "inherits": true
            },
            "nl.nldesignsystem.fallback": ["utrecht.paragraph.color", "utrecht.document.color"],
            "nl.nldesignsystem.figma.supports-token": true
          },
          "type": "color"
        },
        "font-size": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<length>",
              "inherits": true
            },
            "nl.nldesignsystem.fallback": ["utrecht.paragraph.font-size", "utrecht.document.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.paragraph.font-weight", "utrecht.document.font-weight"],
            "nl.nldesignsystem.figma.supports-token": true
          },
          "type": "fontWeights"
        },
        "line-height": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": ["<length>", "<number>"],
              "inherits": true
            },
            "nl.nldesignsystem.fallback": ["utrecht.paragraph.line-height", "utrecht.document.line-height"],
            "nl.nldesignsystem.figma.supports-token": true
          },
          "type": "lineHeights"
        }
      },
      "small": {
        "color": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<color>",
              "inherits": true
            },
            "nl.nldesignsystem.fallback": ["utrecht.paragraph.color", "utrecht.document.color"],
            "nl.nldesignsystem.figma.supports-token": true
          },
          "type": "color"
        },
        "font-size": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<length>",
              "inherits": true
            },
            "nl.nldesignsystem.fallback": ["utrecht.paragraph.font-size", "utrecht.document.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.paragraph.font-weight", "utrecht.document.font-weight"],
            "nl.nldesignsystem.figma.supports-token": true
          },
          "type": "fontWeights"
        },
        "line-height": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": ["<length>", "<number>"],
              "inherits": true
            },
            "nl.nldesignsystem.fallback": ["utrecht.paragraph.line-height", "utrecht.document.line-height"],
            "nl.nldesignsystem.figma.supports-token": true
          },
          "type": "lineHeights"
        }
      }
    }
  }
}