[console] Fix copy as curl button #8716
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Contributor
Author
mgadewoll
added a commit
that referenced
this pull request
Jun 9, 2025
`102.2.0` ⏩ `102.3.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 >[!IMPORTANT] This release contains the visual refresh updates for buttons ⏹️ 💅 These have already been available for QA ahead of time on [this PR](#220093). 1. **EUI changes**: Adds all Visual Refresh related EUI changes on button components: - `EuiButton` - `EuiButtonEmpty` - `EuiButtonIcon` - `EuiButtonGroup` - `EuiFilterGroup`/`EuiFilterButton` 2. **EUI button component API updates:** Updates instances of `EuiFilterButton` usages that were missing `isSelected` prop or that should use the new `isToggle` prop to ensure the expected visual and semantic output as toggle button. <details><summary><b>Examples of new toggle filter buttons</b></summary> | before | after | |---|---| |  |  | |  |  | |  |  | </details> 3. **Custom styling updates:** Updates custom styling overrides on EUI button components in selected **high-visibility places** (discover, dashboard, lens) to ensure expected Visual Refresh output. (This is a first iteration step to ensure expected design. In the future we want to replace custom buttons with proper EUI components) <details><summary><b>Updated custom button styling</b></summary> | Solution/Area | After | |---|---| | Discover(classic) |  | | Discover(ES/QL) |  | | Dashboard(Create Visualization) |  | | Maps: Aligned map toolbar button hover |  | </details> ## Package updates ### `@elastic/eui` ## [`v102.3.0`](https://github.com/elastic/eui/releases/v102.3.0) - Added support for `focusTrapProps.returnFocus` on `EuiFlyout` ([#8716](elastic/eui#8716)) - Updated `EuiDataGridToolbarControl` hover styles by removing text-decoration and changing the badge background-color to ensure enough contrast ([#8670](elastic/eui#8670)) - Added prop `isToggle` on `EuiFilterButton` to switch between regular and toggle button ([#8652](elastic/eui#8652)) - Updated `hasActiveFilters` on `EuiFilterButton` to only control highlighting filters, not a visual selected state ([#8652](elastic/eui#8652)) - Updated `EuiFilterButton` to ensure `isSelected` prop applies both semantic and visual states ([#8652](elastic/eui#8652)) - Updated visual styling of `EuiButtonGroup`, `EuiFilterGroup` and `EuiFilterButton` ([#8652](elastic/eui#8652)) - Updated `EuiNotificationBadge` border radius to `2px` ([#8652](elastic/eui#8652)) - Updated `EuiBreadcrumbs` text color for `type="application"` ([#8652](elastic/eui#8652)) - Added new `refresh` design variant for button components: ([#8595](elastic/eui#8595)) - `EuiButton` - `EuiButtonEmpty` - `EuiButtonIcon` - Added `flags.buttonVariant` with value `classic` to `euiThemeAmsterdam` ([#8595](elastic/eui#8595)) - Added new button background component tokens to Amsterdam theme: ([#8595](elastic/eui#8595)) - `background{color}Hover` - `background{color}Active` - `backgroundFilled{color}Hover` - `backgroundFilled{color}Active` - `backgroundEmpty{color}Hover` - `backgroundEmpty{color}Active` **Bug fixes** - Fixed an issue with `EuiDataGrid` where navigating cells with simultaneous key presses would result in a crash in React 18 legacy mode ([#8698](elastic/eui#8698)) **Accessibility** - Improved the accessibility experience of `EuiMarkdownEditorFooter` by fixing the ARIA attributes of the `syntax help` modal. ([#8702](elastic/eui#8702)) ### `@elastic/eui-theme-borealis` ## [`v1.1.0`](https://github.com/elastic/eui/releases/v1.1.0) - Added token `filterButtonBadgeBackgroundHover` ([#8652](elastic/eui#8652)) - Updated values for tokens `buttonGroupFocusColor` and `buttonGroupBackgroundDisabledSelected` ([#8652](elastic/eui#8652)) - Added `flags.buttonVariant` with value `refresh` to `euiThemeBorealis` ([#8595](elastic/eui#8595)) - Added new button background component tokens: ([#8595](elastic/eui#8595)) - `background{color}Hover` - `background{color}Active` - `backgroundFilled{color}Hover` - `backgroundFilled{color}Active` - `backgroundEmpty{color}Hover` - `backgroundEmpty{color}Active` - Updated `backgroundLightText` token value to `shade120` ([#8595](elastic/eui#8595)) --------- Co-authored-by: “jeramysoucy” <[email protected]> Co-authored-by: Elastic Machine <[email protected]>
mgadewoll
added a commit
to mgadewoll/kibana
that referenced
this pull request
Jun 9, 2025
`102.2.0` ⏩ `102.3.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 >[!IMPORTANT] This release contains the visual refresh updates for buttons ⏹️ 💅 These have already been available for QA ahead of time on [this PR](elastic#220093). 1. **EUI changes**: Adds all Visual Refresh related EUI changes on button components: - `EuiButton` - `EuiButtonEmpty` - `EuiButtonIcon` - `EuiButtonGroup` - `EuiFilterGroup`/`EuiFilterButton` 2. **EUI button component API updates:** Updates instances of `EuiFilterButton` usages that were missing `isSelected` prop or that should use the new `isToggle` prop to ensure the expected visual and semantic output as toggle button. <details><summary><b>Examples of new toggle filter buttons</b></summary> | before | after | |---|---| |  |  | |  |  | |  |  | </details> 3. **Custom styling updates:** Updates custom styling overrides on EUI button components in selected **high-visibility places** (discover, dashboard, lens) to ensure expected Visual Refresh output. (This is a first iteration step to ensure expected design. In the future we want to replace custom buttons with proper EUI components) <details><summary><b>Updated custom button styling</b></summary> | Solution/Area | After | |---|---| | Discover(classic) |  | | Discover(ES/QL) |  | | Dashboard(Create Visualization) |  | | Maps: Aligned map toolbar button hover |  | </details> ## Package updates ### `@elastic/eui` ## [`v102.3.0`](https://github.com/elastic/eui/releases/v102.3.0) - Added support for `focusTrapProps.returnFocus` on `EuiFlyout` ([elastic#8716](elastic/eui#8716)) - Updated `EuiDataGridToolbarControl` hover styles by removing text-decoration and changing the badge background-color to ensure enough contrast ([elastic#8670](elastic/eui#8670)) - Added prop `isToggle` on `EuiFilterButton` to switch between regular and toggle button ([elastic#8652](elastic/eui#8652)) - Updated `hasActiveFilters` on `EuiFilterButton` to only control highlighting filters, not a visual selected state ([elastic#8652](elastic/eui#8652)) - Updated `EuiFilterButton` to ensure `isSelected` prop applies both semantic and visual states ([elastic#8652](elastic/eui#8652)) - Updated visual styling of `EuiButtonGroup`, `EuiFilterGroup` and `EuiFilterButton` ([elastic#8652](elastic/eui#8652)) - Updated `EuiNotificationBadge` border radius to `2px` ([elastic#8652](elastic/eui#8652)) - Updated `EuiBreadcrumbs` text color for `type="application"` ([elastic#8652](elastic/eui#8652)) - Added new `refresh` design variant for button components: ([elastic#8595](elastic/eui#8595)) - `EuiButton` - `EuiButtonEmpty` - `EuiButtonIcon` - Added `flags.buttonVariant` with value `classic` to `euiThemeAmsterdam` ([elastic#8595](elastic/eui#8595)) - Added new button background component tokens to Amsterdam theme: ([elastic#8595](elastic/eui#8595)) - `background{color}Hover` - `background{color}Active` - `backgroundFilled{color}Hover` - `backgroundFilled{color}Active` - `backgroundEmpty{color}Hover` - `backgroundEmpty{color}Active` **Bug fixes** - Fixed an issue with `EuiDataGrid` where navigating cells with simultaneous key presses would result in a crash in React 18 legacy mode ([elastic#8698](elastic/eui#8698)) **Accessibility** - Improved the accessibility experience of `EuiMarkdownEditorFooter` by fixing the ARIA attributes of the `syntax help` modal. ([elastic#8702](elastic/eui#8702)) ### `@elastic/eui-theme-borealis` ## [`v1.1.0`](https://github.com/elastic/eui/releases/v1.1.0) - Added token `filterButtonBadgeBackgroundHover` ([elastic#8652](elastic/eui#8652)) - Updated values for tokens `buttonGroupFocusColor` and `buttonGroupBackgroundDisabledSelected` ([elastic#8652](elastic/eui#8652)) - Added `flags.buttonVariant` with value `refresh` to `euiThemeBorealis` ([elastic#8595](elastic/eui#8595)) - Added new button background component tokens: ([elastic#8595](elastic/eui#8595)) - `background{color}Hover` - `background{color}Active` - `backgroundFilled{color}Hover` - `backgroundFilled{color}Active` - `backgroundEmpty{color}Hover` - `backgroundEmpty{color}Active` - Updated `backgroundLightText` token value to `shade120` ([elastic#8595](elastic/eui#8595)) --------- Co-authored-by: “jeramysoucy” <[email protected]> Co-authored-by: Elastic Machine <[email protected]> (cherry picked from commit b2d1075) # Conflicts: # src/platform/packages/shared/kbn-unified-field-list/src/components/field_list_filters/field_type_filter.test.tsx # src/platform/packages/shared/kbn-unified-field-list/src/components/field_list_filters/field_type_filter.tsx # src/platform/packages/shared/kbn-unified-field-list/src/components/field_list_grouped/field_list_grouped.test.tsx # src/platform/packages/shared/shared-ux/button_toolbar/src/popover/popover.test.tsx # src/platform/plugins/shared/controls/public/controls/data_controls/options_list_control/components/options_list_control.tsx # src/platform/plugins/shared/unified_doc_viewer/public/components/doc_viewer_table/table.test.tsx # x-pack/platform/plugins/private/canvas/shareable_runtime/components/__snapshots__/app.test.tsx.snap # x-pack/platform/plugins/shared/fleet/public/components/platform_selector.tsx # x-pack/platform/plugins/shared/lens/public/shared_components/dataview_picker/toolbar_button.tsx # x-pack/platform/plugins/shared/spaces/public/nav_control/components/manage_spaces_button.tsx # x-pack/platform/plugins/shared/streams_app/public/components/data_management/stream_detail_enrichment/processor_outcome_preview.tsx
mgadewoll
added a commit
to mgadewoll/kibana
that referenced
this pull request
Jun 9, 2025
`102.2.0` ⏩ `102.3.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 >[!IMPORTANT] This release contains the visual refresh updates for buttons ⏹️ 💅 These have already been available for QA ahead of time on [this PR](elastic#220093). 1. **EUI changes**: Adds all Visual Refresh related EUI changes on button components: - `EuiButton` - `EuiButtonEmpty` - `EuiButtonIcon` - `EuiButtonGroup` - `EuiFilterGroup`/`EuiFilterButton` 2. **EUI button component API updates:** Updates instances of `EuiFilterButton` usages that were missing `isSelected` prop or that should use the new `isToggle` prop to ensure the expected visual and semantic output as toggle button. <details><summary><b>Examples of new toggle filter buttons</b></summary> | before | after | |---|---| |  |  | |  |  | |  |  | </details> 3. **Custom styling updates:** Updates custom styling overrides on EUI button components in selected **high-visibility places** (discover, dashboard, lens) to ensure expected Visual Refresh output. (This is a first iteration step to ensure expected design. In the future we want to replace custom buttons with proper EUI components) <details><summary><b>Updated custom button styling</b></summary> | Solution/Area | After | |---|---| | Discover(classic) |  | | Discover(ES/QL) |  | | Dashboard(Create Visualization) |  | | Maps: Aligned map toolbar button hover |  | </details> ## Package updates ### `@elastic/eui` ## [`v102.3.0`](https://github.com/elastic/eui/releases/v102.3.0) - Added support for `focusTrapProps.returnFocus` on `EuiFlyout` ([elastic#8716](elastic/eui#8716)) - Updated `EuiDataGridToolbarControl` hover styles by removing text-decoration and changing the badge background-color to ensure enough contrast ([elastic#8670](elastic/eui#8670)) - Added prop `isToggle` on `EuiFilterButton` to switch between regular and toggle button ([elastic#8652](elastic/eui#8652)) - Updated `hasActiveFilters` on `EuiFilterButton` to only control highlighting filters, not a visual selected state ([elastic#8652](elastic/eui#8652)) - Updated `EuiFilterButton` to ensure `isSelected` prop applies both semantic and visual states ([elastic#8652](elastic/eui#8652)) - Updated visual styling of `EuiButtonGroup`, `EuiFilterGroup` and `EuiFilterButton` ([elastic#8652](elastic/eui#8652)) - Updated `EuiNotificationBadge` border radius to `2px` ([elastic#8652](elastic/eui#8652)) - Updated `EuiBreadcrumbs` text color for `type="application"` ([elastic#8652](elastic/eui#8652)) - Added new `refresh` design variant for button components: ([elastic#8595](elastic/eui#8595)) - `EuiButton` - `EuiButtonEmpty` - `EuiButtonIcon` - Added `flags.buttonVariant` with value `classic` to `euiThemeAmsterdam` ([elastic#8595](elastic/eui#8595)) - Added new button background component tokens to Amsterdam theme: ([elastic#8595](elastic/eui#8595)) - `background{color}Hover` - `background{color}Active` - `backgroundFilled{color}Hover` - `backgroundFilled{color}Active` - `backgroundEmpty{color}Hover` - `backgroundEmpty{color}Active` **Bug fixes** - Fixed an issue with `EuiDataGrid` where navigating cells with simultaneous key presses would result in a crash in React 18 legacy mode ([elastic#8698](elastic/eui#8698)) **Accessibility** - Improved the accessibility experience of `EuiMarkdownEditorFooter` by fixing the ARIA attributes of the `syntax help` modal. ([elastic#8702](elastic/eui#8702)) ### `@elastic/eui-theme-borealis` ## [`v1.1.0`](https://github.com/elastic/eui/releases/v1.1.0) - Added token `filterButtonBadgeBackgroundHover` ([elastic#8652](elastic/eui#8652)) - Updated values for tokens `buttonGroupFocusColor` and `buttonGroupBackgroundDisabledSelected` ([elastic#8652](elastic/eui#8652)) - Added `flags.buttonVariant` with value `refresh` to `euiThemeBorealis` ([elastic#8595](elastic/eui#8595)) - Added new button background component tokens: ([elastic#8595](elastic/eui#8595)) - `background{color}Hover` - `background{color}Active` - `backgroundFilled{color}Hover` - `backgroundFilled{color}Active` - `backgroundEmpty{color}Hover` - `backgroundEmpty{color}Active` - Updated `backgroundLightText` token value to `shade120` ([elastic#8595](elastic/eui#8595)) --------- Co-authored-by: “jeramysoucy” <[email protected]> Co-authored-by: Elastic Machine <[email protected]> (cherry picked from commit b2d1075) # Conflicts: # package.json # src/dev/license_checker/config.ts # src/platform/packages/shared/kbn-unified-data-table/src/utils/get_render_cell_value.test.tsx # src/platform/packages/shared/shared-ux/button_toolbar/src/buttons/toolbar_button/toolbar_button.styles.ts # src/platform/packages/shared/shared-ux/button_toolbar/src/popover/popover.test.tsx # src/platform/plugins/private/vis_types/vislib/public/vislib/components/legend/__snapshots__/legend.test.tsx.snap # src/platform/plugins/shared/controls/public/controls/data_controls/options_list_control/components/options_list_control.tsx # x-pack/platform/packages/shared/security/api_key_management/src/components/token_field.tsx # x-pack/platform/plugins/private/canvas/shareable_runtime/components/__snapshots__/app.test.tsx.snap # x-pack/platform/plugins/shared/fleet/public/components/platform_selector.tsx # x-pack/platform/plugins/shared/security/server/authentication/__snapshots__/unauthenticated_page.test.tsx.snap # x-pack/platform/plugins/shared/security/server/authorization/__snapshots__/reset_session_page.test.tsx.snap # x-pack/platform/plugins/shared/spaces/public/nav_control/components/manage_spaces_button.tsx # yarn.lock
mgadewoll
added a commit
that referenced
this pull request
Jun 10, 2025
# Backport This will backport the following commits from `main` to `9.0`: - [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| \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” <[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| \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” <[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| \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” <[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--> --------- Co-authored-by: kibanamachine <[email protected]>
mgadewoll
added a commit
that referenced
this pull request
Jun 10, 2025
# 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| \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” <[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| \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” <[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| \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” <[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-->
pmuellr
pushed a commit
to pmuellr/kibana
that referenced
this pull request
Jun 11, 2025
`102.2.0` ⏩ `102.3.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 >[!IMPORTANT] This release contains the visual refresh updates for buttons ⏹️ 💅 These have already been available for QA ahead of time on [this PR](elastic#220093). 1. **EUI changes**: Adds all Visual Refresh related EUI changes on button components: - `EuiButton` - `EuiButtonEmpty` - `EuiButtonIcon` - `EuiButtonGroup` - `EuiFilterGroup`/`EuiFilterButton` 2. **EUI button component API updates:** Updates instances of `EuiFilterButton` usages that were missing `isSelected` prop or that should use the new `isToggle` prop to ensure the expected visual and semantic output as toggle button. <details><summary><b>Examples of new toggle filter buttons</b></summary> | before | after | |---|---| |  |  | |  |  | |  |  | </details> 3. **Custom styling updates:** Updates custom styling overrides on EUI button components in selected **high-visibility places** (discover, dashboard, lens) to ensure expected Visual Refresh output. (This is a first iteration step to ensure expected design. In the future we want to replace custom buttons with proper EUI components) <details><summary><b>Updated custom button styling</b></summary> | Solution/Area | After | |---|---| | Discover(classic) |  | | Discover(ES/QL) |  | | Dashboard(Create Visualization) |  | | Maps: Aligned map toolbar button hover |  | </details> ## Package updates ### `@elastic/eui` ## [`v102.3.0`](https://github.com/elastic/eui/releases/v102.3.0) - Added support for `focusTrapProps.returnFocus` on `EuiFlyout` ([elastic#8716](elastic/eui#8716)) - Updated `EuiDataGridToolbarControl` hover styles by removing text-decoration and changing the badge background-color to ensure enough contrast ([elastic#8670](elastic/eui#8670)) - Added prop `isToggle` on `EuiFilterButton` to switch between regular and toggle button ([elastic#8652](elastic/eui#8652)) - Updated `hasActiveFilters` on `EuiFilterButton` to only control highlighting filters, not a visual selected state ([elastic#8652](elastic/eui#8652)) - Updated `EuiFilterButton` to ensure `isSelected` prop applies both semantic and visual states ([elastic#8652](elastic/eui#8652)) - Updated visual styling of `EuiButtonGroup`, `EuiFilterGroup` and `EuiFilterButton` ([elastic#8652](elastic/eui#8652)) - Updated `EuiNotificationBadge` border radius to `2px` ([elastic#8652](elastic/eui#8652)) - Updated `EuiBreadcrumbs` text color for `type="application"` ([elastic#8652](elastic/eui#8652)) - Added new `refresh` design variant for button components: ([elastic#8595](elastic/eui#8595)) - `EuiButton` - `EuiButtonEmpty` - `EuiButtonIcon` - Added `flags.buttonVariant` with value `classic` to `euiThemeAmsterdam` ([elastic#8595](elastic/eui#8595)) - Added new button background component tokens to Amsterdam theme: ([elastic#8595](elastic/eui#8595)) - `background{color}Hover` - `background{color}Active` - `backgroundFilled{color}Hover` - `backgroundFilled{color}Active` - `backgroundEmpty{color}Hover` - `backgroundEmpty{color}Active` **Bug fixes** - Fixed an issue with `EuiDataGrid` where navigating cells with simultaneous key presses would result in a crash in React 18 legacy mode ([elastic#8698](elastic/eui#8698)) **Accessibility** - Improved the accessibility experience of `EuiMarkdownEditorFooter` by fixing the ARIA attributes of the `syntax help` modal. ([elastic#8702](elastic/eui#8702)) ### `@elastic/eui-theme-borealis` ## [`v1.1.0`](https://github.com/elastic/eui/releases/v1.1.0) - Added token `filterButtonBadgeBackgroundHover` ([elastic#8652](elastic/eui#8652)) - Updated values for tokens `buttonGroupFocusColor` and `buttonGroupBackgroundDisabledSelected` ([elastic#8652](elastic/eui#8652)) - Added `flags.buttonVariant` with value `refresh` to `euiThemeBorealis` ([elastic#8595](elastic/eui#8595)) - Added new button background component tokens: ([elastic#8595](elastic/eui#8595)) - `background{color}Hover` - `background{color}Active` - `backgroundFilled{color}Hover` - `backgroundFilled{color}Active` - `backgroundEmpty{color}Hover` - `backgroundEmpty{color}Active` - Updated `backgroundLightText` token value to `shade120` ([elastic#8595](elastic/eui#8595)) --------- Co-authored-by: “jeramysoucy” <[email protected]> Co-authored-by: Elastic Machine <[email protected]>
nickpeihl
pushed a commit
to nickpeihl/kibana
that referenced
this pull request
Jun 12, 2025
`102.2.0` ⏩ `102.3.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 >[!IMPORTANT] This release contains the visual refresh updates for buttons ⏹️ 💅 These have already been available for QA ahead of time on [this PR](elastic#220093). 1. **EUI changes**: Adds all Visual Refresh related EUI changes on button components: - `EuiButton` - `EuiButtonEmpty` - `EuiButtonIcon` - `EuiButtonGroup` - `EuiFilterGroup`/`EuiFilterButton` 2. **EUI button component API updates:** Updates instances of `EuiFilterButton` usages that were missing `isSelected` prop or that should use the new `isToggle` prop to ensure the expected visual and semantic output as toggle button. <details><summary><b>Examples of new toggle filter buttons</b></summary> | before | after | |---|---| |  |  | |  |  | |  |  | </details> 3. **Custom styling updates:** Updates custom styling overrides on EUI button components in selected **high-visibility places** (discover, dashboard, lens) to ensure expected Visual Refresh output. (This is a first iteration step to ensure expected design. In the future we want to replace custom buttons with proper EUI components) <details><summary><b>Updated custom button styling</b></summary> | Solution/Area | After | |---|---| | Discover(classic) |  | | Discover(ES/QL) |  | | Dashboard(Create Visualization) |  | | Maps: Aligned map toolbar button hover |  | </details> ## Package updates ### `@elastic/eui` ## [`v102.3.0`](https://github.com/elastic/eui/releases/v102.3.0) - Added support for `focusTrapProps.returnFocus` on `EuiFlyout` ([elastic#8716](elastic/eui#8716)) - Updated `EuiDataGridToolbarControl` hover styles by removing text-decoration and changing the badge background-color to ensure enough contrast ([elastic#8670](elastic/eui#8670)) - Added prop `isToggle` on `EuiFilterButton` to switch between regular and toggle button ([elastic#8652](elastic/eui#8652)) - Updated `hasActiveFilters` on `EuiFilterButton` to only control highlighting filters, not a visual selected state ([elastic#8652](elastic/eui#8652)) - Updated `EuiFilterButton` to ensure `isSelected` prop applies both semantic and visual states ([elastic#8652](elastic/eui#8652)) - Updated visual styling of `EuiButtonGroup`, `EuiFilterGroup` and `EuiFilterButton` ([elastic#8652](elastic/eui#8652)) - Updated `EuiNotificationBadge` border radius to `2px` ([elastic#8652](elastic/eui#8652)) - Updated `EuiBreadcrumbs` text color for `type="application"` ([elastic#8652](elastic/eui#8652)) - Added new `refresh` design variant for button components: ([elastic#8595](elastic/eui#8595)) - `EuiButton` - `EuiButtonEmpty` - `EuiButtonIcon` - Added `flags.buttonVariant` with value `classic` to `euiThemeAmsterdam` ([elastic#8595](elastic/eui#8595)) - Added new button background component tokens to Amsterdam theme: ([elastic#8595](elastic/eui#8595)) - `background{color}Hover` - `background{color}Active` - `backgroundFilled{color}Hover` - `backgroundFilled{color}Active` - `backgroundEmpty{color}Hover` - `backgroundEmpty{color}Active` **Bug fixes** - Fixed an issue with `EuiDataGrid` where navigating cells with simultaneous key presses would result in a crash in React 18 legacy mode ([elastic#8698](elastic/eui#8698)) **Accessibility** - Improved the accessibility experience of `EuiMarkdownEditorFooter` by fixing the ARIA attributes of the `syntax help` modal. ([elastic#8702](elastic/eui#8702)) ### `@elastic/eui-theme-borealis` ## [`v1.1.0`](https://github.com/elastic/eui/releases/v1.1.0) - Added token `filterButtonBadgeBackgroundHover` ([elastic#8652](elastic/eui#8652)) - Updated values for tokens `buttonGroupFocusColor` and `buttonGroupBackgroundDisabledSelected` ([elastic#8652](elastic/eui#8652)) - Added `flags.buttonVariant` with value `refresh` to `euiThemeBorealis` ([elastic#8595](elastic/eui#8595)) - Added new button background component tokens: ([elastic#8595](elastic/eui#8595)) - `background{color}Hover` - `background{color}Active` - `backgroundFilled{color}Hover` - `backgroundFilled{color}Active` - `backgroundEmpty{color}Hover` - `backgroundEmpty{color}Active` - Updated `backgroundLightText` token value to `shade120` ([elastic#8595](elastic/eui#8595)) --------- Co-authored-by: “jeramysoucy” <[email protected]> Co-authored-by: Elastic Machine <[email protected]>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Fixes #8472.
Prior to this PR, clicking on the "Copy as cURL" link in Console would cause a redirect to the Discover page.
This didn't happen before the introduction of Dev Tools, because when Console was its own standalone app, it was at /app/console instead of /app/kibana#devtools/console. The "Copy as cURL" had a
href="#"which would redirect to /app/kibana# which would redirect to Discover (or whatever your default route was).This PR fixes it by removing the
href="#", and adds aclass="link"to preserve the pointer cursor when hovering over the link.