Skip to content

[EuiPanel] Spike: flat bordered defaults + panel radius - #9910

Draft
ryankeairns wants to merge 6 commits into
rk/round-layered-cakefrom
rk/flat-panel-spike
Draft

[EuiPanel] Spike: flat bordered defaults + panel radius#9910
ryankeairns wants to merge 6 commits into
rk/round-layered-cakefrom
rk/flat-panel-spike

Conversation

@ryankeairns

Copy link
Copy Markdown
Contributor

Summary

Draft / spike PR for #9895 (epic #9893). Stacked on #9903 for border.radius.panel. Reference implementation to assess blast radius — not necessarily intended to merge as-is.

  • EuiPanel: hasShadow default false, hasBorder default true; borderRadius="m"border.radius.panel (~12px)
  • Soft-deprecate Panel paddingSize xs / xl (docs + JSDoc); preferred none / s / m / l
  • EuiCard: stays elevated (hasShadow, explicit hasBorder={false})
  • EuiPopover: explicit hasBorder={false} with existing custom elevation
  • EuiEmptyPrompt: color="plain" defaults to hasBorder so main + footer read as one container; transparent stays flush

Out of scope (still on #9894 / follow-ups)

  • Quieter border.color / hairline
  • inset.panel padding alias
  • Hard removal of Panel xs / xl

Test plan

  • Storybook: EuiPanel playground — flat bordered, 12px radius
  • Storybook: EuiCard — still elevated by default
  • Storybook: EuiEmptyPrompt plain — bordered; transparent — flush + rounded footer
  • Storybook: EuiPopover — no unwanted Panel border
  • Spot-check SplitPanel Outer / ResizablePanel / Comment
  • VRT baselines if this ever leaves draft

ryankeairns and others added 4 commits August 12, 2026 11:49
Flip Panel to hasBorder/no shadow by default, wire borderRadius m to border.radius.panel, and soft-deprecate xs/xl padding. Keep Card elevated and Popover borderless; plain EmptyPrompt defaults to a border so main and footer read as one container.

Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
ryankeairns and others added 2 commits August 13, 2026 10:35
Split panes should stay flush; the resizer provides separation after Panel's bordered default.

Co-authored-by: Cursor <cursoragent@cursor.com>
@infra-vault-gh-plugin-prod

Copy link
Copy Markdown

💚 Build Succeeded

History

@infra-vault-gh-plugin-prod

infra-vault-gh-plugin-prod Bot commented Aug 21, 2026

Copy link
Copy Markdown

💔 Build Failed

Failed CI Steps

History

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.

[EuiPanel] Flat by default, softer corners, simpler padding

1 participant