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-select",
|
|
"logicalId": "select",
|
|
"name": "Select",
|
|
"description": "Mortar foundation select, using central semantic tokens.",
|
|
"stack": "react-tailwind",
|
|
"package": "@tony-ui/mortar",
|
|
"version": "0.1.0",
|
|
"export": "Select",
|
|
"source": "src/primitives.tsx",
|
|
"capabilities": ["theme", "foundation", "input", "validation", "keyboard"],
|
|
"owner": "Mortar maintainers",
|
|
"kitId": "foundation",
|
|
"provenance": {
|
|
"kitId": "foundation",
|
|
"exampleId": "mortar-foundation-reference",
|
|
"sourceDigest": "f132052b4ac52f3909ac437073c076b9f615849effea14dabf7d30759d714c2d"
|
|
},
|
|
"contract": {
|
|
"props": {
|
|
"label": "string",
|
|
"options": "{ value: string; label: string }[]",
|
|
"value": "string",
|
|
"onChange": "ChangeEventHandler<HTMLSelectElement>",
|
|
"hint": "string",
|
|
"error": "string"
|
|
},
|
|
"states": [
|
|
"Light",
|
|
"Dark",
|
|
"Neutral brand",
|
|
"Green brand",
|
|
"Keyboard and focus"
|
|
],
|
|
"usage": "Import { Select } 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/SelectPreview.tsx"
|
|
}
|
|
}
|