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

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

{
  "utrecht": {
    "link": {
      "color": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<color>",
            "inherits": true
          },
          "nl.nldesignsystem.figma.supports-token": true
        },
        "type": "color"
      },
      "text-decoration": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": ["inherit", "none", "underline"],
            "inherits": true
          },
          "nl.nldesignsystem.figma.supports-token": true
        },
        "type": "textDecoration"
      },
      "text-decoration-color": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<color>",
            "inherits": true
          },
          "nl.nldesignsystem.figma.supports-token": false
        },
        "type": "color"
      },
      "text-decoration-thickness": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<length>",
            "inherits": true
          },
          "nl.nldesignsystem.figma.supports-token": false
        },
        "type": "other"
      },
      "text-underline-offset": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<length>",
            "inherits": true
          },
          "nl.nldesignsystem.figma.supports-token": false
        },
        "type": "other"
      },
      "active": {
        "color": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<color>",
              "inherits": true
            },
            "nl.nldesignsystem.fallback": ["utrecht.link.color"],
            "nl.nldesignsystem.figma.supports-token": true
          },
          "type": "color"
        }
      },
      "focus": {
        "color": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<color>",
              "inherits": true
            },
            "nl.nldesignsystem.fallback": ["utrecht.link.color"],
            "nl.nldesignsystem.figma.supports-token": true
          },
          "type": "color"
        },
        "background-color": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<color>",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": true
          },
          "type": "color"
        },
        "text-decoration": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": ["inherit", "none", "underline"],
              "inherits": true
            },
            "nl.nldesignsystem.fallback": ["utrecht.link.text-decoration"],
            "nl.nldesignsystem.figma.supports-token": true,
            "nl.nldesignsystem.deprecated": true,
            "nl.nldesignsystem.redirect": "utrecht.link.focus-visible.text-decoration"
          },
          "type": "textDecoration"
        },
        "text-decoration-thickness": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<length>",
              "inherits": true
            },
            "nl.nldesignsystem.fallback": ["utrecht.link.text-decoration-thickness"],
            "nl.nldesignsystem.figma.supports-token": false,
            "nl.nldesignsystem.deprecated": true,
            "nl.nldesignsystem.redirect": "utrecht.link.focus-visible.text-decoration-thickness"
          },
          "type": "other"
        }
      },
      "focus-visible": {
        "text-decoration": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": ["inherit", "none", "underline"],
              "inherits": true
            },
            "nl.nldesignsystem.fallback": ["utrecht.link.text-decoration"],
            "nl.nldesignsystem.figma.supports-token": true
          },
          "type": "textDecoration"
        },
        "text-decoration-thickness": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<length>",
              "inherits": true
            },
            "nl.nldesignsystem.fallback": ["utrecht.link.text-decoration-thickness"],
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "other"
        }
      },
      "hover": {
        "color": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<color>",
              "inherits": true
            },
            "nl.nldesignsystem.fallback": ["utrecht.link.color"],
            "nl.nldesignsystem.figma.supports-token": true
          },
          "type": "color"
        },
        "text-decoration": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": ["inherit", "none", "underline"],
              "inherits": true
            },
            "nl.nldesignsystem.fallback": ["utrecht.link.text-decoration"],
            "nl.nldesignsystem.figma.supports-token": true
          },
          "type": "textDecoration"
        },
        "text-decoration-thickness": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<length>",
              "inherits": true
            },
            "nl.nldesignsystem.fallback": ["utrecht.link.text-decoration-thickness"],
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "other"
        }
      },
      "placeholder": {
        "color": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<color>",
              "inherits": true
            },
            "nl.nldesignsystem.fallback": ["utrecht.link.color"],
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "color"
        },
        "font-weight": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<number>",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "fontWeights"
        }
      },
      "visited": {
        "color": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<color>",
              "inherits": true
            },
            "nl.nldesignsystem.fallback": ["utrecht.link.color"],
            "nl.nldesignsystem.figma.supports-token": true
          },
          "type": "color"
        }
      },
      "icon": {
        "size": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<length>",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": true
          },
          "type": "sizing"
        }
      }
    }
  }
}