Skip to content

Conversation

@elastic-jasper
Copy link
Contributor

Backport PR #8734

Commit 1:
[aggConfig] unify field option handling

Commit 2:
[tests] fix tests that were improperly using fields

Commit 3:
[logstash_fields] remove sortable and filterable, which do nothing

Commit 4:
[notifier] ensure that notifications are not left around

Commit 5:
[aggParams/field] support aggParamType#scriptable

Commit 6:
[aggConfig] add light validation for aggConfig field param

Commit 7:
[aggConfig] restore use of @timestamp

Commit 8:
[tests] revert changes to notifier clearing

Commit 9:
[aggType/test] remove unnecessary change

Commit 10:
[aggTypes/fieldParam] move orderby back into condition

Commit 11:
[aggParams/field] use a more descriptive warning

---------

**Commit 1:**
[aggConfig] unify field option handling

* Original sha: e49ba04
* Authored by spalger <[email protected]> on 2016-10-18T19:45:24Z

**Commit 2:**
[tests] fix tests that were improperly using fields

* Original sha: a9c139a
* Authored by spalger <[email protected]> on 2016-10-18T19:56:22Z

**Commit 3:**
[logstash_fields] remove sortable and filterable, which do nothing

* Original sha: 0757c45
* Authored by spalger <[email protected]> on 2016-10-18T22:11:23Z

**Commit 4:**
[notifier] ensure that notifications are not left around

* Original sha: 2dbb462
* Authored by spalger <[email protected]> on 2016-10-18T22:48:01Z

**Commit 5:**
[aggParams/field] support aggParamType#scriptable

* Original sha: 95d704c
* Authored by spalger <[email protected]> on 2016-10-17T22:40:04Z

**Commit 6:**
[aggConfig] add light validation for aggConfig field param

* Original sha: 0e11c22
* Authored by spalger <[email protected]> on 2016-10-18T22:47:27Z

**Commit 7:**
[aggConfig] restore use of `@timestamp`

* Original sha: e71b0f2
* Authored by spalger <[email protected]> on 2016-10-25T00:04:13Z

**Commit 8:**
[tests] revert changes to notifier clearing

* Original sha: 6157275
* Authored by spalger <[email protected]> on 2016-10-25T00:07:31Z

**Commit 9:**
[aggType/test] remove unnecessary change

* Original sha: fbf884a
* Authored by spalger <[email protected]> on 2016-10-25T00:20:55Z

**Commit 10:**
[aggTypes/fieldParam] move orderby back into condition

* Original sha: 0018786
* Authored by spalger <[email protected]> on 2016-10-25T00:22:46Z

**Commit 11:**
[aggParams/field] use a more descriptive warning

* Original sha: 7205993
* Authored by spalger <[email protected]> on 2016-10-27T18:38:36Z
@elastic-jasper elastic-jasper added the backport This PR is a backport of another PR label Oct 27, 2016
@spalger spalger changed the title [backport] PR #8734 to 5.x [backport] PR #8734 to 5.x - Unify getting fields for aggs, and filter scripted fields for significant terms agg Oct 27, 2016
@spalger spalger added the v5.1.0 label Oct 27, 2016
@spalger spalger merged commit fa11c03 into 5.x Oct 27, 2016
@epixa epixa deleted the jasper/backport/8734/5.x branch October 29, 2016 15:19
@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
[backport] PR elastic#8734 to 5.x - Unify getting fields for aggs, and filter scripted fields for significant terms agg

Former-commit-id: fa11c03
mgadewoll added a commit that referenced this pull request Jul 21, 2025
`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
`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
`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
`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

Labels

backport This PR is a backport of another PR v5.1.1

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants