tony
43fe76158c
Mortar contribution checks / Mortar baseline and browser checks (push) Successful in 3m15s
43 lines
1.3 KiB
JSON
43 lines
1.3 KiB
JSON
{
|
|
"id": "mortar-modal",
|
|
"logicalId": "modal",
|
|
"name": "Modal",
|
|
"description": "Mortar foundation modal, using central semantic tokens.",
|
|
"stack": "react-tailwind",
|
|
"package": "@tony-ui/mortar",
|
|
"version": "0.1.0",
|
|
"export": "Modal",
|
|
"source": "src/primitives.tsx",
|
|
"capabilities": ["theme", "foundation"],
|
|
"owner": "Mortar maintainers",
|
|
"kitId": "foundation",
|
|
"provenance": {
|
|
"kitId": "foundation",
|
|
"exampleId": "mortar-foundation-reference",
|
|
"sourceDigest": "f132052b4ac52f3909ac437073c076b9f615849effea14dabf7d30759d714c2d"
|
|
},
|
|
"contract": {
|
|
"props": {
|
|
"title": "string",
|
|
"open": "boolean",
|
|
"onClose": "() => void",
|
|
"children": "ReactNode",
|
|
"actions": "ReactNode"
|
|
},
|
|
"states": [
|
|
"Light",
|
|
"Dark",
|
|
"Neutral brand",
|
|
"Green brand",
|
|
"Keyboard and focus"
|
|
],
|
|
"usage": "Import { Modal } 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": ["mortar-button"]
|
|
},
|
|
"preview": {
|
|
"source": "previews/ModalPreview.tsx"
|
|
}
|
|
}
|