Skip to content

corrected spy fullscreen mode #8844

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
thomasneirynck merged 2 commits into from
Oct 28, 2016
Merged

corrected spy fullscreen mode #8844

thomasneirynck merged 2 commits into from
Oct 28, 2016

Conversation

@scampi
Copy link
Contributor

@scampi scampi commented Oct 26, 2016 •
edited
Loading

close #8843

2016-10-26-102453_1916x1041_scrot

@elasticmachine
Copy link
Contributor

elasticmachine commented Oct 26, 2016

Can one of the admins verify this patch?

@thomasneirynck thomasneirynck self-assigned this Oct 27, 2016
thomasneirynck
thomasneirynck reviewed Oct 28, 2016
View reviewed changes
Copy link
Contributor

@thomasneirynck thomasneirynck left a comment

Choose a reason for hiding this comment

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

I tested this in the Dashboard and the Visualize app, and the fix works well! Expanding the spy panel to full size, and collapsing it again now works as expected.

I don't think we need the guard-clauses to check if $spyEl exists. Each vis-container should have both the spy panel and the visualization. I removed those if-statements and the fix continues to work. Did you run into any issues without them?

ppisljar
ppisljar reviewed Oct 28, 2016
View reviewed changes
src/ui/public/visualize/visualize.js Outdated

let applyClassNames = function () {
let $visEl = getVisContainer();
const $spyEl = getter('.visualize-spy-container')();
Copy link
Contributor

@ppisljar ppisljar Oct 28, 2016

Choose a reason for hiding this comment

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

what do you think about defining getSpyElement in a way getVisContainer is defined just for consistency reasons ?

Copy link
Contributor Author

@scampi scampi Oct 28, 2016

Choose a reason for hiding this comment

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

getSpyContainer would be more consistent though ;o)

@ppisljar
Copy link
Contributor

ppisljar commented Oct 28, 2016

im wondering the same @thomasneirynck is wondering .... left a small comment

@ppisljar
Copy link
Contributor

ppisljar commented Oct 28, 2016

jenkins, test this

@scampi
Copy link
Contributor Author

scampi commented Oct 28, 2016

@ppisljar @thomasneirynck The guard clauses were added only to account for the possibility of getter() returing undefined. I wrote that code a while back before doing this PR, so I am not 100% sure why I needed that check otherwise. I'll try without as well.

@scampi
Copy link
Contributor Author

scampi commented Oct 28, 2016

@ppisljar @thomasneirynck ready for review

@ppisljar
Copy link
Contributor

ppisljar commented Oct 28, 2016

LGTM

@ppisljar
Copy link
Contributor

ppisljar commented Oct 28, 2016

thanks a lot for fixing this @scampi

@thomasneirynck thomasneirynck merged commit 8f1d6e7 into elastic:master Oct 28, 2016
@elastic-jasper elastic-jasper mentioned this pull request Oct 28, 2016
Merged
elastic-jasper added a commit that referenced this pull request Oct 28, 2016
@elastic-jasper
Backport PR #8844
57ef6cb 
---------

**Commit 1:**
corrected spy fullscreen mode

* Original sha: a092f15
* Authored by Stéphane Campinas <[email protected]> on 2016-10-26T09:22:58Z

**Commit 2:**
removed guard-clauses

* Original sha: 0403470
* Authored by Stéphane Campinas <[email protected]> on 2016-10-28T09:02:23Z
thomasneirynck pushed a commit that referenced this pull request Oct 28, 2016
@elastic-jasper @thomasneirynck
Backport PR #8844: corrected spy fullscreen mode
2fdf95a 
Ensures that expanding the spy panel takes up the full width/height of the container. 

Closes #8843.

---------

**Commit 1:**
corrected spy fullscreen mode

* Original sha: a092f15
* Authored by Stéphane Campinas <[email protected]> on 2016-10-26T09:22:58Z

**Commit 2:**
removed guard-clauses

* Original sha: 0403470
* Authored by Stéphane Campinas <[email protected]> on 2016-10-28T09:02:23Z
@epixa epixa added v5.1.1 and removed v5.1.0 labels Dec 8, 2016
airow pushed a commit to airow/kibana that referenced this pull request Feb 16, 2017
@elastic-jasper @thomasneirynck
Backport PR elastic#8844: corrected spy fullscreen mode
2c88c91 
Ensures that expanding the spy panel takes up the full width/height of the container. 

Closes elastic#8843.

---------

**Commit 1:**
corrected spy fullscreen mode

* Original sha: 7c208b94c47a5377753fb381030cd787c4bcc80c [formerly a092f15]
* Authored by Stéphane Campinas <[email protected]> on 2016-10-26T09:22:58Z

**Commit 2:**
removed guard-clauses

* Original sha: 1ed4ccf49d3bbc2734ba7633114221e9be49b8f3 [formerly 0403470]
* Authored by Stéphane Campinas <[email protected]> on 2016-10-28T09:02:23Z

Former-commit-id: 2fdf95a
mgadewoll added a commit that referenced this pull request Jul 21, 2025
@mgadewoll
Upgrade EUI to v106.0.0 (#227945)
d54f539 
`105.0.0` ⏩ `106.0.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

### Visual Refresh: Input updates

>[!IMPORTANT]
This PR includes visual changes on input elements as part of the Visual
Refresh project. These changes have been open for QA ahead of time on
[this draft PR](#224382).

Almost all changes were done on EUI side. The changes to form elements
were done in elastic/eui#8767 and
elastic/eui#8778. Additionally this PR adds the
following changes related to Visual Refresh input updates:

- adds newly introduced prop `colorModes` on
**EuiSelectableTemplateSitewide**
(elastic/eui#8806) to ensure expected output
- updates styles for `in_table_search_control.tsx` to ensure correct
visual output
([conversation](#224382 (comment)))
- updates color values in tests/snapshots

### What changes visibly?

🔗 See a more detailed overview of changes
[here](https://docs.google.com/document/d/1pxfev-NQhvbyMCkIGDNgEC4XewnkV_N32p8aEyhvRHo/edit?usp=sharing).

The visually most noticeable change is the update of state indicators
for focus and invalid. The indicator underline was changed to a full
outline.

| before | after |
|---|---|
| ![Screenshot 2025-06-24 at 10 11
54](https://github.com/user-attachments/assets/7773bc67-8a8a-4099-93b7-5ac3d3a84515)
| ![Screenshot 2025-06-24 at 10 11
46](https://github.com/user-attachments/assets/8ceb9cfc-b3dc-4f35-b2ba-3b879cf14ba3)
|
| ![Screenshot 2025-06-24 at 10 12
47](https://github.com/user-attachments/assets/95e7a20c-af0e-4015-a2cd-a63662d9f8b8)
| ![Screenshot 2025-06-24 at 10 12
54](https://github.com/user-attachments/assets/0038c48b-853f-401e-a753-663c18806c4a)
|

1. General form layout and input element updates
    - updated text and border colors
    - visible hover states
    - updated state indicators (e.g. focus and invalid)
    - updated disabled, readonly, drag etc states
    - slightly updated paddings
    - increased icon size in compressed forms
- added border between form control layout append/prepend elements and
main form element
2. **EuiSelectableTemplateSitewide**
- added prop `colorModes` to handle color modes for search and popover
elements separately

### Which EUI components are affected?

- EuiFieldText
- EuiFieldNumber
- EuiFielPassword
- EuiFieldSearch
- EuiTextarea
- EuiSelect
- EuiSuperSelect
- EuiFilePicker
- EuiDatePicker
- EuiSuperDatePicker
- EuiComboBox
- EuiFormLabel
- EuiFormErrorText
- EuiFormControlLayout
- EuiFormControlLayoutDelimited
- EuiFormControlLayoutIcons
- EuiSelectableTemplateSitewide

## Screenshots

<details>
<summary>View comparison screenshots</summary>

| LIGHT | DARK |
|---|---|
| ![Kapture 2025-06-23 at 15 35
36](https://github.com/user-attachments/assets/a8133fc8-950d-4544-be30-2f8406054690)
| ![Kapture 2025-06-23 at 15 40
44](https://github.com/user-attachments/assets/92b323fa-c237-4089-98db-1eb893fe4bfe)
|
| ![Kapture 2025-06-23 at 14 54
52](https://github.com/user-attachments/assets/2ff4c719-13f9-43f3-b325-45d15994c379)
| ![Kapture 2025-06-23 at 14 53
26](https://github.com/user-attachments/assets/39a414b9-615b-48b1-b7f3-d6f81979b214)
|
| ![Kapture 2025-06-23 at 14 58
11](https://github.com/user-attachments/assets/66885b1d-e71a-46b7-95dc-4864779d7528)
| ![Kapture 2025-06-23 at 15 31
53](https://github.com/user-attachments/assets/6475d86d-0da6-4e49-8f94-9281ba764554)
|
| ![Kapture 2025-06-23 at 15 33
09](https://github.com/user-attachments/assets/43aa099d-348c-4e48-a276-9f76379d7beb)
| ![Kapture 2025-06-23 at 15 32
41](https://github.com/user-attachments/assets/bd20d6f0-7614-44b9-9a3d-4187b870e3cf)
|
| ![Kapture 2025-06-23 at 15 49
14](https://github.com/user-attachments/assets/7cdbc44d-7d1c-4978-9473-c886b64994d5)
| ![Kapture 2025-06-23 at 15 48
47](https://github.com/user-attachments/assets/a074b827-e786-4696-ac54-21287ef053fd)
|

</details>

## Additional changes

- fixes missing border due to wrong token usage in
`filter_button_group.tsx`
([change](https://github.com/elastic/kibana/compare/main...mgadewoll:eui/v106.0.0?expand=1#diff-05e15a78042cf7b418177c3ccde14623d1acad0b98a07e61780ac4d4a9caa60bR63))
- updates JSON token import paths
([change](https://github.com/elastic/kibana/compare/main...mgadewoll:eui/v106.0.0?expand=1#diff-a4c2ecff5ea550ffdce81da06e4ba26fdc4cfa48bc13b766a42b8388c03ebd7aR13))
- updates color values in tests/snapshots 

>[!NOTE]
Color value changes in tests/snapshots are expected due to a previously
missed change in the default initial colors for eui palettes to ensure
Borealis colors for static usages. This surfaces specifically in tests
as they are not connected to component renders.

## Package updates

### `@elastic/eui`

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

- Added `colorModes` prop to `EuiSelectableTemplateSitewide` to support
granular control over the applied `colorMode` for the search and popover
components ([#8806](elastic/eui#8806))
- Added high contrast mode specific color values for `colors.vis` and
`colors.severity` tokens in light color mode
([#8800](elastic/eui#8800))
- Added new `refresh` design for input styles on form picker components:
([#8778](elastic/eui#8778))
  - `EuiComboBox`
  - `EuiFilePicker`
  - `EuiDatePicker`
  - `EuiSuperDatePicker`
- Updated the font size of `xs` size `EuiButtonEmpty` to `14px`
([#8778](elastic/eui#8778))
- Added a new `backgroundStyle` prop to the `EuiFlyoutChild` component.
([#8847](elastic/eui#8847))
- Updates to `EuiFlyoutSessionProvider`
([#8846](elastic/eui#8846))
  * Remove the onUnmount callbacks from various flyout configurations
* Consolidate unmount behavior with a single onUnmount prop at the
provider level.
* Removed onCloseFlyout and onCloseChildFlyout from the flyout render
context.
* Fixed the canGoBack logic in
packages/eui/src/components/flyout/sessions/use_eui_flyout.ts.
- Added new `refresh` design for input styles and form layout
components: ([#8767](elastic/eui#8767))
  - `EuiFieldText`
  - `EuiFieldNumber`
  - `EuiFieldPassword`
  - `EuiFieldSearch`
  - `EuiTextarea`
  - `EuiSelect`
  - `EuiSuperSelect`
  - `EuiFormControlLayout`
  - `EuiFormControlLayoutDelimited`
  - `EuiFormControlLayoutIcons`
  - `EuiFormLabel`
  - `EuiFormErrorText`
- Added semantic tokens:
([#8767](elastic/eui#8767))
  - `colors.borderInteractiveFormsHoverPlain`
  - `colors.borderInteractiveFormsHoverDanger`
- Added component tokens:
([#8767](elastic/eui#8767))
  - `components.forms.backgroundDropping`
  - `components.forms.borderFocused`
  - `components.forms.borderInvalid`
  - `components.forms.borderHovered`
  - `components.forms.borderInvalidHovered`
  - `components.forms.borderAutofilledHovered`
  - `components.forms.clearButtonBackground`
- Updated values for tokens:
([#8767](elastic/eui#8767))
  - `colors.textWarning`
  - `colors.borderStrongPrimary`
  - `colors.borderStrongAccent`
  - `colors.borderStrongAccentSecondary`
  - `colors.borderStrongNeutral`
  - `colors.borderStrongSuccess`
  - `colors.borderStrongWarning`
  - `colors.borderStrongRisk`
  - `colors.borderStrongDanger`
  - `components.forms.backgroundReadOnly`

**Bug fixes**

- Fixed the screen reader output in `EuiProgress` when a node is passed
in the `label` prop ([#8856](elastic/eui#8856))
- Removed unnecessary `title` attributes for `label` and `valueText` in
`EuiProgress` ([#8856](elastic/eui#8856))
- Fixed wrong initialization options on `EUI_VIS_COLOR_STORE` which
resulted in partially wrong initial color values for static
`euiPalette{name}` functions (e.g. `euiPaletteForTemperature`)
([#8844](elastic/eui#8844))

**Breaking changes**

- Removed custom style overrides for `EuiSelectableTemplateSitewide`
search inside `EuiHeader` - Use the `colorModes` prop on
`EuiSelectableTemplateSitewide` instead to control the color mode
output. ([#8806](elastic/eui#8806))

### `@elastic/eui-theme-borealis`

####
[`v3.3.0`](https://github.com/elastic/eui/blob/main/packages/eui-theme-borealis/changelogs/CHANGELOG_2025.md?plain=1#L1)

- Added high contrast mode specific color values for `colors.vis` and
`colors.severity` tokens in light color mode
([#8800](elastic/eui#8800))
- Added semantic tokens:
([#8767](elastic/eui#8767))
  - `colors.borderInteractiveFormsHoverPlain`
  - `colors.borderInteractiveFormsHoverDanger`
- Added component tokens:
([#8767](elastic/eui#8767))
  - `components.forms.backgroundDropping`
  - `components.forms.borderFocused`
  - `components.forms.borderInvalid`
  - `components.forms.borderHovered`
  - `components.forms.borderInvalidHovered`
  - `components.forms.borderAutofilledHovered`
  - `components.forms.clearButtonBackground`
- Updated values for tokens:
([#8767](elastic/eui#8767))
  - `colors.textWarning`
  - `colors.borderStrongPrimary`
  - `colors.borderStrongAccent`
  - `colors.borderStrongAccentSecondary`
  - `colors.borderStrongNeutral`
  - `colors.borderStrongSuccess`
  - `colors.borderStrongWarning`
  - `colors.borderStrongRisk`
  - `colors.borderStrongDanger`
  - `components.forms.backgroundReadOnly`
  
  ### `@elastic/eui-theme-common`

##
[`v3.0.0`](https://github.com/elastic/eui/blob/main/packages/eui-theme-common/changelogs/CHANGELOG_2025.md?plain=1#L1)

- Added semantic tokens:
([#8767](elastic/eui#8767))
  - `colors.borderInteractiveFormsHoverPlain`
  - `colors.borderInteractiveFormsHoverDanger`
- Added component tokens:
([#8767](elastic/eui#8767))
  - `components.forms.backgroundDropping`
  - `components.forms.borderFocused`
  - `components.forms.borderInvalid`
  - `components.forms.borderHovered`
  - `components.forms.borderInvalidHovered`
  - `components.forms.borderAutofilledHovered`
  - `components.forms.clearButtonBackground`

**Breaking changes**

- Updated `_EuiThemeColors` type to include `_EuiThemeVisColors` and
`_EuiThemeSeverityColors` as `StrictColorModeSwitch` instead of static
colors. This requires `vis` and `severity` keys to be defined as part of
`LIGHT` and `DARK` color mode objects.
([#8800](elastic/eui#8800))
Bluefinger pushed a commit to Bluefinger/kibana that referenced this pull request Jul 22, 2025
@mgadewoll @Bluefinger
Upgrade EUI to v106.0.0 (elastic#227945)
6f8058a 
`105.0.0` ⏩ `106.0.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

### Visual Refresh: Input updates

>[!IMPORTANT]
This PR includes visual changes on input elements as part of the Visual
Refresh project. These changes have been open for QA ahead of time on
[this draft PR](elastic#224382).

Almost all changes were done on EUI side. The changes to form elements
were done in elastic/eui#8767 and
elastic/eui#8778. Additionally this PR adds the
following changes related to Visual Refresh input updates:

- adds newly introduced prop `colorModes` on
**EuiSelectableTemplateSitewide**
(elastic/eui#8806) to ensure expected output
- updates styles for `in_table_search_control.tsx` to ensure correct
visual output
([conversation](elastic#224382 (comment)))
- updates color values in tests/snapshots

### What changes visibly?

🔗 See a more detailed overview of changes
[here](https://docs.google.com/document/d/1pxfev-NQhvbyMCkIGDNgEC4XewnkV_N32p8aEyhvRHo/edit?usp=sharing).

The visually most noticeable change is the update of state indicators
for focus and invalid. The indicator underline was changed to a full
outline.

| before | after |
|---|---|
| ![Screenshot 2025-06-24 at 10 11
54](https://github.com/user-attachments/assets/7773bc67-8a8a-4099-93b7-5ac3d3a84515)
| ![Screenshot 2025-06-24 at 10 11
46](https://github.com/user-attachments/assets/8ceb9cfc-b3dc-4f35-b2ba-3b879cf14ba3)
|
| ![Screenshot 2025-06-24 at 10 12
47](https://github.com/user-attachments/assets/95e7a20c-af0e-4015-a2cd-a63662d9f8b8)
| ![Screenshot 2025-06-24 at 10 12
54](https://github.com/user-attachments/assets/0038c48b-853f-401e-a753-663c18806c4a)
|

1. General form layout and input element updates
    - updated text and border colors
    - visible hover states
    - updated state indicators (e.g. focus and invalid)
    - updated disabled, readonly, drag etc states
    - slightly updated paddings
    - increased icon size in compressed forms
- added border between form control layout append/prepend elements and
main form element
2. **EuiSelectableTemplateSitewide**
- added prop `colorModes` to handle color modes for search and popover
elements separately

### Which EUI components are affected?

- EuiFieldText
- EuiFieldNumber
- EuiFielPassword
- EuiFieldSearch
- EuiTextarea
- EuiSelect
- EuiSuperSelect
- EuiFilePicker
- EuiDatePicker
- EuiSuperDatePicker
- EuiComboBox
- EuiFormLabel
- EuiFormErrorText
- EuiFormControlLayout
- EuiFormControlLayoutDelimited
- EuiFormControlLayoutIcons
- EuiSelectableTemplateSitewide

## Screenshots

<details>
<summary>View comparison screenshots</summary>

| LIGHT | DARK |
|---|---|
| ![Kapture 2025-06-23 at 15 35
36](https://github.com/user-attachments/assets/a8133fc8-950d-4544-be30-2f8406054690)
| ![Kapture 2025-06-23 at 15 40
44](https://github.com/user-attachments/assets/92b323fa-c237-4089-98db-1eb893fe4bfe)
|
| ![Kapture 2025-06-23 at 14 54
52](https://github.com/user-attachments/assets/2ff4c719-13f9-43f3-b325-45d15994c379)
| ![Kapture 2025-06-23 at 14 53
26](https://github.com/user-attachments/assets/39a414b9-615b-48b1-b7f3-d6f81979b214)
|
| ![Kapture 2025-06-23 at 14 58
11](https://github.com/user-attachments/assets/66885b1d-e71a-46b7-95dc-4864779d7528)
| ![Kapture 2025-06-23 at 15 31
53](https://github.com/user-attachments/assets/6475d86d-0da6-4e49-8f94-9281ba764554)
|
| ![Kapture 2025-06-23 at 15 33
09](https://github.com/user-attachments/assets/43aa099d-348c-4e48-a276-9f76379d7beb)
| ![Kapture 2025-06-23 at 15 32
41](https://github.com/user-attachments/assets/bd20d6f0-7614-44b9-9a3d-4187b870e3cf)
|
| ![Kapture 2025-06-23 at 15 49
14](https://github.com/user-attachments/assets/7cdbc44d-7d1c-4978-9473-c886b64994d5)
| ![Kapture 2025-06-23 at 15 48
47](https://github.com/user-attachments/assets/a074b827-e786-4696-ac54-21287ef053fd)
|

</details>

## Additional changes

- fixes missing border due to wrong token usage in
`filter_button_group.tsx`
([change](https://github.com/elastic/kibana/compare/main...mgadewoll:eui/v106.0.0?expand=1#diff-05e15a78042cf7b418177c3ccde14623d1acad0b98a07e61780ac4d4a9caa60bR63))
- updates JSON token import paths
([change](https://github.com/elastic/kibana/compare/main...mgadewoll:eui/v106.0.0?expand=1#diff-a4c2ecff5ea550ffdce81da06e4ba26fdc4cfa48bc13b766a42b8388c03ebd7aR13))
- updates color values in tests/snapshots 

>[!NOTE]
Color value changes in tests/snapshots are expected due to a previously
missed change in the default initial colors for eui palettes to ensure
Borealis colors for static usages. This surfaces specifically in tests
as they are not connected to component renders.

## Package updates

### `@elastic/eui`

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

- Added `colorModes` prop to `EuiSelectableTemplateSitewide` to support
granular control over the applied `colorMode` for the search and popover
components ([elastic#8806](elastic/eui#8806))
- Added high contrast mode specific color values for `colors.vis` and
`colors.severity` tokens in light color mode
([elastic#8800](elastic/eui#8800))
- Added new `refresh` design for input styles on form picker components:
([elastic#8778](elastic/eui#8778))
  - `EuiComboBox`
  - `EuiFilePicker`
  - `EuiDatePicker`
  - `EuiSuperDatePicker`
- Updated the font size of `xs` size `EuiButtonEmpty` to `14px`
([elastic#8778](elastic/eui#8778))
- Added a new `backgroundStyle` prop to the `EuiFlyoutChild` component.
([elastic#8847](elastic/eui#8847))
- Updates to `EuiFlyoutSessionProvider`
([elastic#8846](elastic/eui#8846))
  * Remove the onUnmount callbacks from various flyout configurations
* Consolidate unmount behavior with a single onUnmount prop at the
provider level.
* Removed onCloseFlyout and onCloseChildFlyout from the flyout render
context.
* Fixed the canGoBack logic in
packages/eui/src/components/flyout/sessions/use_eui_flyout.ts.
- Added new `refresh` design for input styles and form layout
components: ([elastic#8767](elastic/eui#8767))
  - `EuiFieldText`
  - `EuiFieldNumber`
  - `EuiFieldPassword`
  - `EuiFieldSearch`
  - `EuiTextarea`
  - `EuiSelect`
  - `EuiSuperSelect`
  - `EuiFormControlLayout`
  - `EuiFormControlLayoutDelimited`
  - `EuiFormControlLayoutIcons`
  - `EuiFormLabel`
  - `EuiFormErrorText`
- Added semantic tokens:
([elastic#8767](elastic/eui#8767))
  - `colors.borderInteractiveFormsHoverPlain`
  - `colors.borderInteractiveFormsHoverDanger`
- Added component tokens:
([elastic#8767](elastic/eui#8767))
  - `components.forms.backgroundDropping`
  - `components.forms.borderFocused`
  - `components.forms.borderInvalid`
  - `components.forms.borderHovered`
  - `components.forms.borderInvalidHovered`
  - `components.forms.borderAutofilledHovered`
  - `components.forms.clearButtonBackground`
- Updated values for tokens:
([elastic#8767](elastic/eui#8767))
  - `colors.textWarning`
  - `colors.borderStrongPrimary`
  - `colors.borderStrongAccent`
  - `colors.borderStrongAccentSecondary`
  - `colors.borderStrongNeutral`
  - `colors.borderStrongSuccess`
  - `colors.borderStrongWarning`
  - `colors.borderStrongRisk`
  - `colors.borderStrongDanger`
  - `components.forms.backgroundReadOnly`

**Bug fixes**

- Fixed the screen reader output in `EuiProgress` when a node is passed
in the `label` prop ([elastic#8856](elastic/eui#8856))
- Removed unnecessary `title` attributes for `label` and `valueText` in
`EuiProgress` ([elastic#8856](elastic/eui#8856))
- Fixed wrong initialization options on `EUI_VIS_COLOR_STORE` which
resulted in partially wrong initial color values for static
`euiPalette{name}` functions (e.g. `euiPaletteForTemperature`)
([elastic#8844](elastic/eui#8844))

**Breaking changes**

- Removed custom style overrides for `EuiSelectableTemplateSitewide`
search inside `EuiHeader` - Use the `colorModes` prop on
`EuiSelectableTemplateSitewide` instead to control the color mode
output. ([elastic#8806](elastic/eui#8806))

### `@elastic/eui-theme-borealis`

####
[`v3.3.0`](https://github.com/elastic/eui/blob/main/packages/eui-theme-borealis/changelogs/CHANGELOG_2025.md?plain=1#L1)

- Added high contrast mode specific color values for `colors.vis` and
`colors.severity` tokens in light color mode
([elastic#8800](elastic/eui#8800))
- Added semantic tokens:
([elastic#8767](elastic/eui#8767))
  - `colors.borderInteractiveFormsHoverPlain`
  - `colors.borderInteractiveFormsHoverDanger`
- Added component tokens:
([elastic#8767](elastic/eui#8767))
  - `components.forms.backgroundDropping`
  - `components.forms.borderFocused`
  - `components.forms.borderInvalid`
  - `components.forms.borderHovered`
  - `components.forms.borderInvalidHovered`
  - `components.forms.borderAutofilledHovered`
  - `components.forms.clearButtonBackground`
- Updated values for tokens:
([elastic#8767](elastic/eui#8767))
  - `colors.textWarning`
  - `colors.borderStrongPrimary`
  - `colors.borderStrongAccent`
  - `colors.borderStrongAccentSecondary`
  - `colors.borderStrongNeutral`
  - `colors.borderStrongSuccess`
  - `colors.borderStrongWarning`
  - `colors.borderStrongRisk`
  - `colors.borderStrongDanger`
  - `components.forms.backgroundReadOnly`
  
  ### `@elastic/eui-theme-common`

##
[`v3.0.0`](https://github.com/elastic/eui/blob/main/packages/eui-theme-common/changelogs/CHANGELOG_2025.md?plain=1#L1)

- Added semantic tokens:
([elastic#8767](elastic/eui#8767))
  - `colors.borderInteractiveFormsHoverPlain`
  - `colors.borderInteractiveFormsHoverDanger`
- Added component tokens:
([elastic#8767](elastic/eui#8767))
  - `components.forms.backgroundDropping`
  - `components.forms.borderFocused`
  - `components.forms.borderInvalid`
  - `components.forms.borderHovered`
  - `components.forms.borderInvalidHovered`
  - `components.forms.borderAutofilledHovered`
  - `components.forms.clearButtonBackground`

**Breaking changes**

- Updated `_EuiThemeColors` type to include `_EuiThemeVisColors` and
`_EuiThemeSeverityColors` as `StrictColorModeSwitch` instead of static
colors. This requires `vis` and `severity` keys to be defined as part of
`LIGHT` and `DARK` color mode objects.
([elastic#8800](elastic/eui#8800))
kertal pushed a commit to kertal/kibana that referenced this pull request Jul 25, 2025
@mgadewoll @kertal
Upgrade EUI to v106.0.0 (elastic#227945)
de1dda0 
`105.0.0` ⏩ `106.0.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

### Visual Refresh: Input updates

>[!IMPORTANT]
This PR includes visual changes on input elements as part of the Visual
Refresh project. These changes have been open for QA ahead of time on
[this draft PR](elastic#224382).

Almost all changes were done on EUI side. The changes to form elements
were done in elastic/eui#8767 and
elastic/eui#8778. Additionally this PR adds the
following changes related to Visual Refresh input updates:

- adds newly introduced prop `colorModes` on
**EuiSelectableTemplateSitewide**
(elastic/eui#8806) to ensure expected output
- updates styles for `in_table_search_control.tsx` to ensure correct
visual output
([conversation](elastic#224382 (comment)))
- updates color values in tests/snapshots

### What changes visibly?

🔗 See a more detailed overview of changes
[here](https://docs.google.com/document/d/1pxfev-NQhvbyMCkIGDNgEC4XewnkV_N32p8aEyhvRHo/edit?usp=sharing).

The visually most noticeable change is the update of state indicators
for focus and invalid. The indicator underline was changed to a full
outline.

| before | after |
|---|---|
| ![Screenshot 2025-06-24 at 10 11
54](https://github.com/user-attachments/assets/7773bc67-8a8a-4099-93b7-5ac3d3a84515)
| ![Screenshot 2025-06-24 at 10 11
46](https://github.com/user-attachments/assets/8ceb9cfc-b3dc-4f35-b2ba-3b879cf14ba3)
|
| ![Screenshot 2025-06-24 at 10 12
47](https://github.com/user-attachments/assets/95e7a20c-af0e-4015-a2cd-a63662d9f8b8)
| ![Screenshot 2025-06-24 at 10 12
54](https://github.com/user-attachments/assets/0038c48b-853f-401e-a753-663c18806c4a)
|

1. General form layout and input element updates
    - updated text and border colors
    - visible hover states
    - updated state indicators (e.g. focus and invalid)
    - updated disabled, readonly, drag etc states
    - slightly updated paddings
    - increased icon size in compressed forms
- added border between form control layout append/prepend elements and
main form element
2. **EuiSelectableTemplateSitewide**
- added prop `colorModes` to handle color modes for search and popover
elements separately

### Which EUI components are affected?

- EuiFieldText
- EuiFieldNumber
- EuiFielPassword
- EuiFieldSearch
- EuiTextarea
- EuiSelect
- EuiSuperSelect
- EuiFilePicker
- EuiDatePicker
- EuiSuperDatePicker
- EuiComboBox
- EuiFormLabel
- EuiFormErrorText
- EuiFormControlLayout
- EuiFormControlLayoutDelimited
- EuiFormControlLayoutIcons
- EuiSelectableTemplateSitewide

## Screenshots

<details>
<summary>View comparison screenshots</summary>

| LIGHT | DARK |
|---|---|
| ![Kapture 2025-06-23 at 15 35
36](https://github.com/user-attachments/assets/a8133fc8-950d-4544-be30-2f8406054690)
| ![Kapture 2025-06-23 at 15 40
44](https://github.com/user-attachments/assets/92b323fa-c237-4089-98db-1eb893fe4bfe)
|
| ![Kapture 2025-06-23 at 14 54
52](https://github.com/user-attachments/assets/2ff4c719-13f9-43f3-b325-45d15994c379)
| ![Kapture 2025-06-23 at 14 53
26](https://github.com/user-attachments/assets/39a414b9-615b-48b1-b7f3-d6f81979b214)
|
| ![Kapture 2025-06-23 at 14 58
11](https://github.com/user-attachments/assets/66885b1d-e71a-46b7-95dc-4864779d7528)
| ![Kapture 2025-06-23 at 15 31
53](https://github.com/user-attachments/assets/6475d86d-0da6-4e49-8f94-9281ba764554)
|
| ![Kapture 2025-06-23 at 15 33
09](https://github.com/user-attachments/assets/43aa099d-348c-4e48-a276-9f76379d7beb)
| ![Kapture 2025-06-23 at 15 32
41](https://github.com/user-attachments/assets/bd20d6f0-7614-44b9-9a3d-4187b870e3cf)
|
| ![Kapture 2025-06-23 at 15 49
14](https://github.com/user-attachments/assets/7cdbc44d-7d1c-4978-9473-c886b64994d5)
| ![Kapture 2025-06-23 at 15 48
47](https://github.com/user-attachments/assets/a074b827-e786-4696-ac54-21287ef053fd)
|

</details>

## Additional changes

- fixes missing border due to wrong token usage in
`filter_button_group.tsx`
([change](https://github.com/elastic/kibana/compare/main...mgadewoll:eui/v106.0.0?expand=1#diff-05e15a78042cf7b418177c3ccde14623d1acad0b98a07e61780ac4d4a9caa60bR63))
- updates JSON token import paths
([change](https://github.com/elastic/kibana/compare/main...mgadewoll:eui/v106.0.0?expand=1#diff-a4c2ecff5ea550ffdce81da06e4ba26fdc4cfa48bc13b766a42b8388c03ebd7aR13))
- updates color values in tests/snapshots 

>[!NOTE]
Color value changes in tests/snapshots are expected due to a previously
missed change in the default initial colors for eui palettes to ensure
Borealis colors for static usages. This surfaces specifically in tests
as they are not connected to component renders.

## Package updates

### `@elastic/eui`

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

- Added `colorModes` prop to `EuiSelectableTemplateSitewide` to support
granular control over the applied `colorMode` for the search and popover
components ([elastic#8806](elastic/eui#8806))
- Added high contrast mode specific color values for `colors.vis` and
`colors.severity` tokens in light color mode
([elastic#8800](elastic/eui#8800))
- Added new `refresh` design for input styles on form picker components:
([elastic#8778](elastic/eui#8778))
  - `EuiComboBox`
  - `EuiFilePicker`
  - `EuiDatePicker`
  - `EuiSuperDatePicker`
- Updated the font size of `xs` size `EuiButtonEmpty` to `14px`
([elastic#8778](elastic/eui#8778))
- Added a new `backgroundStyle` prop to the `EuiFlyoutChild` component.
([elastic#8847](elastic/eui#8847))
- Updates to `EuiFlyoutSessionProvider`
([elastic#8846](elastic/eui#8846))
  * Remove the onUnmount callbacks from various flyout configurations
* Consolidate unmount behavior with a single onUnmount prop at the
provider level.
* Removed onCloseFlyout and onCloseChildFlyout from the flyout render
context.
* Fixed the canGoBack logic in
packages/eui/src/components/flyout/sessions/use_eui_flyout.ts.
- Added new `refresh` design for input styles and form layout
components: ([elastic#8767](elastic/eui#8767))
  - `EuiFieldText`
  - `EuiFieldNumber`
  - `EuiFieldPassword`
  - `EuiFieldSearch`
  - `EuiTextarea`
  - `EuiSelect`
  - `EuiSuperSelect`
  - `EuiFormControlLayout`
  - `EuiFormControlLayoutDelimited`
  - `EuiFormControlLayoutIcons`
  - `EuiFormLabel`
  - `EuiFormErrorText`
- Added semantic tokens:
([elastic#8767](elastic/eui#8767))
  - `colors.borderInteractiveFormsHoverPlain`
  - `colors.borderInteractiveFormsHoverDanger`
- Added component tokens:
([elastic#8767](elastic/eui#8767))
  - `components.forms.backgroundDropping`
  - `components.forms.borderFocused`
  - `components.forms.borderInvalid`
  - `components.forms.borderHovered`
  - `components.forms.borderInvalidHovered`
  - `components.forms.borderAutofilledHovered`
  - `components.forms.clearButtonBackground`
- Updated values for tokens:
([elastic#8767](elastic/eui#8767))
  - `colors.textWarning`
  - `colors.borderStrongPrimary`
  - `colors.borderStrongAccent`
  - `colors.borderStrongAccentSecondary`
  - `colors.borderStrongNeutral`
  - `colors.borderStrongSuccess`
  - `colors.borderStrongWarning`
  - `colors.borderStrongRisk`
  - `colors.borderStrongDanger`
  - `components.forms.backgroundReadOnly`

**Bug fixes**

- Fixed the screen reader output in `EuiProgress` when a node is passed
in the `label` prop ([elastic#8856](elastic/eui#8856))
- Removed unnecessary `title` attributes for `label` and `valueText` in
`EuiProgress` ([elastic#8856](elastic/eui#8856))
- Fixed wrong initialization options on `EUI_VIS_COLOR_STORE` which
resulted in partially wrong initial color values for static
`euiPalette{name}` functions (e.g. `euiPaletteForTemperature`)
([elastic#8844](elastic/eui#8844))

**Breaking changes**

- Removed custom style overrides for `EuiSelectableTemplateSitewide`
search inside `EuiHeader` - Use the `colorModes` prop on
`EuiSelectableTemplateSitewide` instead to control the color mode
output. ([elastic#8806](elastic/eui#8806))

### `@elastic/eui-theme-borealis`

####
[`v3.3.0`](https://github.com/elastic/eui/blob/main/packages/eui-theme-borealis/changelogs/CHANGELOG_2025.md?plain=1#L1)

- Added high contrast mode specific color values for `colors.vis` and
`colors.severity` tokens in light color mode
([elastic#8800](elastic/eui#8800))
- Added semantic tokens:
([elastic#8767](elastic/eui#8767))
  - `colors.borderInteractiveFormsHoverPlain`
  - `colors.borderInteractiveFormsHoverDanger`
- Added component tokens:
([elastic#8767](elastic/eui#8767))
  - `components.forms.backgroundDropping`
  - `components.forms.borderFocused`
  - `components.forms.borderInvalid`
  - `components.forms.borderHovered`
  - `components.forms.borderInvalidHovered`
  - `components.forms.borderAutofilledHovered`
  - `components.forms.clearButtonBackground`
- Updated values for tokens:
([elastic#8767](elastic/eui#8767))
  - `colors.textWarning`
  - `colors.borderStrongPrimary`
  - `colors.borderStrongAccent`
  - `colors.borderStrongAccentSecondary`
  - `colors.borderStrongNeutral`
  - `colors.borderStrongSuccess`
  - `colors.borderStrongWarning`
  - `colors.borderStrongRisk`
  - `colors.borderStrongDanger`
  - `components.forms.backgroundReadOnly`
  
  ### `@elastic/eui-theme-common`

##
[`v3.0.0`](https://github.com/elastic/eui/blob/main/packages/eui-theme-common/changelogs/CHANGELOG_2025.md?plain=1#L1)

- Added semantic tokens:
([elastic#8767](elastic/eui#8767))
  - `colors.borderInteractiveFormsHoverPlain`
  - `colors.borderInteractiveFormsHoverDanger`
- Added component tokens:
([elastic#8767](elastic/eui#8767))
  - `components.forms.backgroundDropping`
  - `components.forms.borderFocused`
  - `components.forms.borderInvalid`
  - `components.forms.borderHovered`
  - `components.forms.borderInvalidHovered`
  - `components.forms.borderAutofilledHovered`
  - `components.forms.clearButtonBackground`

**Breaking changes**

- Updated `_EuiThemeColors` type to include `_EuiThemeVisColors` and
`_EuiThemeSeverityColors` as `StrictColorModeSwitch` instead of static
colors. This requires `vis` and `severity` keys to be defined as part of
`LIGHT` and `DARK` color mode objects.
([elastic#8800](elastic/eui#8800))
crespocarlos pushed a commit to crespocarlos/kibana that referenced this pull request Jul 25, 2025
@mgadewoll @crespocarlos
Upgrade EUI to v106.0.0 (elastic#227945)
a1db20b 
`105.0.0` ⏩ `106.0.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

### Visual Refresh: Input updates

>[!IMPORTANT]
This PR includes visual changes on input elements as part of the Visual
Refresh project. These changes have been open for QA ahead of time on
[this draft PR](elastic#224382).

Almost all changes were done on EUI side. The changes to form elements
were done in elastic/eui#8767 and
elastic/eui#8778. Additionally this PR adds the
following changes related to Visual Refresh input updates:

- adds newly introduced prop `colorModes` on
**EuiSelectableTemplateSitewide**
(elastic/eui#8806) to ensure expected output
- updates styles for `in_table_search_control.tsx` to ensure correct
visual output
([conversation](elastic#224382 (comment)))
- updates color values in tests/snapshots

### What changes visibly?

🔗 See a more detailed overview of changes
[here](https://docs.google.com/document/d/1pxfev-NQhvbyMCkIGDNgEC4XewnkV_N32p8aEyhvRHo/edit?usp=sharing).

The visually most noticeable change is the update of state indicators
for focus and invalid. The indicator underline was changed to a full
outline.

| before | after |
|---|---|
| ![Screenshot 2025-06-24 at 10 11
54](https://github.com/user-attachments/assets/7773bc67-8a8a-4099-93b7-5ac3d3a84515)
| ![Screenshot 2025-06-24 at 10 11
46](https://github.com/user-attachments/assets/8ceb9cfc-b3dc-4f35-b2ba-3b879cf14ba3)
|
| ![Screenshot 2025-06-24 at 10 12
47](https://github.com/user-attachments/assets/95e7a20c-af0e-4015-a2cd-a63662d9f8b8)
| ![Screenshot 2025-06-24 at 10 12
54](https://github.com/user-attachments/assets/0038c48b-853f-401e-a753-663c18806c4a)
|

1. General form layout and input element updates
    - updated text and border colors
    - visible hover states
    - updated state indicators (e.g. focus and invalid)
    - updated disabled, readonly, drag etc states
    - slightly updated paddings
    - increased icon size in compressed forms
- added border between form control layout append/prepend elements and
main form element
2. **EuiSelectableTemplateSitewide**
- added prop `colorModes` to handle color modes for search and popover
elements separately

### Which EUI components are affected?

- EuiFieldText
- EuiFieldNumber
- EuiFielPassword
- EuiFieldSearch
- EuiTextarea
- EuiSelect
- EuiSuperSelect
- EuiFilePicker
- EuiDatePicker
- EuiSuperDatePicker
- EuiComboBox
- EuiFormLabel
- EuiFormErrorText
- EuiFormControlLayout
- EuiFormControlLayoutDelimited
- EuiFormControlLayoutIcons
- EuiSelectableTemplateSitewide

## Screenshots

<details>
<summary>View comparison screenshots</summary>

| LIGHT | DARK |
|---|---|
| ![Kapture 2025-06-23 at 15 35
36](https://github.com/user-attachments/assets/a8133fc8-950d-4544-be30-2f8406054690)
| ![Kapture 2025-06-23 at 15 40
44](https://github.com/user-attachments/assets/92b323fa-c237-4089-98db-1eb893fe4bfe)
|
| ![Kapture 2025-06-23 at 14 54
52](https://github.com/user-attachments/assets/2ff4c719-13f9-43f3-b325-45d15994c379)
| ![Kapture 2025-06-23 at 14 53
26](https://github.com/user-attachments/assets/39a414b9-615b-48b1-b7f3-d6f81979b214)
|
| ![Kapture 2025-06-23 at 14 58
11](https://github.com/user-attachments/assets/66885b1d-e71a-46b7-95dc-4864779d7528)
| ![Kapture 2025-06-23 at 15 31
53](https://github.com/user-attachments/assets/6475d86d-0da6-4e49-8f94-9281ba764554)
|
| ![Kapture 2025-06-23 at 15 33
09](https://github.com/user-attachments/assets/43aa099d-348c-4e48-a276-9f76379d7beb)
| ![Kapture 2025-06-23 at 15 32
41](https://github.com/user-attachments/assets/bd20d6f0-7614-44b9-9a3d-4187b870e3cf)
|
| ![Kapture 2025-06-23 at 15 49
14](https://github.com/user-attachments/assets/7cdbc44d-7d1c-4978-9473-c886b64994d5)
| ![Kapture 2025-06-23 at 15 48
47](https://github.com/user-attachments/assets/a074b827-e786-4696-ac54-21287ef053fd)
|

</details>

## Additional changes

- fixes missing border due to wrong token usage in
`filter_button_group.tsx`
([change](https://github.com/elastic/kibana/compare/main...mgadewoll:eui/v106.0.0?expand=1#diff-05e15a78042cf7b418177c3ccde14623d1acad0b98a07e61780ac4d4a9caa60bR63))
- updates JSON token import paths
([change](https://github.com/elastic/kibana/compare/main...mgadewoll:eui/v106.0.0?expand=1#diff-a4c2ecff5ea550ffdce81da06e4ba26fdc4cfa48bc13b766a42b8388c03ebd7aR13))
- updates color values in tests/snapshots 

>[!NOTE]
Color value changes in tests/snapshots are expected due to a previously
missed change in the default initial colors for eui palettes to ensure
Borealis colors for static usages. This surfaces specifically in tests
as they are not connected to component renders.

## Package updates

### `@elastic/eui`

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

- Added `colorModes` prop to `EuiSelectableTemplateSitewide` to support
granular control over the applied `colorMode` for the search and popover
components ([elastic#8806](elastic/eui#8806))
- Added high contrast mode specific color values for `colors.vis` and
`colors.severity` tokens in light color mode
([elastic#8800](elastic/eui#8800))
- Added new `refresh` design for input styles on form picker components:
([elastic#8778](elastic/eui#8778))
  - `EuiComboBox`
  - `EuiFilePicker`
  - `EuiDatePicker`
  - `EuiSuperDatePicker`
- Updated the font size of `xs` size `EuiButtonEmpty` to `14px`
([elastic#8778](elastic/eui#8778))
- Added a new `backgroundStyle` prop to the `EuiFlyoutChild` component.
([elastic#8847](elastic/eui#8847))
- Updates to `EuiFlyoutSessionProvider`
([elastic#8846](elastic/eui#8846))
  * Remove the onUnmount callbacks from various flyout configurations
* Consolidate unmount behavior with a single onUnmount prop at the
provider level.
* Removed onCloseFlyout and onCloseChildFlyout from the flyout render
context.
* Fixed the canGoBack logic in
packages/eui/src/components/flyout/sessions/use_eui_flyout.ts.
- Added new `refresh` design for input styles and form layout
components: ([elastic#8767](elastic/eui#8767))
  - `EuiFieldText`
  - `EuiFieldNumber`
  - `EuiFieldPassword`
  - `EuiFieldSearch`
  - `EuiTextarea`
  - `EuiSelect`
  - `EuiSuperSelect`
  - `EuiFormControlLayout`
  - `EuiFormControlLayoutDelimited`
  - `EuiFormControlLayoutIcons`
  - `EuiFormLabel`
  - `EuiFormErrorText`
- Added semantic tokens:
([elastic#8767](elastic/eui#8767))
  - `colors.borderInteractiveFormsHoverPlain`
  - `colors.borderInteractiveFormsHoverDanger`
- Added component tokens:
([elastic#8767](elastic/eui#8767))
  - `components.forms.backgroundDropping`
  - `components.forms.borderFocused`
  - `components.forms.borderInvalid`
  - `components.forms.borderHovered`
  - `components.forms.borderInvalidHovered`
  - `components.forms.borderAutofilledHovered`
  - `components.forms.clearButtonBackground`
- Updated values for tokens:
([elastic#8767](elastic/eui#8767))
  - `colors.textWarning`
  - `colors.borderStrongPrimary`
  - `colors.borderStrongAccent`
  - `colors.borderStrongAccentSecondary`
  - `colors.borderStrongNeutral`
  - `colors.borderStrongSuccess`
  - `colors.borderStrongWarning`
  - `colors.borderStrongRisk`
  - `colors.borderStrongDanger`
  - `components.forms.backgroundReadOnly`

**Bug fixes**

- Fixed the screen reader output in `EuiProgress` when a node is passed
in the `label` prop ([elastic#8856](elastic/eui#8856))
- Removed unnecessary `title` attributes for `label` and `valueText` in
`EuiProgress` ([elastic#8856](elastic/eui#8856))
- Fixed wrong initialization options on `EUI_VIS_COLOR_STORE` which
resulted in partially wrong initial color values for static
`euiPalette{name}` functions (e.g. `euiPaletteForTemperature`)
([elastic#8844](elastic/eui#8844))

**Breaking changes**

- Removed custom style overrides for `EuiSelectableTemplateSitewide`
search inside `EuiHeader` - Use the `colorModes` prop on
`EuiSelectableTemplateSitewide` instead to control the color mode
output. ([elastic#8806](elastic/eui#8806))

### `@elastic/eui-theme-borealis`

####
[`v3.3.0`](https://github.com/elastic/eui/blob/main/packages/eui-theme-borealis/changelogs/CHANGELOG_2025.md?plain=1#L1)

- Added high contrast mode specific color values for `colors.vis` and
`colors.severity` tokens in light color mode
([elastic#8800](elastic/eui#8800))
- Added semantic tokens:
([elastic#8767](elastic/eui#8767))
  - `colors.borderInteractiveFormsHoverPlain`
  - `colors.borderInteractiveFormsHoverDanger`
- Added component tokens:
([elastic#8767](elastic/eui#8767))
  - `components.forms.backgroundDropping`
  - `components.forms.borderFocused`
  - `components.forms.borderInvalid`
  - `components.forms.borderHovered`
  - `components.forms.borderInvalidHovered`
  - `components.forms.borderAutofilledHovered`
  - `components.forms.clearButtonBackground`
- Updated values for tokens:
([elastic#8767](elastic/eui#8767))
  - `colors.textWarning`
  - `colors.borderStrongPrimary`
  - `colors.borderStrongAccent`
  - `colors.borderStrongAccentSecondary`
  - `colors.borderStrongNeutral`
  - `colors.borderStrongSuccess`
  - `colors.borderStrongWarning`
  - `colors.borderStrongRisk`
  - `colors.borderStrongDanger`
  - `components.forms.backgroundReadOnly`
  
  ### `@elastic/eui-theme-common`

##
[`v3.0.0`](https://github.com/elastic/eui/blob/main/packages/eui-theme-common/changelogs/CHANGELOG_2025.md?plain=1#L1)

- Added semantic tokens:
([elastic#8767](elastic/eui#8767))
  - `colors.borderInteractiveFormsHoverPlain`
  - `colors.borderInteractiveFormsHoverDanger`
- Added component tokens:
([elastic#8767](elastic/eui#8767))
  - `components.forms.backgroundDropping`
  - `components.forms.borderFocused`
  - `components.forms.borderInvalid`
  - `components.forms.borderHovered`
  - `components.forms.borderInvalidHovered`
  - `components.forms.borderAutofilledHovered`
  - `components.forms.clearButtonBackground`

**Breaking changes**

- Updated `_EuiThemeColors` type to include `_EuiThemeVisColors` and
`_EuiThemeSeverityColors` as `StrictColorModeSwitch` instead of static
colors. This requires `vis` and `severity` keys to be defined as part of
`LIGHT` and `DARK` color mode objects.
([elastic#8800](elastic/eui#8800))
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@ppisljar ppisljar ppisljar left review comments

+1 more reviewer

@thomasneirynck thomasneirynck thomasneirynck approved these changes

Reviewers whose approvals may not affect merge requirements

Assignees

@thomasneirynck thomasneirynck

Labels

backported review v5.1.1 v6.0.0

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

fullscreen spy is not really fullscreen

5 participants

@scampi @elasticmachine @ppisljar @thomasneirynck @epixa