tony
43fe76158c
Mortar contribution checks / Mortar baseline and browser checks (push) Successful in 3m15s
46 lines
1.4 KiB
JSON
46 lines
1.4 KiB
JSON
{
|
|
"id": "mortar-app-shell",
|
|
"logicalId": "app-shell",
|
|
"name": "AppShell",
|
|
"description": "Mortar application app shell, using central semantic tokens.",
|
|
"stack": "react-tailwind",
|
|
"package": "@tony-ui/mortar",
|
|
"version": "0.1.0",
|
|
"export": "AppShell",
|
|
"source": "src/application.tsx",
|
|
"capabilities": ["theme", "application"],
|
|
"owner": "Mortar maintainers",
|
|
"kitId": "application",
|
|
"provenance": {
|
|
"kitId": "application",
|
|
"exampleId": "mortar-application-reference",
|
|
"sourceDigest": "9c3a1c251ac5dcf28a566a4a6ee4ae6724296996e47b7eb3ccacad1517668ef3"
|
|
},
|
|
"contract": {
|
|
"props": {
|
|
"brand": "string",
|
|
"workspace": "string",
|
|
"navigation": "NavigationItem[]",
|
|
"secondaryNavigation": "{ label: string; items: NavigationItem[] }[]",
|
|
"user": "ReactNode",
|
|
"header": "ReactNode",
|
|
"actions": "ReactNode",
|
|
"children": "ReactNode"
|
|
},
|
|
"states": [
|
|
"Light",
|
|
"Dark",
|
|
"Neutral brand",
|
|
"Green brand",
|
|
"Keyboard and focus"
|
|
],
|
|
"usage": "Import { AppShell } 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/AppShellPreview.tsx"
|
|
}
|
|
}
|