Skip to content

feat(client, prospect): converge ItemFile to ContentItemMono (#1752)#1790

Open
Debaerdm wants to merge 1 commit intomainfrom
feat/item-file-convergence-content-item-mono-1752
Open

feat(client, prospect): converge ItemFile to ContentItemMono (#1752)#1790
Debaerdm wants to merge 1 commit intomainfrom
feat/item-file-convergence-content-item-mono-1752

Conversation

@Debaerdm
Copy link
Copy Markdown
Contributor

Align ItemFile with the latest Figma spec by delegating title/subtitle rendering to ContentItemMono on both Prospect (Apollo) and Client (LF) themes.

  • Replace the legacy .af-item-file__file-name / .af-item-file__file-size markup with a ContentItemMonoCore that receives the status indicator as leftComponent, the file name as title and the readable file size as subtitle.
  • Switch .af-item-file__body from grid-template-areas to a simple flex row (status/text on the left, actions on the right) now that the inner typography is owned by ContentItemMono.
  • Apollo: bring --item-file-action-buttons-gap down from 24 to 16 to match the spec (LF was already 16).
  • Apollo / LF: import the matching ContentItemMono theme stylesheet so the typography tokens resolve.

Public API of ItemFile/ItemFileProps is unchanged. All 954 canopee-react tests pass, including the 17 ItemFile tests.

Closes #1752

Figma: https://www.figma.com/design/vwprvN2ELfI50pjU6MK1Ea/branch/1MOnNa2aF3auSqVZpdtrDn/%E2%9C%A8-B2C-%E2%80%A2-Design-System-Canop%C3%A9e?node-id=17278-56194


Made with Claude

@Debaerdm Debaerdm self-assigned this Apr 18, 2026
@sonarqubecloud
Copy link
Copy Markdown

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Item File • Evolution • Convergence

2 participants