{
  "status": "illustrative demo",
  "component": "ds-button",
  "intent": "Trigger an immediate action; use a link for navigation.",
  "element": "button",
  "variants": [
    "primary"
  ],
  "states": [
    "default",
    "hover",
    "focus",
    "disabled"
  ],
  "themes": [
    "light",
    "dark"
  ],
  "tokens": {
    "background": "ds-button-background-primary",
    "hoverBackground": "ds-button-background-primary-hover",
    "label": "ds-button-label-primary",
    "focus": "ds-colour-focus"
  },
  "accessibility": {
    "keyboard": [
      "Enter",
      "Space"
    ],
    "minHeightPx": 44,
    "feedback": "role=status",
    "disabled": "native disabled attribute"
  },
  "scope": "No loading state or backend persistence in this demo."
}