PDS proposals
← All proposals

Agent Step

One row: an optional icon (status or custom), a label, quiet secondary text and optional expandable detail.

Net-new componentOpen in Storybook

proposals/AgentStep/custom.md25 lines · View on GitHub

Custom and net-new: AgentStep

Everything in this proposal that is not plain PDS v2. npm run check:tokens reads this file: each net-new class, custom CSS variable and raw value found in the code must appear here in backticks.

Net-new components

  • .pds-agent-step — One row: an optional icon (status or custom), a label, quiet secondary text and optional expandable detail.
    • Parts and modifiers: .pds-agent-step--error, .pds-agent-step--pending, .pds-agent-step--quiet, .pds-agent-step__added, .pds-agent-step__detail, .pds-agent-step__removed, .pds-agent-step__row, .pds-agent-step__secondary-text, .pds-agent-step__status, .pds-agent-step__toggle

Additions to existing PDS components

None.

Net-new props

All props of AgentStepProps are new (net-new component).

Custom CSS variables

  • --agent-step-status-color — set on .pds-agent-step

Raw values kept on purpose

None.