handoff-app/config/exportables/components/alert.json

Automated documentation toolchain for building client side documentation from figma

{
  "id": "alert",
  "group": "Components",
  "options": {
    "exporter": {
      "search": "Alert",
      "supportedVariantProps": {
        "design": ["Type"],
        "layout": ["Layout"]
      }
    }
  },
  "parts": [
    {
      "id": "$",
      "tokens": [
        {
          "from": "$",
          "export": ["BACKGROUND", "BORDER", "SPACING", "EFFECT"]
        }
      ]
    },
    {
      "id": "body",
      "tokens": [
        {
          "from": "FRAME[name='Body']",
          "export": ["SPACING"]
        }
      ]
    },
    {
      "id": "title",
      "tokens": [
        {
          "from": "FRAME[name='Body'] > TEXT[name='Title']",
          "export": ["SPACING", "TYPOGRAPHY", "FILL"]
        }
      ]
    },
    {
      "id": "text",
      "tokens": [
        {
          "from": "FRAME[name='Body'] > TEXT[name='Text']",
          "export": ["SPACING", "TYPOGRAPHY", "FILL"]
        }
      ]
    },
    {
      "id": "actions",
      "tokens": [
        {
          "from": "FRAME[name='Body'] > FRAME[name='Actions']",
          "export": ["SPACING"]
        },
        {
          "from": "FRAME[name='Body'] > FRAME[name='Actions'] > TEXT[name='Link']",
          "export": ["TYPOGRAPHY", "FILL"]
        }
      ]
    }
  ]
}