Update EUI to 107.0.0 by tkajtoch · Pull Request #238715 · elastic/kibana

tkajtoch · 2025-10-13T17:48:16Z

@elastic/eui: v106.7.0 ⏩ v107.0.0
@elastic/eui-theme-borealis: v3.5.0 ⏩ v3.6.0

Questions? Please see our Kibana upgrade FAQ.

Changes

Updated scrollable popovers ResizableSuggestionsListDiv of the unified search and ESQLMenuPopover to prevent broken "floating border" in dark mode (change to separate scrollable container into a standalone element)

before	after

Update usages of EUI shadow utils (e.g. euiShadow()) that are combined with border style to adjust the new automatic "floating border" to prevent duplicate borders
Update map button styles (aligning background color and borders)

before	after

Package updates

`v107.0.0`

Added new shadow tokens (#9088)
- shadows.colors.base
- shadows.xs
- shadows.s
- shadows.m
- shadows.l
- shadows.xl
- shadows.flat
- shadows.hover.base
- shadows.hover.xl
Updated shadow utility functions to return new tokens (#9088)
- euiShadow
- euiShadowXSmall
- euiShadowSmall
- euiShadowMedium
- euiShadowLarge
- euiShadowXLarge
- euiShadowFlat
- euiSlightShadowHover
Added shadow hover utility euiShadowHover (#9088)

Deprecations

Deprecated euiShadowFlat and useEuiShadowFlat - use euiShadow/ useEuiShadow (size xs) or euiShadowXSmall instead (#9088)
Deprecated euiSlightShadowHover and useEuiSlightShadowHover - use euiShadowHover / useEuiShadowHover instead (#9088)

Breaking changes

Updated shadow utility functions (e.g. euiShadow) to apply a floating border style in dark mode. This may lead to visual issues with double borders in dark mode when a regular border styling is applied. - Use the options.border argument on the utils to adjust or remove the floating border as needed. (#9088)

`@elastic/eui-theme-borealis`

`v3.6.0`

Added new shadow tokens (#9088)
- shadows.colors.base
- shadows.xs
- shadows.s
- shadows.m
- shadows.l
- shadows.xl
- shadows.flat
- shadows.hover.base
- shadows.hover.xl

…a regular border is already present

elasticmachine · 2025-10-15T10:09:12Z

Pinging @elastic/eui-team (EUI)

ThomThomson

Presentation team changes LGTM!

elasticmachine · 2025-10-15T14:20:56Z

Pinging @elastic/obs-ux-management-team (Team:obs-ux-management)

jbudz

src/dev/license_checker/config.ts LGTM

PhilippeOberti

LGTM for the @elastic/security-threat-hunting-investigations team

x-pack/platform/test/serverless/functional/test_suites/context/_filters.ts

mgadewoll · 2025-10-17T06:29:45Z

Sorry for the rebasing mess and pings to unrelated reviewers! 🙈

src/platform/test/functional/services/combo_box.ts

eokoneyo

SharedUX changes LGTM

- scopes the check closer to the expected functionality

dmlemeshko

src/platform/test/functional/services/combo_box.ts changes LGTM

elasticmachine · 2025-10-20T07:55:28Z

💛 Build succeeded, but was flaky

Failed CI Steps

FTR Configs #36

Test Failures

[job] [logs] FTR Configs #36 / Cases - group 1 View case Assignees field logs in with default user assigns multiple users

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
`canvas`	1.1MB	1.1MB	+55.0B
`controls`	489.1KB	489.4KB	+312.0B
`core`	132.8KB	132.9KB	+72.0B
`dashboard`	663.9KB	664.2KB	+312.0B
`discover`	1.2MB	1.2MB	+16.0B
`expressionXY`	99.6KB	99.6KB	+20.0B
`lens`	1.5MB	1.5MB	+48.0B
`maps`	3.1MB	3.1MB	+1.2KB
`ml`	5.4MB	5.4MB	+26.0B
`securitySolution`	11.1MB	11.1MB	+29.0B
`slo`	979.8KB	979.8KB	+16.0B
`synthetics`	1.0MB	1.0MB	+36.0B
`unifiedSearch`	393.8KB	394.1KB	+252.0B
`visTypeVega`	2.1MB	2.1MB	+26.0B
`visTypeVislib`	354.4KB	354.4KB	+16.0B
total			+2.4KB

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id	before	after	diff
`kbnUiSharedDeps-npmDll`	6.5MB	6.5MB	+22.0KB
`kbnUiSharedDeps-srcJs`	3.9MB	3.9MB	+4.0KB
total			+26.0KB

History

💚 Build #352276 succeeded 15ce51a
💚 Build #352021 succeeded c444fec
💔 Build #351643 failed b26cec7
💛 Build #350832 was flaky 5f54c82
💔 Build #350591 failed 5f54c82

cc @tkajtoch

AlexGPlay

data discovery changes lgtm

## Summary EUI's new version is breaking the storybook builds, we started to get storybook compilation errors after: #238715

- `@elastic/eui`: `v106.7.0` ⏩ `v107.0.0` - `@elastic/eui-theme-borealis`: `v3.5.0` ⏩ `v3.6.0` [Questions? Please see our Kibana upgrade FAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams) --- ## Changes - Updated scrollable popovers `ResizableSuggestionsListDiv` of the unified search and `ESQLMenuPopover` to prevent broken "floating border" in dark mode (change to separate scrollable container into a standalone element) | before | after | |---|---| | <img width="634" height="854" alt="Screenshot 2025-10-06 at 19 50 01" src="https://github.com/user-attachments/assets/da141bb5-e478-4218-b5bb-5aff95f089ff" /> | <img width="634" height="854" alt="Screenshot 2025-10-06 at 19 50 15" src="https://github.com/user-attachments/assets/f098ce70-9690-46f3-a988-1ee9b8d78f5e" /> | | <img width="279" height="439" alt="Screenshot 2025-10-06 at 18 54 36" src="https://github.com/user-attachments/assets/7496fd91-542d-44d7-acc0-e6cb2ea23531" /> | <img width="274" height="423" alt="Screenshot 2025-10-06 at 18 57 53" src="https://github.com/user-attachments/assets/4d4aa039-f4c2-4266-ab1f-2f42125f1f84" /> | - Update usages of EUI shadow utils (e.g. `euiShadow()`) that are combined with `border` style to adjust the new automatic "floating border" to prevent duplicate borders - Update map button styles (aligning background color and borders) | before | after | |---|---| | <img width="66" height="254" alt="Screenshot 2025-10-14 at 08 21 06" src="https://github.com/user-attachments/assets/02f4fc3d-593d-4d30-bf67-3dd70960e074" /> | <img width="66" height="254" alt="Screenshot 2025-10-14 at 08 15 50" src="https://github.com/user-attachments/assets/0072d2c1-d47b-4014-944a-682f036937b5" /> | | <img width="66" height="254" alt="Screenshot 2025-10-14 at 08 21 27" src="https://github.com/user-attachments/assets/4e639428-43e6-4f39-8f9b-d873549508e8" /> | <img width="66" height="254" alt="Screenshot 2025-10-14 at 08 16 06" src="https://github.com/user-attachments/assets/a35760ec-1939-459e-b463-6b533a354352" /> | ## Package updates ## [`v107.0.0`](https://github.com/elastic/eui/releases/v107.0.0) - Added new shadow tokens ([elastic#9088](elastic/eui#9088)) - `shadows.colors.base` - `shadows.xs` - `shadows.s` - `shadows.m` - `shadows.l` - `shadows.xl` - `shadows.flat` - `shadows.hover.base` - `shadows.hover.xl` - Updated shadow utility functions to return new tokens ([elastic#9088](elastic/eui#9088)) - `euiShadow` - `euiShadowXSmall` - `euiShadowSmall` - `euiShadowMedium` - `euiShadowLarge` - `euiShadowXLarge` - `euiShadowFlat` - `euiSlightShadowHover` - Added shadow hover utility `euiShadowHover` ([elastic#9088](elastic/eui#9088)) **Deprecations** - Deprecated `euiShadowFlat` and `useEuiShadowFlat` - use `euiShadow`/ `useEuiShadow` (size `xs`) or `euiShadowXSmall` instead ([elastic#9088](elastic/eui#9088)) - Deprecated `euiSlightShadowHover` and `useEuiSlightShadowHover` - use `euiShadowHover` / `useEuiShadowHover` instead ([elastic#9088](elastic/eui#9088)) **Breaking changes** - Updated shadow utility functions (e.g. `euiShadow`) to apply a floating border style in dark mode. This may lead to visual issues with double borders in dark mode when a regular `border` styling is applied. - Use the `options.border` argument on the utils to adjust or remove the floating border as needed. ([elastic#9088](elastic/eui#9088)) ### `@elastic/eui-theme-borealis` ## [`v3.6.0`](https://github.com/elastic/eui/blob/main/packages/eui-theme-borealis/changelogs/CHANGELOG_2025.md#v360) - Added new shadow tokens ([elastic#9088](elastic/eui#9088)) - `shadows.colors.base` - `shadows.xs` - `shadows.s` - `shadows.m` - `shadows.l` - `shadows.xl` - `shadows.flat` - `shadows.hover.base` - `shadows.hover.xl` --------- Co-authored-by: Lene Gadewoll <lene.gadewoll@elastic.co>

## Summary EUI's new version is breaking the storybook builds, we started to get storybook compilation errors after: elastic#238715

- `@elastic/eui`: `v106.7.0` ⏩ `v107.0.0` - `@elastic/eui-theme-borealis`: `v3.5.0` ⏩ `v3.6.0` [Questions? Please see our Kibana upgrade FAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams) --- ## Changes - Updated scrollable popovers `ResizableSuggestionsListDiv` of the unified search and `ESQLMenuPopover` to prevent broken "floating border" in dark mode (change to separate scrollable container into a standalone element) | before | after | |---|---| | <img width="634" height="854" alt="Screenshot 2025-10-06 at 19 50 01" src="https://github.com/user-attachments/assets/da141bb5-e478-4218-b5bb-5aff95f089ff" /> | <img width="634" height="854" alt="Screenshot 2025-10-06 at 19 50 15" src="https://github.com/user-attachments/assets/f098ce70-9690-46f3-a988-1ee9b8d78f5e" /> | | <img width="279" height="439" alt="Screenshot 2025-10-06 at 18 54 36" src="https://github.com/user-attachments/assets/7496fd91-542d-44d7-acc0-e6cb2ea23531" /> | <img width="274" height="423" alt="Screenshot 2025-10-06 at 18 57 53" src="https://github.com/user-attachments/assets/4d4aa039-f4c2-4266-ab1f-2f42125f1f84" /> | - Update usages of EUI shadow utils (e.g. `euiShadow()`) that are combined with `border` style to adjust the new automatic "floating border" to prevent duplicate borders - Update map button styles (aligning background color and borders) | before | after | |---|---| | <img width="66" height="254" alt="Screenshot 2025-10-14 at 08 21 06" src="https://github.com/user-attachments/assets/02f4fc3d-593d-4d30-bf67-3dd70960e074" /> | <img width="66" height="254" alt="Screenshot 2025-10-14 at 08 15 50" src="https://github.com/user-attachments/assets/0072d2c1-d47b-4014-944a-682f036937b5" /> | | <img width="66" height="254" alt="Screenshot 2025-10-14 at 08 21 27" src="https://github.com/user-attachments/assets/4e639428-43e6-4f39-8f9b-d873549508e8" /> | <img width="66" height="254" alt="Screenshot 2025-10-14 at 08 16 06" src="https://github.com/user-attachments/assets/a35760ec-1939-459e-b463-6b533a354352" /> | ## Package updates ## [`v107.0.0`](https://github.com/elastic/eui/releases/v107.0.0) - Added new shadow tokens ([elastic#9088](elastic/eui#9088)) - `shadows.colors.base` - `shadows.xs` - `shadows.s` - `shadows.m` - `shadows.l` - `shadows.xl` - `shadows.flat` - `shadows.hover.base` - `shadows.hover.xl` - Updated shadow utility functions to return new tokens ([elastic#9088](elastic/eui#9088)) - `euiShadow` - `euiShadowXSmall` - `euiShadowSmall` - `euiShadowMedium` - `euiShadowLarge` - `euiShadowXLarge` - `euiShadowFlat` - `euiSlightShadowHover` - Added shadow hover utility `euiShadowHover` ([elastic#9088](elastic/eui#9088)) **Deprecations** - Deprecated `euiShadowFlat` and `useEuiShadowFlat` - use `euiShadow`/ `useEuiShadow` (size `xs`) or `euiShadowXSmall` instead ([elastic#9088](elastic/eui#9088)) - Deprecated `euiSlightShadowHover` and `useEuiSlightShadowHover` - use `euiShadowHover` / `useEuiShadowHover` instead ([elastic#9088](elastic/eui#9088)) **Breaking changes** - Updated shadow utility functions (e.g. `euiShadow`) to apply a floating border style in dark mode. This may lead to visual issues with double borders in dark mode when a regular `border` styling is applied. - Use the `options.border` argument on the utils to adjust or remove the floating border as needed. ([elastic#9088](elastic/eui#9088)) ### `@elastic/eui-theme-borealis` ## [`v3.6.0`](https://github.com/elastic/eui/blob/main/packages/eui-theme-borealis/changelogs/CHANGELOG_2025.md#v360) - Added new shadow tokens ([elastic#9088](elastic/eui#9088)) - `shadows.colors.base` - `shadows.xs` - `shadows.s` - `shadows.m` - `shadows.l` - `shadows.xl` - `shadows.flat` - `shadows.hover.base` - `shadows.hover.xl` --------- Co-authored-by: Lene Gadewoll <lene.gadewoll@elastic.co>

## Summary EUI's new version is breaking the storybook builds, we started to get storybook compilation errors after: elastic#238715

tkajtoch and others added 7 commits October 13, 2025 19:14

chore: update @elastic/eui to 107.0.0

7c48f55

refactor: shadow floating border adjustments

b364781

refactor: align map button styles

9042017

refactor: fix eql help scrollable popover styles

5346c6e

refactor: fix unified search suggestion scrollable popover styles

1f9cda1

refactor: update EUI shadow util usages to remove floating border if …

4dc259a

…a regular border is already present

test: update snapshots

c67bef7

tkajtoch self-assigned this Oct 13, 2025

tkajtoch added release_note:skip Skip the PR/issue when compiling release notes EUI backport:skip This PR does not require backporting v9.3.0 labels Oct 13, 2025

mgadewoll added the ci:cloud-deploy Create or update a Cloud deployment label Oct 14, 2025

tkajtoch marked this pull request as ready for review October 15, 2025 10:09

tkajtoch requested review from a team as code owners October 15, 2025 10:09

ThomThomson approved these changes Oct 15, 2025

View reviewed changes

botelastic bot added the Team:actionable-obs Formerly "obs-ux-management", responsible for SLO, o11y alerting, significant events, & synthetics. label Oct 15, 2025

jbudz approved these changes Oct 15, 2025

View reviewed changes

PhilippeOberti approved these changes Oct 15, 2025

View reviewed changes

davismcphee reviewed Oct 15, 2025

View reviewed changes

x-pack/platform/test/serverless/functional/test_suites/context/_filters.ts Show resolved Hide resolved

mgadewoll removed request for a team October 17, 2025 06:25

dmlemeshko reviewed Oct 17, 2025

View reviewed changes

src/platform/test/functional/services/combo_box.ts Outdated Show resolved Hide resolved

eokoneyo approved these changes Oct 17, 2025

View reviewed changes

jeramysoucy approved these changes Oct 17, 2025

View reviewed changes

mgadewoll added 2 commits October 17, 2025 18:49

test: replace sleep with tryWithRetries

15ce51a

- scopes the check closer to the expected functionality

Merge branch 'main' into feat/eui-107.0.0

a6bfa51

dmlemeshko approved these changes Oct 20, 2025

View reviewed changes

tkajtoch enabled auto-merge (squash) October 20, 2025 12:47

mgadewoll mentioned this pull request Oct 20, 2025

[DO NOT MERGE] EUI shadow token testing #230437

Closed

AlexGPlay approved these changes Oct 20, 2025

View reviewed changes

tkajtoch merged commit 78173e6 into elastic:main Oct 20, 2025
14 checks passed

delanni mentioned this pull request Oct 20, 2025

[CI] disable storybook build in the on-merge #239750

Merged

delanni added a commit that referenced this pull request Oct 20, 2025

[CI] disable storybook build in the on-merge (#239750)

5283f84

## Summary EUI's new version is breaking the storybook builds, we started to get storybook compilation errors after: #238715

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Update EUI to 107.0.0#238715

Update EUI to 107.0.0#238715
tkajtoch merged 11 commits intoelastic:mainfrom
tkajtoch:feat/eui-107.0.0

tkajtoch commented Oct 13, 2025 •

edited by mgadewoll

Loading

Uh oh!

elasticmachine commented Oct 15, 2025

Uh oh!

ThomThomson left a comment

Uh oh!

elasticmachine commented Oct 15, 2025

Uh oh!

jbudz left a comment

Uh oh!

PhilippeOberti left a comment

Uh oh!

Uh oh!

mgadewoll commented Oct 17, 2025

Uh oh!

Uh oh!

eokoneyo left a comment

Uh oh!

dmlemeshko left a comment

Uh oh!

elasticmachine commented Oct 20, 2025 •

edited

Loading

Uh oh!

AlexGPlay left a comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

14 participants

Conversation

tkajtoch commented Oct 13, 2025 • edited by mgadewoll Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Changes

Package updates

v107.0.0

@elastic/eui-theme-borealis

v3.6.0

Uh oh!

elasticmachine commented Oct 15, 2025

Uh oh!

ThomThomson left a comment

Choose a reason for hiding this comment

Uh oh!

elasticmachine commented Oct 15, 2025

Uh oh!

jbudz left a comment

Choose a reason for hiding this comment

Uh oh!

PhilippeOberti left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

mgadewoll commented Oct 17, 2025

Uh oh!

Uh oh!

eokoneyo left a comment

Choose a reason for hiding this comment

Uh oh!

dmlemeshko left a comment

Choose a reason for hiding this comment

Uh oh!

elasticmachine commented Oct 20, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

💛 Build succeeded, but was flaky

Failed CI Steps

Test Failures

Metrics [docs]

Async chunks

Page load bundle

History

Uh oh!

AlexGPlay left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

14 participants

tkajtoch commented Oct 13, 2025 •

edited by mgadewoll

Loading

`v107.0.0`

`@elastic/eui-theme-borealis`

`v3.6.0`

elasticmachine commented Oct 20, 2025 •

edited

Loading