Part of #9893
Depends on: #9894 (radii tokens) — #9903 adds border.radius.control (8px). Prefer basing this work on #9903 / after it merges; don’t invent a temporary 8px.
Goal
Align interactive controls on the shared control radius (8px) so buttons, form inputs, and list items sit on one corner language.
Decisions (locked)
border.radius.control (8px) — no full pill
- Keep flat fill on buttons; no elevation/shadow on buttons
Scope
Already spiked (#9905)
EuiButton / Empty / Icon → euiTheme.border.radius.control
EuiButtonGroup → border.radius.control
Design feedback (still to wire)
- Form input controls (
EuiFormControlLayout / text fields and related inputs) → border.radius.control
EuiListGroupItem → border.radius.control
Out of scope / later
Implementation
Part of #9893
Depends on: #9894 (radii tokens) — #9903 adds
border.radius.control(8px). Prefer basing this work on #9903 / after it merges; don’t invent a temporary 8px.Goal
Align interactive controls on the shared control radius (8px) so buttons, form inputs, and list items sit on one corner language.
Decisions (locked)
border.radius.control(8px) — no full pillScope
Already spiked (#9905)
EuiButton/ Empty / Icon →euiTheme.border.radius.controlEuiButtonGroup→border.radius.controlDesign feedback (still to wire)
EuiFormControlLayout/ text fields and related inputs) →border.radius.controlEuiListGroupItem→border.radius.controlOut of scope / later
Implementation