Add Connect design system styleguide

[mmmary314]

Summary

• Adds docs/styleguide.html — a self-contained HTML reference for the Connect design system
• Covers design tokens (colors, typography, spacing, radius, shadows), all UI components (buttons, chips, banners, inputs, toggles, dropdowns, cards, dialogs, tables, etc.), and layout patterns
• Intended as a living document to be maintained alongside the codebase

Test plan

• Open docs/styleguide.html in a browser and verify it renders correctly

🤖 Generated with Claude Code

[coderabbitai]

Important

Review skipped

Review was skipped as selected files did not have any reviewable changes.

💤 Files selected but had no reviewable changes (1)

• docs/styleguide.html

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: b46c5577-3a3d-4eb8-a156-07a733075add

📥 Commits

Reviewing files that changed from the base of the PR and between 390cabf and cb8e19a.

📒 Files selected for processing (1)

• docs/styleguide.html

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}