Skip to content

chore(ui-react): move to design-core 10 and its control sizes - #16153

Merged
PavelLaptev merged 1 commit into
ui-react-file-list-item-line-statsfrom
design-core-10-control-sizes
Sep 29, 2026
Merged

PavelLaptev merged 1 commit into
ui-react-file-list-item-line-statsfrom
design-core-10-control-sizes

Conversation

@PavelLaptev

Copy link
Copy Markdown
Contributor

Moves ui-react, Lite and but-mcp-app to design-core 10 (gitbutlerapp/design-core#51), which names control heights after the job, not the component.

  • --size-button → --size-control (28px), --size-button-sm → --size-control-sm (20px); --size-tag now points at --size-control-sm and is left to Tag and Badge
  • Button and Field read --size-control instead of a 28px literal; the small Button reads --size-control-sm instead of borrowing --size-tag
  • Lite's diff search controls, PR panel header and verdict slot, and row meta items name --size-control-sm directly
  • No value changes

design-core 10 renames the control heights after the job rather than
the component: --size-button becomes --size-control (28px) and
--size-button-sm becomes --size-control-sm (20px). --size-tag now
points at --size-control-sm and is kept for Tag and Badge, which are
not controls.

Button's heights and its icon-only width, and Field's control, read
--size-control instead of a 28px literal; the small Button reads
--size-control-sm instead of borrowing --size-tag. FileList follows
the rename.

Lite's diff search controls, PR panel section header and verdict slot,
and a row's meta items were sized to match a small button through
--size-tag; they now name --size-control-sm directly.

Every value is unchanged.
@github-actions

Copy link
Copy Markdown

This pull request changes Lite's CSS. If the change shows on screen, before/after screenshots make it reviewable without checking the branch out — drag them into a comment, or use the lite-screenshots skill in this repository. Add the screenshots label once they are posted. Asked once; later pushes will not repeat it.

@github-actions

Copy link
Copy Markdown

🎩 Your Storybook has been served

  • 🫖 Have a look
  • 🔍 Inspect the changes: anything that looks different from master is waiting for your approval
  • 🤖 Service entrance for agents (MCP): https://design-core-10-control-sizes--6ab536f5f40e41db628ccf1b.chromatic.com/mcp

@PavelLaptev
PavelLaptev merged commit acbdc06 into master Sep 29, 2026
46 checks passed
@PavelLaptev
PavelLaptev deleted the design-core-10-control-sizes branch September 29, 2026 21:28

This branch was previously deployed

1 inactive deployment
Preview — 25351725 Deployed Sep 29, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant