Project label
canonPill that names the project a piece of communication belongs to: the canonical `.acrm-pill sm` with the project’s own icon, coloured by the project’s tone (the icon carries the tone instead of the dot).
Owner-approved prototype proto/komunikace-karta@649b8eca2 (8 Oct 2026, variant A; docs/ZADANI-komunikace-karta.md R8/R13/R14), implemented in the K-4 MR of acrm/acrm. Not a new pill variant and no CSS of its own (AD FA258-re): it is `.acrm-pill sm` + a leading `<Icon>` + the project name, and the general rule `.acrm-pill > .ti { color: var(--pill-dot) }` (see Pill) colours the icon. Icon and colour are set on the project detail with the same picker as a segment (`SegmentIconPicker`, `noun="projektu"`); default when unset = `briefcase` + `grey`. Tone from the palette = tone class on the pill, own colour (`#rrggbb`) goes into `--pill-dot` directly. An AI-suggested project (not yet confirmed by a person) shows a `?` after the name. Always placed in the `tags` slot of Item list. Paths verified against acrm/acrm main after K-4 (acrm !4953): ProjectPill.tsx and the rule in ds.css; no project-pill.css exists. AD 11 Oct 2026: beta until checked on dev with data (company card Komunikace had no data). AD 12 Oct 2026: promoted to canon — verified on crm.dev.atsl.cz with data (e2e round 5, Chromium 1440 + 390): project with `rocket` + `purple` assigned to a manual entry; project detail › Komunikace shows the picker and preview, icon rgb(142, 78, 198); company card › Komunikace shows `.acrm-pill.sm.purple > .ti` before the date, right edge 1341 px in every row, phone 390 on its own line, 0 console errors, 0× 5xx. Report: https://crm.dev.atsl.cz/reports/acrm/komunikace-karta-e2e/kolo-5/. Open: Ladle stories per section (DoD) still empty.
Used in 1 file · 1 area · 1× — components/communication
Import
Not exported from @acrm/ui — <ProjectPill> lives in the app (apps/web/src/components/projects/ProjectPill.tsx). Reuse the CSS classes below, or move the component into the package first.
Props
ProjectPill
No props extracted (not in props.json).