tony
43fe76158c
Mortar contribution checks / Mortar baseline and browser checks (push) Successful in 3m15s
44 lines
1.4 KiB
JSON
44 lines
1.4 KiB
JSON
{
|
|
"id": "mortar-button",
|
|
"logicalId": "button",
|
|
"name": "Button",
|
|
"description": "Mortar foundation button, using central semantic tokens.",
|
|
"stack": "react-tailwind",
|
|
"package": "@tony-ui/mortar",
|
|
"version": "0.1.0",
|
|
"export": "Button",
|
|
"source": "src/primitives.tsx",
|
|
"capabilities": ["theme", "foundation", "action", "keyboard"],
|
|
"owner": "Mortar maintainers",
|
|
"kitId": "foundation",
|
|
"provenance": {
|
|
"kitId": "foundation",
|
|
"exampleId": "mortar-foundation-reference",
|
|
"sourceDigest": "f132052b4ac52f3909ac437073c076b9f615849effea14dabf7d30759d714c2d"
|
|
},
|
|
"contract": {
|
|
"props": {
|
|
"children": "ReactNode",
|
|
"variant": "primary | secondary | ghost | danger",
|
|
"loading": "boolean",
|
|
"disabled": "boolean",
|
|
"type": "button | submit | reset",
|
|
"onClick": "MouseEventHandler<HTMLButtonElement>"
|
|
},
|
|
"states": [
|
|
"Light",
|
|
"Dark",
|
|
"Neutral brand",
|
|
"Green brand",
|
|
"Keyboard and focus"
|
|
],
|
|
"usage": "Import { Button } from @tony-ui/mortar. Compose with the public typed props.",
|
|
"avoid": "Do not copy implementations, override central colours or grant component approval.",
|
|
"accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.",
|
|
"dependencies": []
|
|
},
|
|
"preview": {
|
|
"source": "previews/ButtonPreview.tsx"
|
|
}
|
|
}
|