[BREAKING CHANGE][EuiCollapsibleNavBeta] Remove the component by weronikaolejniczak · Pull Request #9813 · elastic/eui

weronikaolejniczak · 2026-07-16T08:31:36Z

Summary

API Changes

component / parent	prop / child	change	description
`EuiCollapsibleNavBeta`		Removed	Kibana and Cloud UI use the new side nav

Screenshots

N/A

Impact Assessment

Note: Most PRs should be tested in Kibana to help gauge their Impact before merging.

🔴 Breaking changes — What will break? How many usages in Kibana/Cloud UI are impacted?
💅 Visual changes — May impact style overrides; could require visual testing. Explain and estimate impact.
🧪 Test impact — May break functional or snapshot tests (e.g., HTML structure, class names, default values).
🔧 Hard to integrate — If changes require substantial updates to Kibana, please stage the changes and link them here.

Impact level: 🟢 None

Neither Kibana nor Cloud UI use this component. Technically it's a breaking change but there's nothing to do on either side. There will only be i18n changes.

Release Readiness

Documentation: {link to docs page(s)}
Figma: {link to Figma or issue}
Migration guide: {steps or link, for breaking/visual changes or deprecations}
Adoption plan (new features): {link to issue/doc or outline who will integrate this and where}

QA instructions for reviewer

Verify there's nothing connected to EuiCollapsibleNavBeta anywhere: EUI src, docs

Checklist before marking Ready for Review

Filled out all sections above
QA: Tested light/dark modes, high contrast, mobile, Chrome/Safari/Edge/Firefox, keyboard-only, screen reader
QA: Tested in CodeSandbox and Kibana
QA: Tested docs changes
Tests: Added/updated Jest, Cypress, and VRT
Changelog: Added changelog entry
Breaking changes: Added breaking change label (if applicable)

Reviewer checklist

Approved Impact Assessment — Acceptable to merge given the consumer impact.
Approved Release Readiness — Docs, Figma, and migration info are sufficient to ship.

github-actions · 2026-07-16T08:32:01Z

This PR contains breaking changes. The opener of this pull request is asked to perform the following due diligence steps below, to assist EUI in our next Kibana upgrade:

If this PR contains prop/API changes:
- Search through Kibana for <EuiComponent usages (example search)
- In the PR description or in a PR comment, include a count or list with the number of component usages in Kibana that will need to be updated (if that amount is "none", include that information as well)
If this PR contains CSS changes:
- Search through Kibana for the changed EUI selectors, e.g. .euiComponent (example search)
- In the PR description or in a PR comment, include a count or list with the number of custom CSS overrides in Kibana that will need to be updated (if that amount is "none", include that information as well)
🔍 Tip: When searching through Kibana, consider excluding **/target, **/*.snap, **/*.storyshot files to reduce noise and only look at source code usages
⚠️ For extremely risky changes, the EUI team should potentially consider the following precautions:
- Using a pre-release release candidate to test Kibana CI ahead of time
- Using kibana-a-la-carte for manual QA, and to give other Kibana teams a staging server to quickly test against

Log | Bot Usage

infra-vault-gh-plugin-prod · 2026-07-16T08:53:01Z

💚 Build Succeeded

Buildkite Build
Commit: adcc148

cc @weronikaolejniczak

infra-vault-gh-plugin-prod · 2026-07-16T09:02:19Z

💚 Build Succeeded

Buildkite Build
Commit: adcc148
Documentation website
Storybook
✅ Visual regression tests passed

cc @weronikaolejniczak

Copilot

Pull request overview

Removes the deprecated/beta EuiCollapsibleNavBeta side nav implementation (and its related subcomponents, stories, tests, and snapshots) from EUI as a breaking change, reflecting that Kibana/Cloud have moved to a different side navigation solution.

Changes:

Removed EuiCollapsibleNavBeta and all related beta navigation component source, tests, stories, and snapshots.
Removed public export wiring and updated the flyout Cypress spec to stop referencing the beta nav.
Added an upcoming changelog entry documenting the breaking removal.

Reviewed changes

Copilot reviewed 55 out of 55 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
packages/eui/src/components/index.ts	Removes barrel export for `collapsible_nav_beta`.
packages/eui/src/components/flyout/flyout.spec.tsx	Removes beta nav usage in flyout focus/tab-rotation tests.
packages/eui/src/components/collapsible_nav_beta/index.ts	Deletes beta nav public exports.
packages/eui/src/components/collapsible_nav_beta/context.ts	Deletes beta nav context.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/index.ts	Deletes beta nav item exports.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_link.tsx	Deletes beta nav link implementation.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_link.test.tsx	Deletes beta nav link unit tests.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_link.styles.ts	Deletes beta nav link styles.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.tsx	Deletes beta nav item implementation.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.test.tsx	Deletes beta nav item unit tests.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.ts	Deletes beta nav item styles/shared vars.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.stories.tsx	Deletes beta nav item Storybook stories.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.tsx	Deletes beta nav group implementation.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.test.tsx	Deletes beta nav group unit tests.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.tsx	Deletes beta nav accordion implementation.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.test.tsx	Deletes beta nav accordion unit tests.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.ts	Deletes beta nav accordion styles.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsed/index.ts	Deletes collapsed-mode exports.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.tsx	Deletes collapsed popover implementation.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.test.tsx	Deletes collapsed popover tests.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.styles.ts	Deletes collapsed popover styles.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.tsx	Deletes collapsed nav item implementation.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.test.tsx	Deletes collapsed nav item tests.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.stories.tsx	Deletes collapsed nav item stories.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.tsx	Deletes collapsed nav button implementation.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.test.tsx	Deletes collapsed nav button tests.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.styles.ts	Deletes collapsed nav button styles.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsed/snapshots/collapsed_nav_popover.test.tsx.snap	Removes snapshots for collapsed popover tests.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsed/snapshots/collapsed_nav_item.test.tsx.snap	Removes snapshots for collapsed nav item tests.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsed/snapshots/collapsed_nav_button.test.tsx.snap	Removes snapshots for collapsed nav button tests.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/snapshots/collapsible_nav_link.test.tsx.snap	Removes snapshots for nav link tests.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/snapshots/collapsible_nav_item.test.tsx.snap	Removes snapshots for nav item tests.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/snapshots/collapsible_nav_group.test.tsx.snap	Removes snapshots for nav group tests.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/snapshots/collapsible_nav_accordion.test.tsx.snap	Removes snapshots for nav accordion tests.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_button/index.ts	Deletes beta nav button export.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.tsx	Deletes beta nav toggle button implementation.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.test.tsx	Deletes beta nav toggle button tests.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.styles.ts	Deletes beta nav toggle button styles.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_button/snapshots/collapsible_nav_button.test.tsx.snap	Removes snapshots for beta nav button tests.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_body_footer.tsx	Deletes beta nav Body/Footer wrappers.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_body_footer.test.tsx	Deletes beta nav Body/Footer tests.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_body_footer.styles.ts	Deletes beta nav Body/Footer styles.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_beta.tsx	Deletes `EuiCollapsibleNavBeta` implementation.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_beta.test.tsx	Deletes `EuiCollapsibleNavBeta` unit tests.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_beta.styles.ts	Deletes `EuiCollapsibleNavBeta` styles.
packages/eui/src/components/collapsible_nav_beta/collapsible_nav_beta.stories.tsx	Deletes `EuiCollapsibleNavBeta` Storybook stories.
packages/eui/src/components/collapsible_nav_beta/_kibana_solution/index.ts	Deletes Kibana solution export.
packages/eui/src/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.tsx	Deletes Kibana solution component implementation.
packages/eui/src/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.test.tsx	Deletes Kibana solution component tests.
packages/eui/src/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.styles.ts	Deletes Kibana solution component styles.
packages/eui/src/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.stories.tsx	Deletes Kibana solution component stories.
packages/eui/src/components/collapsible_nav_beta/_kibana_solution/snapshots/collapsible_nav_kibana_solution.test.tsx.snap	Removes snapshots for Kibana solution tests.
packages/eui/src/components/collapsible_nav_beta/snapshots/collapsible_nav_body_footer.test.tsx.snap	Removes snapshots for beta Body/Footer tests.
packages/eui/src/components/collapsible_nav_beta/snapshots/collapsible_nav_beta.test.tsx.snap	Removes snapshots for `EuiCollapsibleNavBeta` tests.
packages/eui/changelogs/upcoming/9813.md	Documents breaking removal in upcoming changelog.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

weronikaolejniczak · 2026-07-16T09:25:08Z

+**Breaking changes**
+
+- Removed `EuiCollapsibleNavBeta` and all related beta navigation components (`EuiCollapsibleNavItem`, `EuiCollapsibleNavButton`, `KibanaCollapsibleNavSolution`, etc.). This was a Kibana-specific component. The new side navigation lives in: `@kbn/ui-side-navigation`.


We commit i18n changes on the release PR.

weronikaolejniczak self-assigned this Jul 16, 2026

weronikaolejniczak added the breaking change PRs with breaking changes. (Don't delete - used for automation) label Jul 16, 2026

feat(eui): remove beta collapsible navigation components

6383737

weronikaolejniczak force-pushed the breaking/remove-eui-collapsible-nav-beta branch from a860411 to 6383737 Compare July 16, 2026 08:33

weronikaolejniczak changed the title ~~[EuiCollapsibleNavBeta] Remove the component~~ [BREAKING CHANGE][EuiCollapsibleNavBeta] Remove the component Jul 16, 2026

chore(eui): update changelog filename

adcc148

weronikaolejniczak marked this pull request as ready for review July 16, 2026 09:03

weronikaolejniczak requested a review from a team as a code owner July 16, 2026 09:03

Copilot AI review requested due to automatic review settings July 16, 2026 09:03

Copilot started reviewing on behalf of weronikaolejniczak July 16, 2026 09:04 View session

Copilot AI reviewed Jul 16, 2026

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

[BREAKING CHANGE][EuiCollapsibleNavBeta] Remove the component#9813

[BREAKING CHANGE][EuiCollapsibleNavBeta] Remove the component#9813
weronikaolejniczak wants to merge 2 commits into
elastic:mainfrom
weronikaolejniczak:breaking/remove-eui-collapsible-nav-beta

weronikaolejniczak commented Jul 16, 2026 •

edited

Loading

Uh oh!

github-actions Bot commented Jul 16, 2026

Uh oh!

infra-vault-gh-plugin-prod Bot commented Jul 16, 2026

Uh oh!

infra-vault-gh-plugin-prod Bot commented Jul 16, 2026

Uh oh!

Copilot AI left a comment

Uh oh!

weronikaolejniczak Jul 16, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

		Breaking changes

		- Removed `EuiCollapsibleNavBeta` and all related beta navigation components (`EuiCollapsibleNavItem`, `EuiCollapsibleNavButton`, `KibanaCollapsibleNavSolution`, etc.). This was a Kibana-specific component. The new side navigation lives in: `@kbn/ui-side-navigation`.

Uh oh!

Conversation

weronikaolejniczak commented Jul 16, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

API Changes

Screenshots

Impact Assessment

Release Readiness

QA instructions for reviewer

Checklist before marking Ready for Review

Reviewer checklist

Uh oh!

github-actions Bot commented Jul 16, 2026

Uh oh!

infra-vault-gh-plugin-prod Bot commented Jul 16, 2026

💚 Build Succeeded

Uh oh!

infra-vault-gh-plugin-prod Bot commented Jul 16, 2026

💚 Build Succeeded

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

weronikaolejniczak Jul 16, 2026

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

weronikaolejniczak commented Jul 16, 2026 •

edited

Loading