style-dictionary/examples/advanced/referencing_aliasing/tokens/button/button.json

Style once, use everywhere. A build system for creating cross-platform styles.

{
  "button": {
    "color": {
      "primary": {
        "value": "{color.primary.value}",
        "type": "color"
      },
      "secondary": {
        "value": "{color.secondary.value}",
        "type": "color"
      },
      "danger": {
        "value": "{color.base.red.value}",
        "type": "color"
      }
    },
    "text": {
      "size": {
        "value": "{globals.baseline}{globals.unit}",
        "type": "fontSize"
      }
    }
  }
}