Code diff

A recipe, not a component (decided 2026-10-21): a Panel List of changed files, with each row's file icon and name, an optional File Diff (counts and bar), and an expand button that reveals the diff in a Code Block.

Extends a PDS componentOpen in Storybook

proposals/CodeDiff/custom.md24 lines · View on GitHub

Custom and net-new: Code diff

A recipe: it composes PDS components and adds no component, prop or class of its own. npm run check:tokens reads this file.

Net-new components

None. (The story sample, _story-helpers/CodeDiffSample, uses code-diff-sample classes with no pds- prefix and is not ported.)

Additions to existing PDS components

None.

Net-new props

None.

Custom CSS variables

None.

Raw values kept on purpose

None.