Docs: Checkbox group, Progress stepper & Active filters content refinements

[anahernandez-dev]

What changed

Content and image refinements across three component docs pages, plus a new Date filter page.

Checkbox group

• New hero image exported from Figma.
• Behavior moved to where it belongs: the "applies instantly vs. requires Apply" behavior moved out of the When to use table (where it read as a self-undermining decision criterion) and into Interaction → Additive selection as context-dependent behavior.
• Copy split into two cases: designer-authored category/filter labels (the original conciseness/parallelism rule) vs. pre-existing content titles (used as-is, exempt from those rules).
• Placement reordered so each subsection's description sits above its image (matching the Interaction section).
• "Do" bars are now component-rendered via <Demo type="do"> instead of baked into the PNGs. Placement visuals were re-exported bar-free from Figma and cropped, so the label text is real, themeable, and accessible.

Progress stepper

• Badge split onto its own line so the description sits below it (consistent with other pages).
• Copy label guidance rewritten: test for naming the stage vs. issuing a command (handles dual-function words like "Review"/"Order"), with a preference for single-word labels.
• Added rationale to both variants' anchor-position lines (why Simple anchors bottom-left vs. Complex center-top-nav).

Active filters

• What generates an active filter now explains the underlying truncation/legibility rule instead of a flat yes/no list, with an added Why column.
• Added multi-select chip formatting guidance to Copy (one chip per value).

Date filter (new page)

• New Date filter guideline page with hero, variants, placement, interaction, and copy sections plus their assets.

All existing pages

• Removed the "Figma source" footer link (and its divider) from Checkbox group, Progress stepper, and Active filters.

Notes for reviewers

• Pages verified in Storybook (pnpm start) — they compile with no MDX errors.
• The "Do" bar conversion uses the existing Demo component pattern from buttons.mdx; new placement PNGs are 1088×574 (bar cropped off).
• copy.png on the Checkbox group page still uses baked-in do/don't circle icons (a side-by-side comparison, not the full-width "Do" bar) — intentionally left as-is.

🤖 Generated with Claude Code

[github-actions]

A new build was pushed to Chromatic! 🚀

https://6a5008743971119020a6233b-sxxvnnuwwt.chromatic.com/