Skip to content

fix(design): reduce design-system doctor warnings#335

Open
bntvllnt wants to merge 3 commits into
mainfrom
fix/267-space-flex
Open

fix(design): reduce design-system doctor warnings#335
bntvllnt wants to merge 3 commits into
mainfrom
fix/267-space-flex

Conversation

@bntvllnt
Copy link
Copy Markdown
Collaborator

@bntvllnt bntvllnt commented May 10, 2026

Summary

Closes #267.
Related to #279.

Validation

  • pnpm -F @vllnt/ui exec eslint src/components/theme-toggle/theme-toggle.tsx src/components/social-fab/social-fab.tsx src/components/tutorial-mdx/tutorial-mdx.tsx src/components/tutorial-intro-content/tutorial-intro-content.tsx src/components/mdx-content/mdx-content.tsx src/components/thinking-block/thinking-block.tsx src/components/conversation-thread/conversation-thread.tsx src/components/spinner/spinner.tsx
  • pnpm -F @vllnt/ui-registry exec eslint app/docs/page.tsx app/philosophy/page.tsx components/storybook-embed/storybook-embed.tsx
  • pnpm -F @vllnt/ui lint
  • pnpm -F @vllnt/ui exec tsc --noEmit --project tsconfig.build.json
  • pnpm -F @vllnt/ui-registry exec tsc --noEmit --project tsconfig.json
  • pnpm build
  • pnpm test:once (216 files, 1215 tests)
  • pnpm -F @vllnt/ui check:use-client
  • pnpm -F @vllnt/ui exec tsx scripts/check-story-coverage.ts
  • pnpm -F @vllnt/ui exec tsx scripts/verify-stories.ts
  • pnpm -F @vllnt/ui build-storybook
  • git diff --check
  • git diff --cached --check
  • npx --yes --silent react-doctor . --offline --json --json-compact ... design-rule query returned no findings

Notes

  • apps/registry/registry.json still differs from origin/main only by generatedAt timestamp churn on this head.
  • Storybook build completed successfully with the repo's existing Vite use client warnings and the existing animated-text MDX story export warning.

CI status

  • PASS on PR fix(design): reduce design-system doctor warnings #335 at commit 39761b66dd4a79c416a6fa4ef0e27083f84f1617 as of 2026-05-13 07:22 UTC: Quality Gates, Storybook Tests, Visual Regression, Build Storybook, Verify Stories, PR Issue Link, react-doctor, and Vercel previews.

react-doctor \`design-no-space-on-flex-children\`: 13 → ~3.

Rule rationale: per-sibling margins (space-x/y) phantom-gap on
conditional render and don't mirror in RTL. Tailwind \`gap-x/y\` works
on flex/grid parents and degrades correctly.

Targeted line-by-line edit on the rule's flagged lines only — does
not touch \`space-x/y\` outside flex/grid contexts.

Files:
- apps/registry/components/component-preview/component-preview.tsx (×7)
- packages/ui/src/components/live-feed/live-feed.tsx (×1)
- packages/ui/src/components/stat-card/stat-card.tsx (×1)
- packages/ui/src/components/tutorial-complete/tutorial-complete.tsx (×1)

Part of #267.
Refs #279.
@vercel
Copy link
Copy Markdown

vercel Bot commented May 10, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
storybook Ready Ready Preview, Comment May 13, 2026 7:19am
ui.vllnt.ai Ready Ready Preview, Comment May 13, 2026 7:19am

Request Review

@bntvllnt bntvllnt added documentation Improvements or additions to documentation react-doctor Reported by react-doctor (codebase health) tech-debt Refactoring or cleanup labels May 13, 2026
@bntvllnt bntvllnt self-assigned this May 13, 2026
@bntvllnt bntvllnt changed the title fix(design): space-x/y → gap-x/y on flex parents fix(design): reduce design-system doctor warnings May 13, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentation Improvements or additions to documentation react-doctor Reported by react-doctor (codebase health) tech-debt Refactoring or cleanup

Projects

None yet

Development

Successfully merging this pull request may close these issues.

react-doctor: design-system audit (~638 warnings across 11 design rules)

1 participant