Skip to content

[8.19] Update Emotion dependencies (main) (#251761)#260117

Merged
tsullivan merged 12 commits intoelastic:8.19from
tsullivan:backport/8.19/pr-251761
Apr 1, 2026
Merged

[8.19] Update Emotion dependencies (main) (#251761)#260117
tsullivan merged 12 commits intoelastic:8.19from
tsullivan:backport/8.19/pr-251761

Conversation

@tsullivan
Copy link
Copy Markdown
Member

Backport

This will backport the following commits from main to 8.19:

Questions ?

Please refer to the Backport tool documentation

This PR contains the following updates:

| Package | Type | Update | Change |
|---|---|---|---|
|
[@emotion/cache](https://github.com/emotion-js/emotion/tree/main#readme)
([source](https://github.com/emotion-js/emotion)) |
dependencies | minor | [`11.11.0` ->
`11.14.0`](https://renovatebot.com/diffs/npm/@emotion%2fcache/11.11.0/11.14.0)
|
| [@emotion/css](https://emotion.sh)
([source](https://github.com/emotion-js/emotion)) |
peerDependencies | minor | [`^11.11.0` ->
`^11.13.5`](https://renovatebot.com/diffs/npm/@emotion%2fcss/11.11.0/11.13.5)
|
| [@emotion/css](https://emotion.sh)
([source](https://github.com/emotion-js/emotion)) |
peerDependencies | minor | [`>=11.0.0` ->
`>=11.13.5`](https://renovatebot.com/diffs/npm/@emotion%2fcss/11.0.0/11.13.5)
|
| [@emotion/css](https://emotion.sh)
([source](https://github.com/emotion-js/emotion)) |
dependencies | minor | [`11.11.0` ->
`11.13.5`](https://renovatebot.com/diffs/npm/@emotion%2fcss/11.11.0/11.13.5)
|
|
[@emotion/react](https://github.com/emotion-js/emotion/tree/main#readme)
([source](https://github.com/emotion-js/emotion)) |
peerDependencies | minor | [`^11.0.0` ->
`^11.14.0`](https://renovatebot.com/diffs/npm/@emotion%2freact/11.0.0/11.14.0)
|
|
[@emotion/react](https://github.com/emotion-js/emotion/tree/main#readme)
([source](https://github.com/emotion-js/emotion)) |
peerDependencies | minor | [`>=11.0.0` ->
`>=11.14.0`](https://renovatebot.com/diffs/npm/@emotion%2freact/11.0.0/11.14.0)
|
|
[@emotion/react](https://github.com/emotion-js/emotion/tree/main#readme)
([source](https://github.com/emotion-js/emotion)) |
dependencies | minor | [`11.11.1` ->
`11.14.0`](https://renovatebot.com/diffs/npm/@emotion%2freact/11.11.1/11.14.0)
|
|
[@emotion/serialize](https://github.com/emotion-js/emotion/tree/main#readme)
([source](https://github.com/emotion-js/emotion)) |
dependencies | minor | [`1.1.2` ->
`1.3.3`](https://renovatebot.com/diffs/npm/@emotion%2fserialize/1.1.2/1.3.3)
|
|
[@emotion/styled](https://github.com/emotion-js/emotion/tree/main#readme)
([source](https://github.com/emotion-js/emotion)) |
dependencies | minor | [`11.11.0` ->
`11.14.1`](https://renovatebot.com/diffs/npm/@emotion%2fstyled/11.11.0/11.14.1)
|

---

> [!WARNING]
> Some dependencies could not be looked up. Check the Dependency
Dashboard for more information.

---

### Release Notes

<details>
<summary>emotion-js/emotion (@&elastic#8203;emotion/cache)</summary>

###
[`v11.14.0`](https://github.com/emotion-js/emotion/releases/tag/%40emotion/cache%4011.14.0)

[Compare
Source](https://github.com/emotion-js/emotion/compare/@emotion/cache@11.13.5...@emotion/cache@11.14.0)

##### Minor Changes

-
[#&elastic#8203;3277](https://github.com/emotion-js/emotion/pull/3277)
[`8dc1a6d`](https://github.com/emotion-js/emotion/commit/8dc1a6dd19d2dc9ce435ef0aff85ccf5647f5d2e)
Thanks [@&elastic#8203;Andarist](https://github.com/Andarist)! -
Source code has been migrated to TypeScript. From now on type
declarations will be emitted based on that, instead of being
hand-written.

###
[`v11.13.5`](https://github.com/emotion-js/emotion/releases/tag/%40emotion/css%4011.13.5)

[Compare
Source](https://github.com/emotion-js/emotion/compare/@emotion/cache@11.13.1...@emotion/cache@11.13.5)

##### Patch Changes

-
[#&elastic#8203;3270](https://github.com/emotion-js/emotion/pull/3270)
[`77d930d`](https://github.com/emotion-js/emotion/commit/77d930dc708015ff6fd34a1084bb343b02d732fa)
Thanks [@&elastic#8203;emmatown](https://github.com/emmatown)! - Fix
inconsistent hashes using development vs production bundles/`exports`
conditions when using `@emotion/babel-plugin` with `sourceMap: true`
(the default). This is particularly visible when using Emotion with the
Next.js Pages router where the `development` condition is used when
bundling code but not when importing external code with Node.js.

- Updated dependencies
\[[`77d930d`](https://github.com/emotion-js/emotion/commit/77d930dc708015ff6fd34a1084bb343b02d732fa)]:
-
[@&elastic#8203;emotion/serialize](https://github.com/emotion/serialize)[@&#8203;1](https://github.com/1).3.3
-
[@&elastic#8203;emotion/cache](https://github.com/emotion/cache)[@&#8203;11](https://github.com/11).13.5
-
[@&elastic#8203;emotion/utils](https://github.com/emotion/utils)[@&#8203;1](https://github.com/1).4.2
-
[@&elastic#8203;emotion/babel-plugin](https://github.com/emotion/babel-plugin)[@&#8203;11](https://github.com/11).13.5

###
[`v11.13.1`](https://github.com/emotion-js/emotion/releases/tag/%40emotion/cache%4011.13.1)

[Compare
Source](https://github.com/emotion-js/emotion/compare/@emotion/cache@11.13.0...@emotion/cache@11.13.1)

##### Patch Changes

-
[#&elastic#8203;3219](https://github.com/emotion-js/emotion/pull/3219)
[`c72d279`](https://github.com/emotion-js/emotion/commit/c72d2798fe5d9e245ebe91e1b612919fda4ee0cf)
Thanks [@&elastic#8203;Andarist](https://github.com/Andarist)! -
Removed incorrect tripleslash directive referencing node types

###
[`v11.13.0`](https://github.com/emotion-js/emotion/releases/tag/%40emotion/css%4011.13.0)

[Compare
Source](https://github.com/emotion-js/emotion/compare/@emotion/cache@11.12.0...@emotion/cache@11.13.0)

##### Minor Changes

-
[#&elastic#8203;3198](https://github.com/emotion-js/emotion/pull/3198)
[`d8ff8a5`](https://github.com/emotion-js/emotion/commit/d8ff8a5990c691017b463b3fa23a9f46ab28147b)
Thanks [@&elastic#8203;Andarist](https://github.com/Andarist)! -
Migrated away from relying on `process.env.NODE_ENV` checks to
differentiate between production and development builds.

Development builds (and other environment-specific builds) can be used
by using proper conditions (see
[here](https://nodejs.org/docs/v20.15.1/api/packages.html#resolving-user-conditions)).
Most modern bundlers/frameworks already preconfigure those for the user
so no action has to be taken.

    Default files should continue to work in all environments.

##### Patch Changes

- Updated dependencies
\[[`d8ff8a5`](https://github.com/emotion-js/emotion/commit/d8ff8a5990c691017b463b3fa23a9f46ab28147b),
[`a9f6912`](https://github.com/emotion-js/emotion/commit/a9f691299844bf6837b7ad41ee17cd912496f3d5)]:
-
[@&elastic#8203;emotion/cache](https://github.com/emotion/cache)[@&#8203;11](https://github.com/11).13.0
-
[@&elastic#8203;emotion/serialize](https://github.com/emotion/serialize)[@&#8203;1](https://github.com/1).3.0
-
[@&elastic#8203;emotion/sheet](https://github.com/emotion/sheet)[@&#8203;1](https://github.com/1).4.0
-
[@&elastic#8203;emotion/utils](https://github.com/emotion/utils)[@&#8203;1](https://github.com/1).4.0

###
[`v11.12.0`](https://github.com/emotion-js/emotion/releases/tag/%40emotion/css%4011.12.0)

[Compare
Source](https://github.com/emotion-js/emotion/compare/@emotion/cache@11.11.0...@emotion/cache@11.12.0)

##### Minor Changes

-
[#&elastic#8203;2558](https://github.com/emotion-js/emotion/pull/2558)
[`85772c3`](https://github.com/emotion-js/emotion/commit/85772c33ecb01c70bc8afafa627c9fb7140b593c)
Thanks [@&elastic#8203;emmatown](https://github.com/emmatown)! -
Source code has been migrated to TypeScript. From now on type
declarations will be emitted based on that, instead of being
hand-written.

##### Patch Changes

-
[#&elastic#8203;2558](https://github.com/emotion-js/emotion/pull/2558)
[`85772c3`](https://github.com/emotion-js/emotion/commit/85772c33ecb01c70bc8afafa627c9fb7140b593c)
Thanks [@&elastic#8203;emmatown](https://github.com/emmatown)! - Fixed
`options` parameter to `createEmotion` from
`@emotion/css/create-instance` incorrectly being marked as optional when
it's required.

- Updated dependencies
\[[`9ca22c6`](https://github.com/emotion-js/emotion/commit/9ca22c6c23e9effa086d161a9b0ae1c645686680),
[`16d8a8c`](https://github.com/emotion-js/emotion/commit/16d8a8c2198461c4842c73048b406c346a70aa59),
[`52aadc6`](https://github.com/emotion-js/emotion/commit/52aadc6e77140867392f81545cc92e04fd84d453),
[`52aadc6`](https://github.com/emotion-js/emotion/commit/52aadc6e77140867392f81545cc92e04fd84d453)]:
-
[@&elastic#8203;emotion/serialize](https://github.com/emotion/serialize)[@&#8203;1](https://github.com/1).2.0
-
[@&elastic#8203;emotion/utils](https://github.com/emotion/utils)[@&#8203;1](https://github.com/1).3.0
-
[@&elastic#8203;emotion/sheet](https://github.com/emotion/sheet)[@&#8203;1](https://github.com/1).3.0
-
[@&elastic#8203;emotion/babel-plugin](https://github.com/emotion/babel-plugin)[@&#8203;11](https://github.com/11).12.0
-
[@&elastic#8203;emotion/cache](https://github.com/emotion/cache)[@&#8203;11](https://github.com/11).12.0

</details>

---

### Configuration

📅 **Schedule**: Branch creation - At any time (no schedule defined),
Automerge - At any time (no schedule defined).

🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.

♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the
rebase/retry checkbox.

👻 **Immortal**: This PR will be recreated if closed unmerged. Get
[config
help](https://github.com/renovatebot/renovate/discussions) if
that's undesired.

---

- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box

---

This PR has been generated by [Renovate
Bot](https://github.com/renovatebot/renovate).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzOS4xMDcuMCIsInVwZGF0ZWRJblZlciI6IjM5LjEwNy4wIiwidGFyZ2V0QnJhbmNoIjoibWFpbiIsImxhYmVscyI6WyJUZWFtOlNoYXJlZFVYIiwiYmFja3BvcnQ6YWxsLW9wZW4iLCJyZWxlYXNlX25vdGU6c2tpcCJdfQ==-->

---------

Co-authored-by: elastic-renovate-prod[bot] <174716857+elastic-renovate-prod[bot]@users.noreply.github.com>
Co-authored-by: Timothy Sullivan <tsullivan@elastic.co>
Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
(cherry picked from commit 2ae694c)

# Conflicts:
#	package.json
#	src/core/packages/chrome/navigation/packaging/package.json
#	src/core/packages/chrome/navigation/src/__tests__/__snapshots__/both_modes.test.tsx.snap
#	src/core/packages/chrome/navigation/src/__tests__/__snapshots__/collapsed_mode.test.tsx.snap
#	src/core/packages/chrome/navigation/src/__tests__/__snapshots__/expanded_mode.test.tsx.snap
#	src/core/packages/overlays/browser-internal/src/banners/banners_list.test.tsx
#	src/platform/packages/shared/kbn-css-utils/public/use_memo_css.ts
#	src/platform/packages/shared/kbn-unified-data-table/src/components/compare_documents/hooks/__snapshots__/use_comparison_css.test.ts.snap
#	src/platform/packages/shared/shared-ux/button_toolbar/src/buttons/add_from_library/__snapshots__/add_from_library.test.tsx.snap
#	src/platform/packages/shared/shared-ux/button_toolbar/src/popover/__snapshots__/popover.test.tsx.snap
#	src/platform/packages/shared/shared-ux/page/solution_nav/src/__snapshots__/solution_nav.test.tsx.snap
#	src/platform/plugins/private/vis_type_markdown/public/__snapshots__/markdown_options.test.tsx.snap
#	src/platform/plugins/shared/console/packaging/package.json
#	src/platform/plugins/shared/data_view_field_editor/public/components/field_format_editor/editors/url/__snapshots__/url.test.tsx.snap
#	src/platform/plugins/shared/home/public/application/components/solutions_section/__snapshots__/solution_panel.test.tsx.snap
#	src/platform/plugins/shared/saved_objects_management/public/management_section/object_view/components/__snapshots__/not_found_errors.test.tsx.snap
#	x-pack/platform/plugins/private/index_lifecycle_management/__jest__/__snapshots__/extend_index_management.test.tsx.snap
#	x-pack/platform/plugins/private/monitoring/public/components/no_data/explanations/exporters/__snapshots__/exporters.test.js.snap
#	x-pack/platform/plugins/private/monitoring/public/components/no_data/reasons/__snapshots__/reason_found.test.js.snap
#	x-pack/platform/plugins/private/monitoring/public/components/sparkline/__snapshots__/index.test.js.snap
#	x-pack/platform/plugins/shared/license_management/__jest__/__snapshots__/request_trial_extension.test.tsx.snap
#	x-pack/platform/plugins/shared/license_management/__jest__/__snapshots__/revert_to_basic.test.tsx.snap
#	x-pack/platform/plugins/shared/license_management/__jest__/__snapshots__/start_trial.test.tsx.snap
#	x-pack/platform/plugins/shared/maps/public/connected_components/mb_map/scale_control/__snapshots__/scale_control.test.tsx.snap
#	x-pack/platform/plugins/shared/maps/public/connected_components/mb_map/tooltip_control/features_tooltip/__snapshots__/feature_properties.test.tsx.snap
#	x-pack/platform/plugins/shared/ml/public/application/settings/calendars/list/__snapshots__/header.test.js.snap
#	x-pack/platform/plugins/shared/ml/public/application/settings/filter_lists/list/__snapshots__/header.test.js.snap
#	x-pack/solutions/observability/plugins/uptime/public/legacy_uptime/components/monitor/ping_list/__snapshots__/expanded_row.test.tsx.snap
#	x-pack/solutions/observability/plugins/uptime/public/legacy_uptime/components/monitor/status_details/__snapshots__/monitor_status.bar.test.tsx.snap
#	x-pack/solutions/security/plugins/kubernetes_security/public/components/tree_view_container/breadcrumb/__snapshots__/index.test.tsx.snap
#	x-pack/solutions/security/plugins/security_solution/public/explore/network/components/details/__snapshots__/index.test.tsx.snap
#	x-pack/solutions/security/plugins/security_solution/public/explore/network/components/port/__snapshots__/index.test.tsx.snap
#	x-pack/solutions/security/plugins/security_solution/public/timelines/components/field_renderers/__snapshots__/field_renderers.test.tsx.snap
#	x-pack/solutions/security/plugins/security_solution/public/timelines/components/netflow/__snapshots__/index.test.tsx.snap
#	x-pack/solutions/security/plugins/security_solution/public/timelines/components/timeline/body/renderers/netflow/__snapshots__/netflow_row_renderer.test.tsx.snap
#	x-pack/solutions/security/plugins/session_view/public/components/detail_panel_copy/__snapshots__/index.test.tsx.snap
#	x-pack/solutions/security/plugins/session_view/public/components/process_tree_alert/__snapshots__/index.test.tsx.snap
#	yarn.lock
@tsullivan tsullivan added the backport This PR is a backport of another PR label Mar 27, 2026
@tsullivan tsullivan enabled auto-merge (squash) March 27, 2026 21:52
@botelastic botelastic bot added the Team:obs-presentation Focus: APM UI, Infra UI, Hosts UI, Universal Profiling, Obs Overview and left Navigation label Mar 31, 2026
@elasticmachine
Copy link
Copy Markdown
Contributor

Pinging @elastic/obs-presentation-team (Team:obs-presentation)

@macroscopeapp
Copy link
Copy Markdown
Contributor

macroscopeapp bot commented Mar 31, 2026

Approvability

Verdict: Needs human review

This is a dependency upgrade for Emotion (CSS-in-JS library) from v11.11 to v11.14, with corresponding test snapshot updates and a new Jest serializer for test compatibility. While the changes are mechanical with no runtime behavior impact, all files are owned by @kibanamachine and the author lacks code ownership, warranting designated owner review.

You can customize Macroscope's approvability policy. Learn more.

@elasticmachine
Copy link
Copy Markdown
Contributor

💚 Build Succeeded

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
apm 2.7MB 2.7MB +3.0B
cases 1.4MB 1.4MB +3.0B
embeddableAlertsTable 970.5KB 970.5KB +3.0B
fleet 2.0MB 2.0MB +3.0B
infra 1.6MB 1.6MB +5.0B
logsExplorer 205.0KB 205.0KB +3.0B
metricsDataAccess 65.3KB 65.3KB -9.0B
ml 5.5MB 5.5MB +3.0B
observability 1.4MB 1.4MB +3.0B
observabilityLogsExplorer 291.4KB 291.4KB +3.0B
osquery 1.0MB 1.0MB +5.0B
securitySolution 9.5MB 9.5MB +9.0B
securitySolutionEss 45.4KB 45.4KB +10.0B
securitySolutionServerless 67.6KB 67.6KB +35.0B
streamsApp 585.2KB 585.2KB +3.0B
synthetics 1.0MB 1.0MB +5.0B
triggersActionsUi 1.6MB 1.6MB +5.0B
total +92.0B

Page load bundle

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

id before after diff
discover 22.3KB 22.3KB -1.0B
elasticAssistant 275.0KB 275.0KB +3.0B
kbnUiSharedDeps-npmDll 6.1MB 6.1MB -460.0B
total -458.0B

History

Copy link
Copy Markdown
Contributor

@eokoneyo eokoneyo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

code review, didn't test this

@tsullivan tsullivan merged commit 5748023 into elastic:8.19 Apr 1, 2026
19 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport This PR is a backport of another PR Team:obs-presentation Focus: APM UI, Infra UI, Hosts UI, Universal Profiling, Obs Overview and left Navigation

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants