Skip to content

Conversation

@weronikaolejniczak
Copy link
Contributor

@weronikaolejniczak weronikaolejniczak commented Jul 21, 2025

@elastic/eui: 106.0.0106.1.0
@elastic/eslint-plugin-eui: 2.1.02.2.1

Questions? Please see our Kibana upgrade FAQ.

New props and defaults have been added to EuiFlyout, including includeSelectorInFocusTrap, plus new global CSS variables for push mode offset control. Additionally, we introduced a small spacing fix for invalid EuiDualRange append component and added support for custom styles on EuiTreeView nodes via the css key.

⚠️ React 16 is now deprecated: EUI no longer tests against it or fixes issues specific to it.

Changes

Package updates

@elastic/eui

v106.1.0

  • Added --euiPushFlyoutOffsetInlineStart and --euiPushFlyoutOffsetInlineEnd global CSS variables set by the EuiFlyout in push mode. (#8872)
  • Reduced the min-width for inputs in EuiRange and EuiDualRange (#8866)
  • Added includeSelectorInFocusTrap prop for EuiFlyout (#8849)
  • Added component defaults for EuiFlyout that include includeSelectorInFocusTrap and includeFixedHeadersInFocusTrap (#8849)

Bug fixes

  • Fixed flaky manual return focus behavior on EuiFlyout by relying on FocusTrap returning focus instead (#8878)
  • Fixed EuiFlyoutChild closing its parent EuiFlyout on Escape keypress (#8878)
  • Fixed support for css key in items object passed to EuiTreeView (#8864)

Deprecations

  • Deprecated support for React 16. Please update to a modern version of React or stay on EUI version 106.0.0 if you can't switch right now. (#8868)

@elastic/eslint-plugin-eui

v2.2.1

Bug fixes

  • Removed no-css_color entry which mapped to a duplicate no-css-color rule (#8888)

v2.2.0

  • Added new prefer-eui-icon-tip rule. (#8877)

@weronikaolejniczak weronikaolejniczak self-assigned this Jul 21, 2025
@weronikaolejniczak weronikaolejniczak added release_note:skip Skip the PR/issue when compiling release notes EUI backport:skip This PR does not require backporting labels Jul 21, 2025
@elasticmachine
Copy link
Contributor

Pinging @elastic/eui-team (EUI)

@weronikaolejniczak weronikaolejniczak marked this pull request as draft July 21, 2025 16:37
@weronikaolejniczak weronikaolejniczak force-pushed the chore/update-eui-to-v106.1.0 branch from e336d43 to 9f33398 Compare July 21, 2025 16:58
@weronikaolejniczak weronikaolejniczak changed the title Upgrade EUI to v106.1.0 and ESLint plugin to v2.2.0 Upgrade EUI to v106.1.0 and ESLint plugin to v2.2.1 Jul 22, 2025
@weronikaolejniczak weronikaolejniczak force-pushed the chore/update-eui-to-v106.1.0 branch 2 times, most recently from 78b9afd to 6b7b601 Compare July 22, 2025 09:28
@weronikaolejniczak weronikaolejniczak marked this pull request as ready for review July 22, 2025 09:45
@weronikaolejniczak weronikaolejniczak force-pushed the chore/update-eui-to-v106.1.0 branch from 20867d2 to 869214a Compare July 22, 2025 09:54
@weronikaolejniczak weronikaolejniczak requested a review from a team as a code owner July 22, 2025 10:26
@weronikaolejniczak weronikaolejniczak force-pushed the chore/update-eui-to-v106.1.0 branch from 1d7ca73 to 4663a92 Compare July 22, 2025 10:35
@weronikaolejniczak weronikaolejniczak requested a review from a team as a code owner July 22, 2025 11:29
@weronikaolejniczak weronikaolejniczak force-pushed the chore/update-eui-to-v106.1.0 branch from e22477f to cfaac05 Compare July 22, 2025 11:30
@weronikaolejniczak weronikaolejniczak removed the request for review from a team July 22, 2025 11:31
@weronikaolejniczak weronikaolejniczak force-pushed the chore/update-eui-to-v106.1.0 branch from 964c816 to da04ce5 Compare July 23, 2025 08:52
@elasticmachine
Copy link
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
controls 484.7KB 484.8KB +72.0B
dashboard 621.1KB 621.1KB +72.0B
maps 3.1MB 3.1MB +72.0B
ml 5.4MB 5.4MB +72.0B
visTypeVega 2.1MB 2.1MB +72.0B
total +360.0B

Page load bundle

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

id before after diff
core 476.0KB 475.9KB -9.0B
kbnUiSharedDeps-npmDll 6.5MB 6.5MB +245.0B
total +236.0B
Unknown metric groups

ESLint disabled line counts

id before after diff
@kbn/test-suites-xpack 53 52 -1

Total ESLint disabled count

id before after diff
@kbn/test-suites-xpack 61 60 -1

History

cc @weronikaolejniczak

@weronikaolejniczak weronikaolejniczak merged commit d7aca7b into elastic:main Jul 23, 2025
14 checks passed
kertal pushed a commit to kertal/kibana that referenced this pull request Jul 25, 2025
`@elastic/eui`: `106.0.0` ⏩ `106.1.0`
`@elastic/eslint-plugin-eui`: `2.1.0` ⏩ `2.2.1`

[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)

New props and defaults have been added to `EuiFlyout`, including
`includeSelectorInFocusTrap`, plus new global CSS variables for push
mode offset control. Additionally, we introduced a small spacing fix for
invalid `EuiDualRange` append component and added support for custom
styles on `EuiTreeView` nodes via the css key.

:warning: **React 16 is now deprecated:** EUI no longer tests against it
or fixes issues specific to it.

## Changes

- I removed forced click in:
`x-pack/test/security_solution_cypress/cypress/tasks/rule_details.ts`
- I removed `{enter}` in:
`x-pack/test/security_solution_cypress/cypress/tasks/common/rule_actions.ts`
(see elastic#228517)

## Package updates

### `@elastic/eui`

#### [`v106.1.0`](https://github.com/elastic/eui/releases/v106.1.0)

- Added `--euiPushFlyoutOffsetInlineStart` and
`--euiPushFlyoutOffsetInlineEnd` global CSS variables set by the
`EuiFlyout` in `push` mode.
([elastic#8872](elastic/eui#8872))
- Reduced the `min-width` for inputs in `EuiRange` and `EuiDualRange`
([elastic#8866](elastic/eui#8866))
- Added `includeSelectorInFocusTrap` prop for `EuiFlyout`
([elastic#8849](elastic/eui#8849))
- Added component defaults for `EuiFlyout` that include
`includeSelectorInFocusTrap` and `includeFixedHeadersInFocusTrap`
([elastic#8849](elastic/eui#8849))

**Bug fixes**

- Fixed flaky manual return focus behavior on `EuiFlyout` by relying on
`FocusTrap` returning focus instead
([elastic#8878](elastic/eui#8878))
- Fixed `EuiFlyoutChild` closing its parent `EuiFlyout` on `Escape`
keypress ([elastic#8878](elastic/eui#8878))
- Fixed support for `css` key in items object passed to `EuiTreeView`
([elastic#8864](elastic/eui#8864))

**Deprecations**

- Deprecated support for React 16. Please update to a modern version of
React or stay on EUI version 106.0.0 if you can't switch right now.
([elastic#8868](elastic/eui#8868))
  
### `@elastic/eslint-plugin-eui`

####
[`v2.2.1`](https://www.npmjs.com/package/@elastic/eslint-plugin-eui/v/2.2.1)

**Bug fixes**

- Removed `no-css_color` entry which mapped to a duplicate
`no-css-color` rule ([elastic#8888](elastic/eui#8888))

####
[`v2.2.0`](https://www.npmjs.com/package/@elastic/eslint-plugin-eui/v/2.2.0)

- Added new `prefer-eui-icon-tip` rule.
([elastic#8877](elastic/eui#8877))
eokoneyo pushed a commit to eokoneyo/kibana that referenced this pull request Jul 31, 2025
`@elastic/eui`: `106.0.0` ⏩ `106.1.0`
`@elastic/eslint-plugin-eui`: `2.1.0` ⏩ `2.2.1`

[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)

New props and defaults have been added to `EuiFlyout`, including
`includeSelectorInFocusTrap`, plus new global CSS variables for push
mode offset control. Additionally, we introduced a small spacing fix for
invalid `EuiDualRange` append component and added support for custom
styles on `EuiTreeView` nodes via the css key.

:warning: **React 16 is now deprecated:** EUI no longer tests against it
or fixes issues specific to it.

## Changes

- I removed forced click in:
`x-pack/test/security_solution_cypress/cypress/tasks/rule_details.ts`
- I removed `{enter}` in:
`x-pack/test/security_solution_cypress/cypress/tasks/common/rule_actions.ts`
(see elastic#228517)

## Package updates

### `@elastic/eui`

#### [`v106.1.0`](https://github.com/elastic/eui/releases/v106.1.0)

- Added `--euiPushFlyoutOffsetInlineStart` and
`--euiPushFlyoutOffsetInlineEnd` global CSS variables set by the
`EuiFlyout` in `push` mode.
([elastic#8872](elastic/eui#8872))
- Reduced the `min-width` for inputs in `EuiRange` and `EuiDualRange`
([elastic#8866](elastic/eui#8866))
- Added `includeSelectorInFocusTrap` prop for `EuiFlyout`
([elastic#8849](elastic/eui#8849))
- Added component defaults for `EuiFlyout` that include
`includeSelectorInFocusTrap` and `includeFixedHeadersInFocusTrap`
([elastic#8849](elastic/eui#8849))

**Bug fixes**

- Fixed flaky manual return focus behavior on `EuiFlyout` by relying on
`FocusTrap` returning focus instead
([elastic#8878](elastic/eui#8878))
- Fixed `EuiFlyoutChild` closing its parent `EuiFlyout` on `Escape`
keypress ([elastic#8878](elastic/eui#8878))
- Fixed support for `css` key in items object passed to `EuiTreeView`
([elastic#8864](elastic/eui#8864))

**Deprecations**

- Deprecated support for React 16. Please update to a modern version of
React or stay on EUI version 106.0.0 if you can't switch right now.
([elastic#8868](elastic/eui#8868))
  
### `@elastic/eslint-plugin-eui`

####
[`v2.2.1`](https://www.npmjs.com/package/@elastic/eslint-plugin-eui/v/2.2.1)

**Bug fixes**

- Removed `no-css_color` entry which mapped to a duplicate
`no-css-color` rule ([elastic#8888](elastic/eui#8888))

####
[`v2.2.0`](https://www.npmjs.com/package/@elastic/eslint-plugin-eui/v/2.2.0)

- Added new `prefer-eui-icon-tip` rule.
([elastic#8877](elastic/eui#8877))
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport:skip This PR does not require backporting EUI release_note:skip Skip the PR/issue when compiling release notes v9.2.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants