elastic/kibana

[Detection Engine] EUI Chore - Remove usage of styled-components

Open

#211 119 ouverte le 13 févr. 2025

Voir sur GitHub
 (5 commentaires) (0 réactions) (0 assignés)TypeScript (8 021 forks)batch import
EUI Visual RefreshTeam: SecuritySolutionTeam:Detection EngineTeam:Detection Engineeringeffort:lowgood first issuevalue:high

Métriques du dépôt

Stars
 (19 065 stars)
Métriques de merge PR
 (Merge moyen 1j 16h) (999 PRs mergées en 30 j)

Description

Summary

As part of the recent EUI Refresh, many instances of our usage of styled-components were removed necessarily as they referenced either outdated or static EUI theme variables. However, there are still several (65, at the time of creating this issue) uses of styled-components that need to be updated.

Why?

The motivation is described well here. Essentially, we are moving toward @emotion for its ability to aggregate styles from multiple component levels, and we cannot use both styled-components and @emotion in the same file.

Guide contributeur

Direction de recherche
Localisez tous les fichiers utilisant styled components dans le répertoire Detection Engine et remplacez les par @emotion en suivant les directives de migration EUI.
Stack technique
typescriptreact
Domaine
frontenddeveloper experience
Type d'issue
Maintenance
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
TypeScriptReactstyled components@emotion
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
60