handoff-app/integration/integration.config.json

Automated documentation toolchain for building client side documentation from figma

{
  "name": "Bootstrap 5.3",
  "entries": {
    "integration": "sass",
    "templates": "templates",
    "bundle": "templates/main.js"
  },
  "options": {
    "*": {
      "defaults": {
        "Theme": "light",
        "State": "default",
        "Type": "default",
        "Activity": "",
        "Layout": "",
        "Size": ""
      },
      "replace": {
        "State": {
          "default": ""
        },
        "Size": {
          "small": "sm",
          "medium": "md",
          "large": "lg"
        }
      }
    },
    "alert": {
      "tokenNameSegments": ["${component}", "${variant.type}", "${variant.layout}", "${part}", "${property}"]
    },
    "button": {
      "cssRootClass": "btn",
      "tokenNameSegments": [
        "${component}",
        "${variant.type}",
        "${variant.size}",
        "${part}",
        "${variant.theme}",
        "${variant.state}",
        "${property}"
      ]
    },
    "checkbox": {
      "tokenNameSegments": [
        "${component}",
        "${variant.state}",
        "${variant.size}",
        "${part}",
        "${variant.theme}",
        "${variant.activity}",
        "${property}"
      ]
    },
    "input": {
      "tokenNameSegments": ["${component}", "${variant.size}", "${part}", "${variant.theme}", "${variant.state}", "${property}"]
    },
    "radio": {
      "tokenNameSegments": [
        "${component}",
        "${variant.state}",
        "${variant.size}",
        "${part}",
        "${variant.theme}",
        "${variant.activity}",
        "${property}"
      ]
    },
    "select": {
      "tokenNameSegments": ["${component}", "${variant.size}", "${part}", "${variant.theme}", "${variant.state}", "${property}"]
    },
    "switch": {
      "tokenNameSegments": [
        "${component}",
        "${variant.state}",
        "${variant.size}",
        "${part}",
        "${variant.theme}",
        "${variant.activity}",
        "${property}"
      ]
    }
  }
}