Skip to content

Commit 00665a1

Browse files
mgadewollmgadewoll
authored
[8.19] Upgrade EUI to v102.3.0 (#222149) (#223098)
# Backport This will backport the following commits from `main` to `8.19`: - [Upgrade EUI to v102.3.0 (#222149)](#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":"[email protected]"},"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| ![Screenshot 2025-05-05 at 16 18\n13](https://github.com/user-attachments/assets/65dcb4f1-27c2-4e73-8d0e-2702de8c35e3)\n| ![Screenshot 2025-05-02 at 13 48\n28](https://github.com/user-attachments/assets/54ec723b-ff3f-49b7-ad6c-0d804fcd8a82)\n|\n| ![Screenshot 2025-05-05 at 16 19\n30](https://github.com/user-attachments/assets/65bcef9a-c06b-46e4-91e1-698a76b1dbc2)\n| ![Screenshot 2025-05-02 at 14 02\n46](https://github.com/user-attachments/assets/bf05d9f9-0eba-4733-87f6-d7abdaa53bfa)\n|\n| ![Screenshot 2025-05-05 at 16 21\n50](https://github.com/user-attachments/assets/8f4a6592-9dc0-4b69-8ba5-aca0a3c26f69)\n| ![Screenshot 2025-05-02 at 14 08\n07](https://github.com/user-attachments/assets/34d78faa-4137-4650-a4a9-f71cbde64054)\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) | ![Screenshot 2025-05-30 at 14 45\n01](https://github.com/user-attachments/assets/93a46e2a-4989-4bcb-99f2-5eafa4483629)\n|\n| Discover(ES/QL) | ![Screenshot 2025-05-30 at 14 45\n11](https://github.com/user-attachments/assets/8fc390d4-fdb0-4377-851c-b3835dc9a14e)\n|\n| Dashboard(Create Visualization) | ![Screenshot 2025-05-30 at 14 47\n21](https://github.com/user-attachments/assets/a5895309-9b48-494d-b4b4-e91ca41e316b)\n|\n| Maps: Aligned map toolbar button hover | ![Screenshot 2025-04-30 at 17\n19\n11](https://github.com/user-attachments/assets/2d467f6b-ab50-46b1-b393-ed1e6c5d5548)\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” <[email protected]>\nCo-authored-by: Elastic Machine <[email protected]>","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| ![Screenshot 2025-05-05 at 16 18\n13](https://github.com/user-attachments/assets/65dcb4f1-27c2-4e73-8d0e-2702de8c35e3)\n| ![Screenshot 2025-05-02 at 13 48\n28](https://github.com/user-attachments/assets/54ec723b-ff3f-49b7-ad6c-0d804fcd8a82)\n|\n| ![Screenshot 2025-05-05 at 16 19\n30](https://github.com/user-attachments/assets/65bcef9a-c06b-46e4-91e1-698a76b1dbc2)\n| ![Screenshot 2025-05-02 at 14 02\n46](https://github.com/user-attachments/assets/bf05d9f9-0eba-4733-87f6-d7abdaa53bfa)\n|\n| ![Screenshot 2025-05-05 at 16 21\n50](https://github.com/user-attachments/assets/8f4a6592-9dc0-4b69-8ba5-aca0a3c26f69)\n| ![Screenshot 2025-05-02 at 14 08\n07](https://github.com/user-attachments/assets/34d78faa-4137-4650-a4a9-f71cbde64054)\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) | ![Screenshot 2025-05-30 at 14 45\n01](https://github.com/user-attachments/assets/93a46e2a-4989-4bcb-99f2-5eafa4483629)\n|\n| Discover(ES/QL) | ![Screenshot 2025-05-30 at 14 45\n11](https://github.com/user-attachments/assets/8fc390d4-fdb0-4377-851c-b3835dc9a14e)\n|\n| Dashboard(Create Visualization) | ![Screenshot 2025-05-30 at 14 47\n21](https://github.com/user-attachments/assets/a5895309-9b48-494d-b4b4-e91ca41e316b)\n|\n| Maps: Aligned map toolbar button hover | ![Screenshot 2025-04-30 at 17\n19\n11](https://github.com/user-attachments/assets/2d467f6b-ab50-46b1-b393-ed1e6c5d5548)\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” <[email protected]>\nCo-authored-by: Elastic Machine <[email protected]>","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| ![Screenshot 2025-05-05 at 16 18\n13](https://github.com/user-attachments/assets/65dcb4f1-27c2-4e73-8d0e-2702de8c35e3)\n| ![Screenshot 2025-05-02 at 13 48\n28](https://github.com/user-attachments/assets/54ec723b-ff3f-49b7-ad6c-0d804fcd8a82)\n|\n| ![Screenshot 2025-05-05 at 16 19\n30](https://github.com/user-attachments/assets/65bcef9a-c06b-46e4-91e1-698a76b1dbc2)\n| ![Screenshot 2025-05-02 at 14 02\n46](https://github.com/user-attachments/assets/bf05d9f9-0eba-4733-87f6-d7abdaa53bfa)\n|\n| ![Screenshot 2025-05-05 at 16 21\n50](https://github.com/user-attachments/assets/8f4a6592-9dc0-4b69-8ba5-aca0a3c26f69)\n| ![Screenshot 2025-05-02 at 14 08\n07](https://github.com/user-attachments/assets/34d78faa-4137-4650-a4a9-f71cbde64054)\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) | ![Screenshot 2025-05-30 at 14 45\n01](https://github.com/user-attachments/assets/93a46e2a-4989-4bcb-99f2-5eafa4483629)\n|\n| Discover(ES/QL) | ![Screenshot 2025-05-30 at 14 45\n11](https://github.com/user-attachments/assets/8fc390d4-fdb0-4377-851c-b3835dc9a14e)\n|\n| Dashboard(Create Visualization) | ![Screenshot 2025-05-30 at 14 47\n21](https://github.com/user-attachments/assets/a5895309-9b48-494d-b4b4-e91ca41e316b)\n|\n| Maps: Aligned map toolbar button hover | ![Screenshot 2025-04-30 at 17\n19\n11](https://github.com/user-attachments/assets/2d467f6b-ab50-46b1-b393-ed1e6c5d5548)\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” <[email protected]>\nCo-authored-by: Elastic Machine <[email protected]>","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-->
1 parent dfad25f commit 00665a1

File tree

73 files changed

+411
-213
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

73 files changed

+411
-213
lines changed

‎examples/user_profile_examples/public/popover_demo.tsx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -130,6 +130,7 @@ export const PopoverDemo: FunctionComponent = () => {
130130
<EuiFilterButton
131131
iconType="arrowDown"
132132
numFilters={options2.length}
133+
isSelected={isOpen2}
133134
hasActiveFilters={selectedOptions2.length > 0}
134135
numActiveFilters={selectedOptions2.length}
135136
onClick={() => setIsOpen2((value) => !value)}

‎package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -124,8 +124,8 @@
124124
"@elastic/ecs": "^8.11.5",
125125
"@elastic/elasticsearch": "^8.18.2",
126126
"@elastic/ems-client": "8.6.3",
127-
"@elastic/eui": "102.2.0-amsterdam.0",
128-
"@elastic/eui-amsterdam": "npm:@elastic/eui@102.2.0-amsterdam.0",
127+
"@elastic/eui": "102.3.0-amsterdam.0",
128+
"@elastic/eui-amsterdam": "npm:@elastic/eui@102.3.0-amsterdam.0",
129129
"@elastic/filesaver": "1.1.2",
130130
"@elastic/monaco-esql": "^3.1.1",
131131
"@elastic/node-crypto": "^1.2.3",

‎src/dev/license_checker/config.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -88,8 +88,8 @@ export const LICENSE_OVERRIDES = {
8888
'[email protected]': ['Eclipse Distribution License - v 1.0'], // cf. https://github.com/bjornharrtell/jsts
8989
'@mapbox/[email protected]': ['MIT'], // license in readme https://github.com/tmcw/jsonlint
9090
'@elastic/[email protected]': ['Elastic License 2.0'],
91-
'@elastic/eui@102.2.0': ['Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0'],
92-
'@elastic/eui-amsterdam@102.2.0-amsterdam.0': [
91+
'@elastic/eui@102.3.0': ['Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0'],
92+
'@elastic/eui-amsterdam@102.3.0-amsterdam.0': [
9393
'Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0',
9494
],
9595
'[email protected]': ['CC-BY-4.0'], // retired ODC‑By license https://github.com/mattcg/language-subtag-registry

‎src/platform/packages/private/kbn-esql-editor/src/editor_footer/history_starred_queries.tsx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -87,6 +87,7 @@ export function QueryHistoryAction({
8787
<EuiButtonEmpty
8888
size="xs"
8989
color="primary"
90+
flush="both"
9091
onClick={toggleHistory}
9192
css={css`
9293
padding-inline: 0;

‎src/platform/packages/shared/content-management/table_list_view_table/src/components/table_sort_select.tsx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -195,6 +195,7 @@ export function TableSortSelect({
195195
<EuiFilterButton
196196
iconType="arrowDown"
197197
iconSide="right"
198+
isSelected={isPopoverOpen}
198199
onClick={togglePopOver}
199200
data-test-subj="tableSortSelectBtn"
200201
grow

‎src/platform/packages/shared/content-management/table_list_view_table/src/components/tag_filter_panel.tsx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -126,6 +126,7 @@ export const TagFilterPanel: FC<{}> = ({}) => {
126126
iconSide="right"
127127
onClick={onFilterButtonClick}
128128
data-test-subj="tagFilterPopoverButton"
129+
isSelected={isPopoverOpen}
129130
hasActiveFilters={totalActiveFilters > 0}
130131
numActiveFilters={totalActiveFilters}
131132
grow

‎src/platform/packages/shared/content-management/table_list_view_table/src/components/user_filter_panel.tsx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -106,6 +106,7 @@ export const UserFilterPanel: FC<{}> = () => {
106106
iconSide="right"
107107
data-test-subj="userFilterPopoverButton"
108108
onClick={() => setPopoverOpen(!isPopoverOpen)}
109+
isSelected={isPopoverOpen}
109110
hasActiveFilters={selectedUsers.length > 0}
110111
numActiveFilters={selectedUsers.length}
111112
grow

‎src/platform/packages/shared/kbn-unified-data-table/src/components/custom_toolbar/render_custom_toolbar.scss‎

Lines changed: 23 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,39 +1,37 @@
11
.unifiedDataTableToolbar {
22
padding: $euiSizeS $euiSizeS $euiSizeXS;
33

4-
.unifiedDataTableToolbarControlButton .euiDataGridToolbarControl {
5-
block-size: $euiSizeXL;
6-
border: $euiBorderThin;
7-
border-radius: $euiBorderRadiusSmall;
8-
transition: transform $euiAnimSpeedNormal ease-in-out;
9-
10-
// making the icons larger than the default size
11-
& svg {
12-
inline-size: $euiSize;
13-
block-size: $euiSize;
14-
}
15-
16-
// cancel default background changes
17-
&:active, &:focus {
18-
background: transparent;
19-
}
4+
.unifiedDataTableToolbarControlButton {
5+
.euiDataGridToolbarControl {
6+
block-size: $euiSizeXL;
7+
border: $euiBorderWidthThin solid $euiFormBorderColor;
8+
border-radius: $euiBorderRadiusSmall;
209

21-
// add toolbar control animation
22-
&:hover {
23-
transform: translateY(-1px);
24-
}
25-
&:active {
26-
transform: translateY(0);
10+
// making the icons larger than the default size
11+
& svg {
12+
inline-size: $euiSize;
13+
block-size: $euiSize;
14+
}
2715
}
2816
}
2917

3018
.unifiedDataTableToolbarControlGroup {
31-
box-shadow: inset 0 0 0 $euiBorderWidthThin $euiBorderColor;
19+
position: relative;
20+
overflow: hidden;
3221
border-radius: $euiBorderRadiusSmall;
3322
display: inline-flex;
3423
align-items: stretch;
3524
flex-direction: row;
3625

26+
&::after {
27+
content: '';
28+
position: absolute;
29+
inset: 0;
30+
border: $euiBorderWidthThin solid $euiColorBorderBasePlain;
31+
border-radius: inherit;
32+
pointer-events: none;
33+
}
34+
3735
& .unifiedDataTableToolbarControlButton .euiDataGridToolbarControl {
3836
border-radius: 0;
3937
border: none;
@@ -48,6 +46,7 @@
4846
.unifiedDataTableToolbarControlIconButton .euiToolTipAnchor .euiButtonIcon {
4947
inline-size: $euiSizeXL;
5048
block-size: $euiSizeXL;
49+
border-radius: inherit;
5150

5251
// cancel default behaviour
5352
&:hover, &:active, &:focus {
@@ -58,7 +57,7 @@
5857
}
5958

6059
.unifiedDataTableToolbarControlIconButton + .unifiedDataTableToolbarControlIconButton {
61-
border-inline-start: $euiBorderThin;
60+
border-inline-start: $euiBorderWidthThin solid $euiColorBorderBasePlain;
6261
border-radius: 0;
6362
}
6463

‎src/platform/packages/shared/kbn-unified-data-table/src/utils/get_render_cell_value.test.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -155,7 +155,7 @@ describe('Unified data table cell rendering', function () {
155155
/>
156156
);
157157
expect(component.html()).toMatchInlineSnapshot(
158-
`"<div data-test-subj=\\"dataTableExpandCellActionPopover\\" class=\\"euiFlexGroup css-1h68cm-euiFlexGroup-none-flexStart-stretch-row\\"><div class=\\"euiFlexItem css-9sbomz-euiFlexItem-grow-1\\"><span class=\\"unifiedDataTable__cellPopoverValue eui-textBreakWord\\"><span>100</span></span></div><div class=\\"euiFlexItem css-kpsrin-euiFlexItem-growZero\\"><button class=\\"euiButtonIcon css-w92548-euiButtonIcon-xs-empty-primary\\" type=\\"button\\" aria-label=\\"Close popover\\" data-test-subj=\\"docTableClosePopover\\"><span data-euiicon-type=\\"cross\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div>"`
158+
`"<div data-test-subj=\\"dataTableExpandCellActionPopover\\" class=\\"euiFlexGroup css-1h68cm-euiFlexGroup-none-flexStart-stretch-row\\"><div class=\\"euiFlexItem css-9sbomz-euiFlexItem-grow-1\\"><span class=\\"unifiedDataTable__cellPopoverValue eui-textBreakWord\\"><span>100</span></span></div><div class=\\"euiFlexItem css-kpsrin-euiFlexItem-growZero\\"><button class=\\"euiButtonIcon css-tsvf58-euiButtonIcon-xs-empty-primary\\" type=\\"button\\" aria-label=\\"Close popover\\" data-test-subj=\\"docTableClosePopover\\"><span data-euiicon-type=\\"cross\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div>"`
159159
);
160160
});
161161

@@ -183,7 +183,7 @@ describe('Unified data table cell rendering', function () {
183183
/>
184184
);
185185
expect(component.html()).toMatchInlineSnapshot(
186-
`"<div data-test-subj=\\"dataTableExpandCellActionPopover\\" class=\\"euiFlexGroup css-1h68cm-euiFlexGroup-none-flexStart-stretch-row\\"><div class=\\"euiFlexItem css-9sbomz-euiFlexItem-grow-1\\"><span class=\\"unifiedDataTable__cellPopoverValue eui-textBreakWord\\"><span>100</span></span></div><div class=\\"euiFlexItem css-kpsrin-euiFlexItem-growZero\\"><button class=\\"euiButtonIcon css-w92548-euiButtonIcon-xs-empty-primary\\" type=\\"button\\" aria-label=\\"Close popover\\" data-test-subj=\\"docTableClosePopover\\"><span data-euiicon-type=\\"cross\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div>"`
186+
`"<div data-test-subj=\\"dataTableExpandCellActionPopover\\" class=\\"euiFlexGroup css-1h68cm-euiFlexGroup-none-flexStart-stretch-row\\"><div class=\\"euiFlexItem css-9sbomz-euiFlexItem-grow-1\\"><span class=\\"unifiedDataTable__cellPopoverValue eui-textBreakWord\\"><span>100</span></span></div><div class=\\"euiFlexItem css-kpsrin-euiFlexItem-growZero\\"><button class=\\"euiButtonIcon css-tsvf58-euiButtonIcon-xs-empty-primary\\" type=\\"button\\" aria-label=\\"Close popover\\" data-test-subj=\\"docTableClosePopover\\"><span data-euiicon-type=\\"cross\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div>"`
187187
);
188188
findTestSubject(component, 'docTableClosePopover').simulate('click');
189189
expect(closePopoverMockFn).toHaveBeenCalledTimes(1);

‎src/platform/packages/shared/kbn-unified-field-list/src/components/field_list_filters/field_type_filter.test.tsx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,8 @@ import { stubLogstashDataView as dataView } from '@kbn/data-views-plugin/common/
1212
import { coreMock } from '@kbn/core/public/mocks';
1313
import { type DataViewField } from '@kbn/data-views-plugin/common';
1414
import { FieldTypeFilter, type FieldTypeFilterProps } from './field_type_filter';
15-
import { render, screen, within } from '@testing-library/react';
15+
import { screen, within } from '@testing-library/react';
16+
import { render } from '@elastic/eui/lib/test/rtl';
1617
import { __IntlProvider as IntlProvider } from '@kbn/i18n-react';
1718
import { userEvent } from '@testing-library/user-event';
1819

0 commit comments

Comments
 (0)