Skip to content

Conversation

@kibanamachine
Copy link
Contributor

Backport

This will backport the following commits from main to 9.0:

Questions ?

Please refer to the Backport tool documentation

`101.4.0` ⏩ `102.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

- Update severity colors
elastic@4c852f1
- Types fix regarding `euiTheme.colors`
elastic@ddc8d2d,
elastic@ba7ec4f

## Package updates

### `@elastic/eui`

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

- Added semantic severity color tokens:
([elastic#8601](elastic/eui#8601))
    - `colors.severity.unknown`
    - `colors.severity.neutral`
    - `colors.severity.success`
    - `colors.severity.warning`
    - `colors.severity.risk`
    - `colors.severity.danger`
- Added semantic color tokens for variants `neutral` and `risk`:
([elastic#8601](elastic/eui#8601))
    - `colors.textNeutral`
    - `colors.textRisk`
    - `colors.backgroundBaseNeutral`
    - `colors.backgroundBaseRisk`
    - `colors.backgroundLightNeutral`
    - `colors.backgroundLightRisk`
    - `colors.backgroundFilledNeutral`
    - `colors.backgroundFilledRisk`
    - `colors.borderBaseNeutral`
    - `colors.borderBaseRisk`
    - `colors.borderStrongNeutral`
    - `colors.borderStrongRisk`
- Added semantic color variants `neutral` and `risk` for the following
components: ([elastic#8601](elastic/eui#8601))
    - `EuiButton`
    - `EuiButtonEmpty`
    - `EuiButtonIcon`
    - `EuiBadge`
    - `EuiIcon`
    - `EuiPanel`
- Aligned `EuiFormControlLayoutIcons` to the top (instead of center) to
improve usability in multi-line form controls like `EuiComboBox` with
many selected options
([elastic#8610](elastic/eui#8610))

**Breaking changes**

- Removed numbered severity color tokens:
([elastic#8601](elastic/eui#8601))
    - `colors.vis.euiColorSeverity0`
    - `colors.vis.euiColorSeverity1`
    - `colors.vis.euiColorSeverity2`
    - `colors.vis.euiColorSeverity3`
    - `colors.vis.euiColorSeverity4`
    - `colors.vis.euiColorSeverity5`
    - `colors.vis.euiColorSeverity6`
    - `colors.vis.euiColorSeverity7`
    - `colors.vis.euiColorSeverity8`
    - `colors.vis.euiColorSeverity9`
    - `colors.vis.euiColorSeverity10`
    - `colors.vis.euiColorSeverity11`
    - `colors.vis.euiColorSeverity12`
    - `colors.vis.euiColorSeverity13`
    - `colors.vis.euiColorSeverity14`

**Accessibility**

- Fixed duplicate screen reader output on `EuiDataGrid` for single
sorted header cells with actions
([elastic#8598](elastic/eui#8598))

### `@elastic/[email protected]`

- Added semantic severity color tokens:
([elastic#8601](elastic/eui#8601))
    - `colors.severity.unknown`
    - `colors.severity.neutral`
    - `colors.severity.success`
    - `colors.severity.warning`
    - `colors.severity.risk`
    - `colors.severity.danger`
- Added semantic color tokens for variants `neutral` and `risk`:
([elastic#8601](elastic/eui#8601))
    - `colors.textNeutral`
    - `colors.textRisk`
    - `colors.backgroundBaseNeutral`
    - `colors.backgroundBaseRisk`
    - `colors.backgroundLightNeutral`
    - `colors.backgroundLightRisk`
    - `colors.backgroundFilledNeutral`
    - `colors.backgroundFilledRisk`
    - `colors.borderBaseNeutral`
    - `colors.borderBaseRisk`
    - `colors.borderStrongNeutral`
    - `colors.borderStrongRisk`
- Added button component tokens for variants `neutral` and `risk`:
([elastic#8601](elastic/eui#8601))
    - `components.buttons.backgroundNeutral`
    - `components.buttons.backgroundRisk`
    - `components.buttons.backgroundFilledNeutral`
    - `components.buttons.backgroundFilledRisk`
    - `components.buttons.backgroundEmptyNeutralHover`
    - `components.buttons.backgroundEmptyRiskHover`
    - `components.buttons.textColorNeutral`
    - `components.buttons.textColorRisk`
    - `components.buttons.textColorFilledNeutral`
    - `components.buttons.textColorFilledRisk`

**Breaking changes**

- Removed numbered severity color tokens:
([elastic#8601](elastic/eui#8601))
    - `colors.vis.euiColorSeverity0`
    - `colors.vis.euiColorSeverity1`
    - `colors.vis.euiColorSeverity2`
    - `colors.vis.euiColorSeverity3`
    - `colors.vis.euiColorSeverity4`
    - `colors.vis.euiColorSeverity5`
    - `colors.vis.euiColorSeverity6`
    - `colors.vis.euiColorSeverity7`
    - `colors.vis.euiColorSeverity8`
    - `colors.vis.euiColorSeverity9`
    - `colors.vis.euiColorSeverity10`
    - `colors.vis.euiColorSeverity11`
    - `colors.vis.euiColorSeverity12`
    - `colors.vis.euiColorSeverity13`
    - `colors.vis.euiColorSeverity14`

**Dependency updates**

- Updated `@elastic/eui-theme-common` from `peer dependencies` to a
`dependencies` ([elastic#8606](elastic/eui#8606))

### `@elastic/[email protected]`

- Added `severity` key on `_EuiThemeConstantColors` to support tokens on
`colors.severity` ([elastic#8601](elastic/eui#8601))
- Added type for semantic severity color tokens
([elastic#8601](elastic/eui#8601))
    - `colors.severity.unknown`
    - `colors.severity.neutral`
    - `colors.severity.success`
    - `colors.severity.warning`
    - `colors.severity.risk`
    - `colors.severity.danger`
- Added types for semantic color tokens for variants `neutral` and
`risk`: ([elastic#8601](elastic/eui#8601))
    - `colors.textNeutral`
    - `colors.textRisk`
    - `colors.backgroundBaseNeutral`
    - `colors.backgroundBaseRisk`
    - `colors.backgroundLightNeutral`
    - `colors.backgroundLightRisk`
    - `colors.backgroundFilledNeutral`
    - `colors.backgroundFilledRisk`
    - `colors.borderBaseNeutral`
    - `colors.borderBaseRisk`
    - `colors.borderStrongNeutral`
    - `colors.borderStrongRisk`
- Added types for button component tokens for variants `neutral` and
`risk`: ([elastic#8601](elastic/eui#8601))
    - `components.buttons.backgroundNeutral`
    - `components.buttons.backgroundRisk`
    - `components.buttons.backgroundFilledNeutral`
    - `components.buttons.backgroundFilledRisk`
    - `components.buttons.backgroundEmptyNeutralHover`
    - `components.buttons.backgroundEmptyRiskHover`
    - `components.buttons.textColorNeutral`
    - `components.buttons.textColorRisk`
    - `components.buttons.textColorFilledNeutral`
    - `components.buttons.textColorFilledRisk`

**Breaking changes**

- Removed types for numbered severity color tokens:
([elastic#8601](elastic/eui#8601))
    - `colors.vis.euiColorSeverity0`
    - `colors.vis.euiColorSeverity1`
    - `colors.vis.euiColorSeverity2`
    - `colors.vis.euiColorSeverity3`
    - `colors.vis.euiColorSeverity4`
    - `colors.vis.euiColorSeverity5`
    - `colors.vis.euiColorSeverity6`
    - `colors.vis.euiColorSeverity7`
    - `colors.vis.euiColorSeverity8`
    - `colors.vis.euiColorSeverity9`
    - `colors.vis.euiColorSeverity10`
    - `colors.vis.euiColorSeverity11`
    - `colors.vis.euiColorSeverity12`
    - `colors.vis.euiColorSeverity13`
    - `colors.vis.euiColorSeverity14`

---------

Co-authored-by: Lene Gadewoll <[email protected]>
Co-authored-by: kibanamachine <[email protected]>
(cherry picked from commit ec008b0)
@kibanamachine kibanamachine added the backport This PR is a backport of another PR label Apr 30, 2025
@kibanamachine kibanamachine enabled auto-merge (squash) April 30, 2025 13:22
@botelastic botelastic bot added the Team:obs-ux-infra_services - DEPRECATED DEPRECATED - Use Team:obs-presentation. label Apr 30, 2025
@elasticmachine
Copy link
Contributor

Pinging @elastic/obs-ux-infra_services-team (Team:obs-ux-infra_services)

@kibanamachine kibanamachine merged commit cc312de into elastic:9.0 Apr 30, 2025
14 checks passed
@elasticmachine
Copy link
Contributor

💛 Build succeeded, but was flaky

Failed CI Steps

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
apm 2.4MB 2.4MB -30.0B
cases 512.3KB 512.2KB -26.0B
controls 420.6KB 420.6KB +61.0B
dashboard 536.0KB 536.1KB +61.0B
lens 1.5MB 1.5MB +75.0B
maps 2.9MB 2.9MB +61.0B
ml 4.4MB 4.4MB +61.0B
observabilityAIAssistantApp 249.9KB 250.0KB +51.0B
stackConnectors 615.4KB 615.4KB -26.0B
visTypeVega 1.9MB 1.9MB +61.0B
total +349.0B

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id before after diff
kbnUiSharedDeps-npmDll 6.0MB 6.0MB +7.5KB

cc @acstll

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 Team:obs-ux-infra_services - DEPRECATED DEPRECATED - Use Team:obs-presentation.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants