mirror of
https://github.com/elastic/kibana.git
synced 2025-06-28 11:05:39 -04:00
3a7dba9ff8
# Backport This will backport the following commits from `main` to `9.0`: - [Upgrade EUI to v102.3.0 (#222149)](https://github.com/elastic/kibana/pull/222149) <!--- Backport version: 10.0.0 --> ### Questions ? Please refer to the [Backport tool documentation](https://github.com/sorenlouv/backport) <!--BACKPORT [{"author":{"name":"Lene Gadewoll","email":"lene.gadewoll@elastic.co"},"sourceCommit":{"committedDate":"2025-06-09T09:04:46Z","message":"Upgrade EUI to v102.3.0 (#222149)\n\n`102.2.0` ⏩ `102.3.0`\n\n[Questions? Please see our Kibana upgrade\nFAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams)\n\n## Changes\n\n>[!IMPORTANT]\nThis release contains the visual refresh updates for buttons ⏹️ 💅 \nThese have already been available for QA ahead of time on [this\nPR](https://github.com/elastic/kibana/pull/220093).\n\n1. **EUI changes**: Adds all Visual Refresh related EUI changes on\nbutton components:\n\n- `EuiButton`\n- `EuiButtonEmpty`\n- `EuiButtonIcon`\n- `EuiButtonGroup`\n- `EuiFilterGroup`/`EuiFilterButton`\n\n2. **EUI button component API updates:** Updates instances of\n`EuiFilterButton` usages that were missing `isSelected` prop or that\nshould use the new `isToggle` prop to ensure the expected visual and\nsemantic output as toggle button.\n\n<details><summary><b>Examples of new toggle filter buttons</b></summary>\n\n| before | after |\n|---|---|\n| \n| \n|\n| \n| \n|\n| \n| \n|\n</details>\n\n\n3. **Custom styling updates:** Updates custom styling overrides on EUI\nbutton components in selected **high-visibility places** (discover,\ndashboard, lens) to ensure expected Visual Refresh output. (This is a\nfirst iteration step to ensure expected design. In the future we want to\nreplace custom buttons with proper EUI components)\n\n<details><summary><b>Updated custom button styling</b></summary>\n\n| Solution/Area | After |\n|---|---|\n| Discover(classic) | \n|\n| Discover(ES/QL) | \n|\n| Dashboard(Create Visualization) | \n|\n| Maps: Aligned map toolbar button hover | \n|\n\n</details>\n\n## Package updates\n\n### `@elastic/eui`\n\n## [`v102.3.0`](https://github.com/elastic/eui/releases/v102.3.0)\n\n- Added support for `focusTrapProps.returnFocus` on `EuiFlyout`\n([#8716](https://github.com/elastic/eui/pull/8716))\n- Updated `EuiDataGridToolbarControl` hover styles by removing\ntext-decoration and changing the badge background-color to ensure enough\ncontrast ([#8670](https://github.com/elastic/eui/pull/8670))\n- Added prop `isToggle` on `EuiFilterButton` to switch between regular\nand toggle button ([#8652](https://github.com/elastic/eui/pull/8652))\n- Updated `hasActiveFilters` on `EuiFilterButton` to only control\nhighlighting filters, not a visual selected state\n([#8652](https://github.com/elastic/eui/pull/8652))\n- Updated `EuiFilterButton` to ensure `isSelected` prop applies both\nsemantic and visual states\n([#8652](https://github.com/elastic/eui/pull/8652))\n- Updated visual styling of `EuiButtonGroup`, `EuiFilterGroup` and\n`EuiFilterButton` ([#8652](https://github.com/elastic/eui/pull/8652))\n- Updated `EuiNotificationBadge` border radius to `2px`\n([#8652](https://github.com/elastic/eui/pull/8652))\n- Updated `EuiBreadcrumbs` text color for `type=\"application\"`\n([#8652](https://github.com/elastic/eui/pull/8652))\n- Added new `refresh` design variant for button components:\n([#8595](https://github.com/elastic/eui/pull/8595))\n - `EuiButton`\n - `EuiButtonEmpty`\n - `EuiButtonIcon`\n- Added `flags.buttonVariant` with value `classic` to\n`euiThemeAmsterdam` ([#8595](https://github.com/elastic/eui/pull/8595))\n- Added new button background component tokens to Amsterdam theme:\n([#8595](https://github.com/elastic/eui/pull/8595))\n - `background{color}Hover`\n - `background{color}Active`\n - `backgroundFilled{color}Hover`\n - `backgroundFilled{color}Active`\n - `backgroundEmpty{color}Hover`\n - `backgroundEmpty{color}Active`\n\n**Bug fixes**\n\n- Fixed an issue with `EuiDataGrid` where navigating cells with\nsimultaneous key presses would result in a crash in React 18 legacy mode\n([#8698](https://github.com/elastic/eui/pull/8698))\n\n**Accessibility**\n\n- Improved the accessibility experience of `EuiMarkdownEditorFooter` by\nfixing the ARIA attributes of the `syntax help` modal.\n([#8702](https://github.com/elastic/eui/pull/8702))\n\n### `@elastic/eui-theme-borealis`\n\n## [`v1.1.0`](https://github.com/elastic/eui/releases/v1.1.0)\n\n- Added token `filterButtonBadgeBackgroundHover`\n([#8652](https://github.com/elastic/eui/pull/8652))\n- Updated values for tokens `buttonGroupFocusColor` and\n`buttonGroupBackgroundDisabledSelected`\n([#8652](https://github.com/elastic/eui/pull/8652))\n- Added `flags.buttonVariant` with value `refresh` to `euiThemeBorealis`\n([#8595](https://github.com/elastic/eui/pull/8595))\n- Added new button background component tokens:\n([#8595](https://github.com/elastic/eui/pull/8595))\n - `background{color}Hover`\n - `background{color}Active`\n - `backgroundFilled{color}Hover`\n - `backgroundFilled{color}Active`\n - `backgroundEmpty{color}Hover`\n - `backgroundEmpty{color}Active`\n- Updated `backgroundLightText` token value to `shade120`\n([#8595](https://github.com/elastic/eui/pull/8595))\n\n---------\n\nCo-authored-by: “jeramysoucy” <jeramy.soucy@elastic.co>\nCo-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>","sha":"b2d1075032238c5b6ea9a31b8271eed04a7c3b7e","branchLabelMapping":{"^v9.1.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","EUI","Team:Fleet","backport:prev-minor","ci:cloud-deploy","Team:obs-ux-management","backport:version","v9.1.0","v8.19.0","v9.0.2"],"title":"Upgrade EUI to v102.3.0","number":222149,"url":"https://github.com/elastic/kibana/pull/222149","mergeCommit":{"message":"Upgrade EUI to v102.3.0 (#222149)\n\n`102.2.0` ⏩ `102.3.0`\n\n[Questions? Please see our Kibana upgrade\nFAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams)\n\n## Changes\n\n>[!IMPORTANT]\nThis release contains the visual refresh updates for buttons ⏹️ 💅 \nThese have already been available for QA ahead of time on [this\nPR](https://github.com/elastic/kibana/pull/220093).\n\n1. **EUI changes**: Adds all Visual Refresh related EUI changes on\nbutton components:\n\n- `EuiButton`\n- `EuiButtonEmpty`\n- `EuiButtonIcon`\n- `EuiButtonGroup`\n- `EuiFilterGroup`/`EuiFilterButton`\n\n2. **EUI button component API updates:** Updates instances of\n`EuiFilterButton` usages that were missing `isSelected` prop or that\nshould use the new `isToggle` prop to ensure the expected visual and\nsemantic output as toggle button.\n\n<details><summary><b>Examples of new toggle filter buttons</b></summary>\n\n| before | after |\n|---|---|\n| \n| \n|\n| \n| \n|\n| \n| \n|\n</details>\n\n\n3. **Custom styling updates:** Updates custom styling overrides on EUI\nbutton components in selected **high-visibility places** (discover,\ndashboard, lens) to ensure expected Visual Refresh output. (This is a\nfirst iteration step to ensure expected design. In the future we want to\nreplace custom buttons with proper EUI components)\n\n<details><summary><b>Updated custom button styling</b></summary>\n\n| Solution/Area | After |\n|---|---|\n| Discover(classic) | \n|\n| Discover(ES/QL) | \n|\n| Dashboard(Create Visualization) | \n|\n| Maps: Aligned map toolbar button hover | \n|\n\n</details>\n\n## Package updates\n\n### `@elastic/eui`\n\n## [`v102.3.0`](https://github.com/elastic/eui/releases/v102.3.0)\n\n- Added support for `focusTrapProps.returnFocus` on `EuiFlyout`\n([#8716](https://github.com/elastic/eui/pull/8716))\n- Updated `EuiDataGridToolbarControl` hover styles by removing\ntext-decoration and changing the badge background-color to ensure enough\ncontrast ([#8670](https://github.com/elastic/eui/pull/8670))\n- Added prop `isToggle` on `EuiFilterButton` to switch between regular\nand toggle button ([#8652](https://github.com/elastic/eui/pull/8652))\n- Updated `hasActiveFilters` on `EuiFilterButton` to only control\nhighlighting filters, not a visual selected state\n([#8652](https://github.com/elastic/eui/pull/8652))\n- Updated `EuiFilterButton` to ensure `isSelected` prop applies both\nsemantic and visual states\n([#8652](https://github.com/elastic/eui/pull/8652))\n- Updated visual styling of `EuiButtonGroup`, `EuiFilterGroup` and\n`EuiFilterButton` ([#8652](https://github.com/elastic/eui/pull/8652))\n- Updated `EuiNotificationBadge` border radius to `2px`\n([#8652](https://github.com/elastic/eui/pull/8652))\n- Updated `EuiBreadcrumbs` text color for `type=\"application\"`\n([#8652](https://github.com/elastic/eui/pull/8652))\n- Added new `refresh` design variant for button components:\n([#8595](https://github.com/elastic/eui/pull/8595))\n - `EuiButton`\n - `EuiButtonEmpty`\n - `EuiButtonIcon`\n- Added `flags.buttonVariant` with value `classic` to\n`euiThemeAmsterdam` ([#8595](https://github.com/elastic/eui/pull/8595))\n- Added new button background component tokens to Amsterdam theme:\n([#8595](https://github.com/elastic/eui/pull/8595))\n - `background{color}Hover`\n - `background{color}Active`\n - `backgroundFilled{color}Hover`\n - `backgroundFilled{color}Active`\n - `backgroundEmpty{color}Hover`\n - `backgroundEmpty{color}Active`\n\n**Bug fixes**\n\n- Fixed an issue with `EuiDataGrid` where navigating cells with\nsimultaneous key presses would result in a crash in React 18 legacy mode\n([#8698](https://github.com/elastic/eui/pull/8698))\n\n**Accessibility**\n\n- Improved the accessibility experience of `EuiMarkdownEditorFooter` by\nfixing the ARIA attributes of the `syntax help` modal.\n([#8702](https://github.com/elastic/eui/pull/8702))\n\n### `@elastic/eui-theme-borealis`\n\n## [`v1.1.0`](https://github.com/elastic/eui/releases/v1.1.0)\n\n- Added token `filterButtonBadgeBackgroundHover`\n([#8652](https://github.com/elastic/eui/pull/8652))\n- Updated values for tokens `buttonGroupFocusColor` and\n`buttonGroupBackgroundDisabledSelected`\n([#8652](https://github.com/elastic/eui/pull/8652))\n- Added `flags.buttonVariant` with value `refresh` to `euiThemeBorealis`\n([#8595](https://github.com/elastic/eui/pull/8595))\n- Added new button background component tokens:\n([#8595](https://github.com/elastic/eui/pull/8595))\n - `background{color}Hover`\n - `background{color}Active`\n - `backgroundFilled{color}Hover`\n - `backgroundFilled{color}Active`\n - `backgroundEmpty{color}Hover`\n - `backgroundEmpty{color}Active`\n- Updated `backgroundLightText` token value to `shade120`\n([#8595](https://github.com/elastic/eui/pull/8595))\n\n---------\n\nCo-authored-by: “jeramysoucy” <jeramy.soucy@elastic.co>\nCo-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>","sha":"b2d1075032238c5b6ea9a31b8271eed04a7c3b7e"}},"sourceBranch":"main","suggestedTargetBranches":["8.19","9.0"],"targetPullRequestStates":[{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/222149","number":222149,"mergeCommit":{"message":"Upgrade EUI to v102.3.0 (#222149)\n\n`102.2.0` ⏩ `102.3.0`\n\n[Questions? Please see our Kibana upgrade\nFAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams)\n\n## Changes\n\n>[!IMPORTANT]\nThis release contains the visual refresh updates for buttons ⏹️ 💅 \nThese have already been available for QA ahead of time on [this\nPR](https://github.com/elastic/kibana/pull/220093).\n\n1. **EUI changes**: Adds all Visual Refresh related EUI changes on\nbutton components:\n\n- `EuiButton`\n- `EuiButtonEmpty`\n- `EuiButtonIcon`\n- `EuiButtonGroup`\n- `EuiFilterGroup`/`EuiFilterButton`\n\n2. **EUI button component API updates:** Updates instances of\n`EuiFilterButton` usages that were missing `isSelected` prop or that\nshould use the new `isToggle` prop to ensure the expected visual and\nsemantic output as toggle button.\n\n<details><summary><b>Examples of new toggle filter buttons</b></summary>\n\n| before | after |\n|---|---|\n| \n| \n|\n| \n| \n|\n| \n| \n|\n</details>\n\n\n3. **Custom styling updates:** Updates custom styling overrides on EUI\nbutton components in selected **high-visibility places** (discover,\ndashboard, lens) to ensure expected Visual Refresh output. (This is a\nfirst iteration step to ensure expected design. In the future we want to\nreplace custom buttons with proper EUI components)\n\n<details><summary><b>Updated custom button styling</b></summary>\n\n| Solution/Area | After |\n|---|---|\n| Discover(classic) | \n|\n| Discover(ES/QL) | \n|\n| Dashboard(Create Visualization) | \n|\n| Maps: Aligned map toolbar button hover | \n|\n\n</details>\n\n## Package updates\n\n### `@elastic/eui`\n\n## [`v102.3.0`](https://github.com/elastic/eui/releases/v102.3.0)\n\n- Added support for `focusTrapProps.returnFocus` on `EuiFlyout`\n([#8716](https://github.com/elastic/eui/pull/8716))\n- Updated `EuiDataGridToolbarControl` hover styles by removing\ntext-decoration and changing the badge background-color to ensure enough\ncontrast ([#8670](https://github.com/elastic/eui/pull/8670))\n- Added prop `isToggle` on `EuiFilterButton` to switch between regular\nand toggle button ([#8652](https://github.com/elastic/eui/pull/8652))\n- Updated `hasActiveFilters` on `EuiFilterButton` to only control\nhighlighting filters, not a visual selected state\n([#8652](https://github.com/elastic/eui/pull/8652))\n- Updated `EuiFilterButton` to ensure `isSelected` prop applies both\nsemantic and visual states\n([#8652](https://github.com/elastic/eui/pull/8652))\n- Updated visual styling of `EuiButtonGroup`, `EuiFilterGroup` and\n`EuiFilterButton` ([#8652](https://github.com/elastic/eui/pull/8652))\n- Updated `EuiNotificationBadge` border radius to `2px`\n([#8652](https://github.com/elastic/eui/pull/8652))\n- Updated `EuiBreadcrumbs` text color for `type=\"application\"`\n([#8652](https://github.com/elastic/eui/pull/8652))\n- Added new `refresh` design variant for button components:\n([#8595](https://github.com/elastic/eui/pull/8595))\n - `EuiButton`\n - `EuiButtonEmpty`\n - `EuiButtonIcon`\n- Added `flags.buttonVariant` with value `classic` to\n`euiThemeAmsterdam` ([#8595](https://github.com/elastic/eui/pull/8595))\n- Added new button background component tokens to Amsterdam theme:\n([#8595](https://github.com/elastic/eui/pull/8595))\n - `background{color}Hover`\n - `background{color}Active`\n - `backgroundFilled{color}Hover`\n - `backgroundFilled{color}Active`\n - `backgroundEmpty{color}Hover`\n - `backgroundEmpty{color}Active`\n\n**Bug fixes**\n\n- Fixed an issue with `EuiDataGrid` where navigating cells with\nsimultaneous key presses would result in a crash in React 18 legacy mode\n([#8698](https://github.com/elastic/eui/pull/8698))\n\n**Accessibility**\n\n- Improved the accessibility experience of `EuiMarkdownEditorFooter` by\nfixing the ARIA attributes of the `syntax help` modal.\n([#8702](https://github.com/elastic/eui/pull/8702))\n\n### `@elastic/eui-theme-borealis`\n\n## [`v1.1.0`](https://github.com/elastic/eui/releases/v1.1.0)\n\n- Added token `filterButtonBadgeBackgroundHover`\n([#8652](https://github.com/elastic/eui/pull/8652))\n- Updated values for tokens `buttonGroupFocusColor` and\n`buttonGroupBackgroundDisabledSelected`\n([#8652](https://github.com/elastic/eui/pull/8652))\n- Added `flags.buttonVariant` with value `refresh` to `euiThemeBorealis`\n([#8595](https://github.com/elastic/eui/pull/8595))\n- Added new button background component tokens:\n([#8595](https://github.com/elastic/eui/pull/8595))\n - `background{color}Hover`\n - `background{color}Active`\n - `backgroundFilled{color}Hover`\n - `backgroundFilled{color}Active`\n - `backgroundEmpty{color}Hover`\n - `backgroundEmpty{color}Active`\n- Updated `backgroundLightText` token value to `shade120`\n([#8595](https://github.com/elastic/eui/pull/8595))\n\n---------\n\nCo-authored-by: “jeramysoucy” <jeramy.soucy@elastic.co>\nCo-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>","sha":"b2d1075032238c5b6ea9a31b8271eed04a7c3b7e"}},{"branch":"8.19","label":"v8.19.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"9.0","label":"v9.0.2","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}] BACKPORT--> --------- Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com> |
||
|---|---|---|
| .. | ||
| public | ||
| server | ||
| kibana.jsonc | ||
| README.md | ||
| tsconfig.json | ||
User profile examples
Demo of how to implement a suggest user functionality.