43 lines
1.3 KiB
JSON
43 lines
1.3 KiB
JSON
{
|
|
"id": "work-item-card",
|
|
"name": "WorkItemCard",
|
|
"kind": "component",
|
|
"status": "stable-reference",
|
|
"summary": "Task Manager kanban work item card with avatar header, centered title, progress, footer metadata, and ellipsis action dropdown.",
|
|
"sourceRefs": [
|
|
{
|
|
"project": "nodedc_taskmanager",
|
|
"file": "plane-src/apps/web/core/components/issues/issue-layouts/shared/nodedc-work-item-card.tsx",
|
|
"exports": ["NodedcWorkItemCard", "NodedcWorkItemProgress", "getNodedcWorkItemCardAppearance"]
|
|
},
|
|
{
|
|
"project": "nodedc_taskmanager",
|
|
"file": "plane-src/apps/web/styles/globals.css",
|
|
"classes": ["nodedc-work-item-card"]
|
|
}
|
|
],
|
|
"anatomy": [
|
|
"rounded card surface",
|
|
"header",
|
|
"optional subtitle",
|
|
"center title area",
|
|
"segmented progress",
|
|
"footer"
|
|
],
|
|
"geometry": {
|
|
"radius": "28px in reference",
|
|
"padding": "1rem",
|
|
"minContentHeight": "220px"
|
|
},
|
|
"states": {
|
|
"passive": "cardPassive surface with muted foreground",
|
|
"active": "cardActive accent surface with on-card-active foreground"
|
|
},
|
|
"rules": [
|
|
"Kanban card ellipsis uses ActionDropdown.",
|
|
"Card click must not intercept dropdown trigger clicks.",
|
|
"Progress segments use three equal tracks and accent fill when passive."
|
|
]
|
|
}
|
|
|