Skip to content
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.

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

EUI Theme Changes #188656

Draft
wants to merge 1 commit into
base: main
Choose a base branch
from
Draft

EUI Theme Changes #188656

wants to merge 1 commit into from

Conversation

JasonStoltz
Copy link
Member

@JasonStoltz JasonStoltz commented Jul 18, 2024

Summary

This is a spike branch and exists soley for testing and preview.

The corresponding EUI changes can be found here.

@JasonStoltz JasonStoltz added ci:cloud-deploy Create or update a Cloud deployment ci:cloud-persist-deployment Persist cloud deployment indefinitely labels Jul 18, 2024
@JasonStoltz JasonStoltz changed the title EUI Update EUI Theme Changes Jul 18, 2024
@JasonStoltz
Copy link
Member Author

buildkite test this

@JasonStoltz
Copy link
Member Author

buildkite test this

@elasticmachine
Copy link
Contributor

elasticmachine commented Jul 18, 2024

💔 Build Failed

Failed CI Steps

Test Failures

  • [job] [logs] Jest Tests #10 / App renders properly
  • [job] [logs] Jest Tests #10 / App renders properly
  • [job] [logs] Jest Tests #9 / defaults to a bordered empty button
  • [job] [logs] Jest Tests #9 / defaults to a bordered empty button
  • [job] [logs] Jest Tests #9 / AlertDetailsAppSection should render annotations
  • [job] [logs] Jest Tests #14 / AlertDetailsAppSection should render annotations
  • [job] [logs] Jest Tests #9 / AlertDetailsAppSection should render annotations
  • [job] [logs] Jest Tests #14 / AlertDetailsAppSection should render annotations
  • [job] [logs] Jest Tests #9 / APMSection renders transaction stat less than 1k
  • [job] [logs] Jest Tests #9 / APMSection renders transaction stat less than 1k
  • [job] [logs] Jest Tests #9 / APMSection renders with transaction series and stats
  • [job] [logs] Jest Tests #9 / APMSection renders with transaction series and stats
  • [job] [logs] Jest Tests #12 / buckets shared components DraggableBucketContainer should render invalid component
  • [job] [logs] Jest Tests #12 / buckets shared components DraggableBucketContainer should render invalid component
  • [job] [logs] Jest Tests #14 / ConditionalToolTip renders correctly
  • [job] [logs] Jest Tests #14 / ConditionalToolTip renders correctly
  • [job] [logs] FTR Configs #31 / dashboard app - group 5 embed mode non-default URL params renders as expected when scrolling
  • [job] [logs] FTR Configs #31 / dashboard app - group 5 embed mode non-default URL params renders as expected when scrolling
  • [job] [logs] FTR Configs #11 / dashboard app - group 6 dashboard snapshots compare controls snapshot in light mode
  • [job] [logs] FTR Configs #11 / dashboard app - group 6 dashboard snapshots compare controls snapshot in light mode
  • [job] [logs] Jest Tests #8 / ExplainCollectionInterval collection interval setting updates should show a waiting indicator while updating = true
  • [job] [logs] Jest Tests #8 / ExplainCollectionInterval collection interval setting updates should show a waiting indicator while updating = true
  • [job] [logs] Jest Tests #4 / GaugeComponent renders the chart
  • [job] [logs] Jest Tests #4 / GaugeComponent renders the chart
  • [job] [logs] Jest Tests #4 / GaugeComponent ticks and color bands doesnt set bands for values differing <10%
  • [job] [logs] Jest Tests #4 / GaugeComponent ticks and color bands doesnt set bands for values differing <10%
  • [job] [logs] Jest Tests #4 / GaugeComponent ticks and color bands sets proper color bands and ticks on color bands for values smaller than maximum
  • [job] [logs] Jest Tests #4 / GaugeComponent ticks and color bands sets proper color bands and ticks on color bands for values smaller than maximum
  • [job] [logs] Jest Tests #4 / GaugeComponent ticks and color bands sets proper color bands for values greater than maximum
  • [job] [logs] Jest Tests #4 / GaugeComponent ticks and color bands sets proper color bands for values greater than maximum
  • [job] [logs] Jest Tests #4 / GaugeComponent ticks and color bands sets proper color bands if palette steps are smaller than minimum
  • [job] [logs] Jest Tests #4 / GaugeComponent ticks and color bands sets proper color bands if palette steps are smaller than minimum
  • [job] [logs] Jest Tests #4 / GaugeComponent ticks and color bands sets proper color bands if percent palette steps are smaller than 0
  • [job] [logs] Jest Tests #4 / GaugeComponent ticks and color bands sets proper color bands if percent palette steps are smaller than 0
  • [job] [logs] Jest Tests #11 / helpers getSummaryTableColumns incompatible column render() it renders the expected placeholder when incompatible is undefined
  • [job] [logs] Jest Tests #11 / helpers getSummaryTableColumns incompatible column render() it renders the expected placeholder when incompatible is undefined
  • [job] [logs] Jest Tests #15 / ML Integrations renders without errors
  • [job] [logs] Jest Tests #15 / ML Integrations renders without errors
  • [job] [logs] Jest Tests #7 / PromptPage renders as expected with additional scripts
  • [job] [logs] Jest Tests #7 / PromptPage renders as expected with additional scripts
  • [job] [logs] Jest Tests #7 / PromptPage renders as expected without additional scripts
  • [job] [logs] Jest Tests #7 / PromptPage renders as expected without additional scripts
  • [job] [logs] Jest Tests #7 / ResetSessionPage renders as expected
  • [job] [logs] Jest Tests #7 / ResetSessionPage renders as expected
  • [job] [logs] Jest Tests #7 / ResetSessionPage renders as expected with custom page title
  • [job] [logs] Jest Tests #7 / ResetSessionPage renders as expected with custom page title
  • [job] [logs] Jest Tests #4 / RulesListTableStatusCell should render loading indicator for new rules
  • [job] [logs] Jest Tests #4 / RulesListTableStatusCell should render loading indicator for new rules
  • [job] [logs] FTR Configs #9 / security app - login selector reset session page compare screenshot
  • [job] [logs] FTR Configs #9 / security app - login selector reset session page compare screenshot
  • [job] [logs] Jest Tests #8 / Summary Status Component should allow label to be optional
  • [job] [logs] Jest Tests #8 / Summary Status Component should allow label to be optional
  • [job] [logs] Jest Tests #8 / Summary Status Component should allow status to be optional
  • [job] [logs] Jest Tests #8 / Summary Status Component should allow status to be optional
  • [job] [logs] Jest Tests #8 / Summary Status Component should render metrics in a summary bar
  • [job] [logs] Jest Tests #8 / Summary Status Component should render metrics in a summary bar
  • [job] [logs] Jest Tests #14 / Threshold shows warning message
  • [job] [logs] Jest Tests #14 / Threshold shows warning message
  • [job] [logs] Jest Tests #15 / TriggerButton base version (no icons) should render the main label as red if missing
  • [job] [logs] Jest Tests #15 / TriggerButton base version (no icons) should render the main label as red if missing
  • [job] [logs] Jest Tests #7 / UnauthenticatedPage renders as expected
  • [job] [logs] Jest Tests #7 / UnauthenticatedPage renders as expected
  • [job] [logs] Jest Tests #7 / UnauthenticatedPage renders as expected with custom title
  • [job] [logs] Jest Tests #7 / UnauthenticatedPage renders as expected with custom title
  • [job] [logs] Jest Tests #6 / Unified data table cell rendering renders bytes column correctly using _source when details is true
  • [job] [logs] Jest Tests #6 / Unified data table cell rendering renders bytes column correctly using _source when details is true
  • [job] [logs] Jest Tests #6 / Unified data table cell rendering renders bytes column correctly using fields when details is true
  • [job] [logs] Jest Tests #6 / Unified data table cell rendering renders bytes column correctly using fields when details is true
  • [job] [logs] Jest Tests #6 / Unified data table source document cell rendering renders a description list for source type documents
  • [job] [logs] Jest Tests #6 / Unified data table source document cell rendering renders a description list for source type documents
  • [job] [logs] Jest Tests #6 / useComparisonCss should render with basic diff mode and diff decorations
  • [job] [logs] Jest Tests #6 / useComparisonCss should render with basic diff mode and diff decorations
  • [job] [logs] Jest Tests #6 / useComparisonCss should render with basic diff mode and no diff decorations
  • [job] [logs] Jest Tests #6 / useComparisonCss should render with basic diff mode and no diff decorations
  • [job] [logs] Jest Tests #6 / useComparisonCss should render with chars diff mode and diff decorations
  • [job] [logs] Jest Tests #6 / useComparisonCss should render with chars diff mode and diff decorations
  • [job] [logs] Jest Tests #6 / useComparisonCss should render with chars diff mode and no diff decorations
  • [job] [logs] Jest Tests #6 / useComparisonCss should render with chars diff mode and no diff decorations
  • [job] [logs] Jest Tests #6 / useComparisonCss should render with lines diff mode and diff decorations
  • [job] [logs] Jest Tests #6 / useComparisonCss should render with lines diff mode and diff decorations
  • [job] [logs] Jest Tests #6 / useComparisonCss should render with lines diff mode and no diff decorations
  • [job] [logs] Jest Tests #6 / useComparisonCss should render with lines diff mode and no diff decorations
  • [job] [logs] Jest Tests #6 / useComparisonCss should render with no diff mode and no diff decorations
  • [job] [logs] Jest Tests #6 / useComparisonCss should render with no diff mode and no diff decorations
  • [job] [logs] Jest Tests #6 / useComparisonCss should render with words diff mode and diff decorations
  • [job] [logs] Jest Tests #6 / useComparisonCss should render with words diff mode and diff decorations
  • [job] [logs] Jest Tests #6 / useComparisonCss should render with words diff mode and no diff decorations
  • [job] [logs] Jest Tests #6 / useComparisonCss should render with words diff mode and no diff decorations
  • [job] [logs] Jest Tests #8 / UserAvatar should render EuiAvatar correctly without user data
  • [job] [logs] Jest Tests #8 / UserAvatar should render EuiAvatar correctly without user data
  • [job] [logs] Jest Tests #15 / VisLegend Component Legend open should match the snapshot
  • [job] [logs] Jest Tests #15 / VisLegend Component Legend open should match the snapshot

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
controls 202.3KB 202.3KB +3.0B
enterpriseSearch 2.5MB 2.5MB +69.0B
esql 183.5KB 183.4KB -14.0B
graph 403.8KB 403.8KB +9.0B
home 151.9KB 151.9KB +3.0B
indexLifecycleManagement 152.0KB 152.0KB +3.0B
indexManagement 670.1KB 670.1KB +3.0B
infra 1.5MB 1.5MB -711.0B
ingestPipelines 373.5KB 373.5KB +6.0B
kubernetesSecurity 212.2KB 211.5KB -711.0B
lens 1.5MB 1.5MB +6.0B
links 48.0KB 48.0KB +9.0B
maps 3.0MB 3.0MB -711.0B
ml 4.6MB 4.6MB +65.0B
serverlessSearch 320.8KB 320.9KB +6.0B
visTypeTimeseries 513.0KB 513.0KB +3.0B
visTypeVega 1.8MB 1.8MB -711.0B
total -2.6KB

Page load bundle

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

id before after diff
console 33.0KB 33.0KB +3.0B
esUiShared 158.1KB 158.1KB +3.0B
kbnUiSharedDeps-css 206.6KB 206.7KB +102.0B
kbnUiSharedDeps-npmDll 6.0MB 6.0MB -785.0B
total -677.0B

History

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
ci:cloud-deploy Create or update a Cloud deployment ci:cloud-persist-deployment Persist cloud deployment indefinitely
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants