Skip to content

[ResponseOps][UI] EUI Visual Refresh integration and QA - replaced deprecated color variables#203120

Merged
georgianaonoleata1904 merged 7 commits intoelastic:ro_eui_theme_borealisfrom
georgianaonoleata1904:eui-visual-refresh-replace-deprecated-vars
Dec 16, 2024
Merged

[ResponseOps][UI] EUI Visual Refresh integration and QA - replaced deprecated color variables#203120
georgianaonoleata1904 merged 7 commits intoelastic:ro_eui_theme_borealisfrom
georgianaonoleata1904:eui-visual-refresh-replace-deprecated-vars

Conversation

@georgianaonoleata1904
Copy link
Contributor

@georgianaonoleata1904 georgianaonoleata1904 commented Dec 5, 2024

Closes #202550

Summary

  • All references to renamed tokens have been updated to use the new token name

previous color token -> new color token

primaryText -> textPrimary
accentText -> textAccent
between this and textSuccess.
warningText -> textWarning
dangerText -> textDanger
text -> textParagraph
title -> textHeading
subduedText -> textSubdued
disabledText -> textDisabled
successText -> textSuccess

  • replaced the color utility functions with EUI color tokens as they will be deprecated

@georgianaonoleata1904 georgianaonoleata1904 self-assigned this Dec 13, 2024
@georgianaonoleata1904 georgianaonoleata1904 added backport:skip This PR does not require backporting Team:ResponseOps Platform ResponseOps team (formerly the Cases and Alerting teams) t// v9.0.0 EUI Visual Refresh release_note:skip Skip the PR/issue when compiling release notes labels Dec 13, 2024
@georgianaonoleata1904 georgianaonoleata1904 marked this pull request as ready for review December 13, 2024 08:28
@georgianaonoleata1904 georgianaonoleata1904 requested a review from a team as a code owner December 13, 2024 08:28
@elasticmachine
Copy link
Contributor

Pinging @elastic/response-ops (Team:ResponseOps)

@georgianaonoleata1904 georgianaonoleata1904 changed the title [ResponseOps] EUI Visual Refresh integration and QA - replaced deprecated color variables [ResponseOps][UI] EUI Visual Refresh integration and QA - replaced deprecated color variables Dec 13, 2024
@georgianaonoleata1904 georgianaonoleata1904 changed the base branch from main to ro_eui_theme_borealis December 16, 2024 09:30
// Replicate euiPanel--accent vs euiPanel--subdued
// Applying these classNames by themselves doesn't work due to a CSS-in-JS issue with EuiPanel
color: isActive ? '#a8376a' : euiTheme.colors.subduedText,
color: isActive ? '#a8376a' : euiTheme.colors.textSubdued,
Copy link
Contributor

Choose a reason for hiding this comment

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

We should be able to use a token for the static colors as well, I think?
#a8376a could become euiTheme.colors.textAccent which is #A11262 (light) and #EE72A6 (dark).

Copy link
Contributor Author

Choose a reason for hiding this comment

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

i ll update it, thanks!

buttonContentClassName="eui-fullWidth"
buttonContent={
<EuiPanel color="subdued" paddingSize="m">
<EuiPanel color={subdued} paddingSize="m">
Copy link
Contributor

Choose a reason for hiding this comment

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

Question: Why do we need to override the default subdued panel here? 🤔

Copy link
Contributor Author

Choose a reason for hiding this comment

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

this is still WIP, i ll update it

@georgianaonoleata1904 georgianaonoleata1904 merged commit 5ea1c45 into elastic:ro_eui_theme_borealis Dec 16, 2024
@elasticmachine
Copy link
Contributor

elasticmachine commented Dec 16, 2024

💔 Build Failed

Failed CI Steps

History

cc @georgianaonoleata1904

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport:skip This PR does not require backporting EUI Visual Refresh release_note:skip Skip the PR/issue when compiling release notes Team:ResponseOps Platform ResponseOps team (formerly the Cases and Alerting teams) t// v9.0.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Response Ops][UI] Update to new token name

3 participants