From d9cadca5beac4830dc2b56348b1c205b17bf9945 Mon Sep 17 00:00:00 2001 From: Lene Gadewoll Date: Fri, 28 Mar 2025 19:29:23 +0100 Subject: [PATCH] Upgrade EUI to v101.0.1 (#215698) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit `100.0.0` ⏩ `101.0.1` [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) ## Package updates ### `@elastic/eui` [`v101.0.1`](https://github.com/elastic/eui/releases/v101.0.1) - Updated `EuiProvider` and `EuiThemeProvider` with a new `highContrastMode` ([#8444](https://github.com/elastic/eui/pull/8444)) - This prop allows toggling a higher contrast visual style that primarily affects borders and shadows - On `EuiProvider`, if the `highContrastMode` prop is not passed, this setting will inherit from the user's OS/system settings - If the user is using a forced colors mode (e.g. Windows' high contrast themes), this system setting will take precedence over any `highContrastMode` or `colorMode` props passed - Added `highContrastModeStyles` and `preventForcedColors` styling utils ([#8444](https://github.com/elastic/eui/pull/8444)) - Updated `EuiRangeTooltip` to be easier to see in dark mode ([#8444](https://github.com/elastic/eui/pull/8444)) - Updated some deprecated color token usages that have direct substitutes ([#8444](https://github.com/elastic/eui/pull/8444)) - `text` -> `textParagraph` - `title` -> `textHeading` - `subduedText` -> `textSubdued` - `disabledText` -> `textDisabled` - `accentText` -> `textAccent` - `dangerText` -> `textDanger` - `warningText` -> `textWarning` - `useEuiShadow()` now accepts a second `options` argument ([#8234](https://github.com/elastic/eui/pull/8234)) - `useEuiShadowFlat()` now accepts an `options` object instead of only a color ([#8234](https://github.com/elastic/eui/pull/8234)) - Updated `EuiPopover` and `EuiToolTip` to be easier to see in dark mode. ([#8174](https://github.com/elastic/eui/pull/8174)) **Bug fixes** - Fixed a visual bug where a transparent border would create visible empty space (`LIGHT` mode only) for the components: ([#8427](https://github.com/elastic/eui/pull/8427)) - `EuiPanel` - `EuiPopover` - `EuiToolTip` - `EuiToast` - `EuiTour` --- ### `@elastic/eui-theme-common` [`v0.1.0`](https://github.com/elastic/eui/releases/v0.1.0) - Removed type `EuiShadowCustomColor` ([#8444](https://github.com/elastic/eui/pull/8444)) - Added types: ([#8444](https://github.com/elastic/eui/pull/8444)) - `EuiShadowOptions` - `EuiThemeHighContrastModeProp` - `EuiThemeHighContrastMode` - Updated shadow utils to accepts a second `options` argument and return borders in high contrast mode: ([#8444](https://github.com/elastic/eui/pull/8444)) - `euiShadow` - `euiShadowXSmall` - `euiShadowSmall` - `euiShadowMedium` - `euiShadowLarge` - `euiSlightShadowHover` - `euiShadowFlat` --- ### `@elastic/eui-theme-borealis` [`v0.1.0`](https://github.com/elastic/eui/releases/v0.1.0) - Added new component level tokens: ([#8444](https://github.com/elastic/eui/pull/8444)) - `buttonGroupBackgroundDisabledSelected` - `overlayMaskBackground` - `overlayMaskBackgroundHighContrast` - `skeletonBackgroundSkeletonMiddleHighContrast` ## Additional changes The latest `@elastic/eui` package introduces high contrast mode support. This PR sets all usages of `EuiProvider` to use `highContrastMode={false}` to introduce it in disabled state (this reflects the current functionality in Kibana). This is because the UI for the high contrast mode functionality (and style adjustments) need to first be implemented on Kibana side (by shared-ux). ## QA Adding high contrast mode in disabled state should result in no visual changes in Kibana. Please ensure your product view remain unchanged. --------- Co-authored-by: Elastic Machine (cherry picked from commit 2cd777d96909a73bab547cc3e3f509fc7ef916af) # Conflicts: # src/platform/plugins/shared/discover/public/application/main/components/layout/discover_layout.test.tsx --- .../public/app.tsx | 2 +- examples/error_boundary/public/plugin.tsx | 2 +- examples/esql_ast_inspector/public/app.tsx | 2 +- examples/field_formats_example/public/app.tsx | 2 +- .../files_example/public/components/app.tsx | 2 +- .../public/app/app.tsx | 2 +- package.json | 4 +-- src/dev/license_checker/config.ts | 4 +-- .../private/kbn-panel-loader/index.tsx | 2 +- .../log_level_badge_cell.test.tsx | 2 +- .../logs/components/log_level_badge.test.tsx | 2 +- .../src/esql/lib/esql_theme.test.ts | 1 + .../kibana_context/root/eui_provider.tsx | 1 + .../public/default_editor_controller.tsx | 2 +- .../component/grid/dashboard_grid_item.tsx | 2 +- .../context/context_app_content.test.tsx | 2 +- .../layout/discover_documents.test.tsx | 2 +- .../layout/discover_layout.test.tsx | 2 +- .../logs_overview.test.tsx | 4 +-- .../filter_editor/filter_editor.test.tsx | 3 +++ .../components/timeseries_loading.tsx | 2 +- .../components/timeseries_visualization.tsx | 2 +- .../components/visualization_container.tsx | 2 +- .../embeddable/visualize_embeddable.tsx | 2 +- .../embeddable/visualize_embeddable.tsx | 2 +- .../__snapshots__/app.test.tsx.snap | 2 +- .../shareable_runtime/components/app.tsx | 2 +- .../mini_histogram/mini_histogram.tsx | 2 +- .../public/components/common/spark_plot.tsx | 2 +- .../document_trends/trend_docs_chart.tsx | 2 +- .../loading_indicator/loading_indicator.tsx | 2 +- .../explorer/swimlane_container.tsx | 6 +---- .../anomaly_charts_react_container.tsx | 1 - .../__snapshots__/prompt_page.test.tsx.snap | 4 +-- .../unauthenticated_page.test.tsx.snap | 4 +-- .../reset_session_page.test.tsx.snap | 4 +-- .../shared/security/server/prompt_page.tsx | 2 +- .../shared/charts/spark_plot/index.tsx | 2 +- .../apm/public/hooks/use_breakpoints.test.tsx | 1 + .../components/lens/chart_placeholder.tsx | 2 +- .../public/components/async_component.tsx | 4 +-- .../public/components/stack_traces/index.tsx | 2 +- .../error_rate/error_rate_panel.tsx | 2 +- .../events_chart_panel/events_chart_panel.tsx | 2 +- .../slo_details/components/wide_chart.tsx | 2 +- .../components/common/data_preview_chart.tsx | 2 +- .../pages/slos/components/slo_sparkline.tsx | 2 +- .../monitor_pending_wrapper.tsx | 2 +- .../rum_dashboard/visitor_breakdown/index.tsx | 4 +-- .../public/common/mock/test_providers.tsx | 4 +-- .../components/command_execution_output.tsx | 2 +- yarn.lock | 26 +++++++++---------- 52 files changed, 73 insertions(+), 74 deletions(-) diff --git a/examples/data_view_field_editor_example/public/app.tsx b/examples/data_view_field_editor_example/public/app.tsx index 6df9c0133e910..628053b310dbd 100644 --- a/examples/data_view_field_editor_example/public/app.tsx +++ b/examples/data_view_field_editor_example/public/app.tsx @@ -136,7 +136,7 @@ const DataViewFieldEditorExample = ({ dataView, dataViewFieldEditor }: Props) => ); return ( - + {content} diff --git a/examples/error_boundary/public/plugin.tsx b/examples/error_boundary/public/plugin.tsx index dabc004f75a26..9f6c719897b7d 100755 --- a/examples/error_boundary/public/plugin.tsx +++ b/examples/error_boundary/public/plugin.tsx @@ -79,7 +79,7 @@ export class ErrorBoundaryExamplePlugin implements Plugin // Using the "EuiProvider" here rather than KibanaRenderContextProvider, because KibanaRenderContextProvider // wraps KibanaErrorBoundaryProvider and KibanaErrorBoundary and we want to test it directly, not a wrapper. ReactDOM.render( - + diff --git a/examples/esql_ast_inspector/public/app.tsx b/examples/esql_ast_inspector/public/app.tsx index 82292945f2ab3..e64977635d033 100644 --- a/examples/esql_ast_inspector/public/app.tsx +++ b/examples/esql_ast_inspector/public/app.tsx @@ -14,7 +14,7 @@ import { EsqlInspector } from './components/esql_inspector'; export const App = () => { return ( - + diff --git a/examples/field_formats_example/public/app.tsx b/examples/field_formats_example/public/app.tsx index f378c24cec86c..c60fb3a44d586 100644 --- a/examples/field_formats_example/public/app.tsx +++ b/examples/field_formats_example/public/app.tsx @@ -168,7 +168,7 @@ const CreatingCustomFieldFormatEditor: React.FC<{ deps: Deps }> = (props) => { export const App: React.FC<{ deps: Deps }> = (props) => { return ( - + diff --git a/examples/files_example/public/components/app.tsx b/examples/files_example/public/components/app.tsx index db6c84fc8006d..0cfb314b660b3 100644 --- a/examples/files_example/public/components/app.tsx +++ b/examples/files_example/public/components/app.tsx @@ -133,7 +133,7 @@ export const FilesExampleApp = ({ files, notifications }: FilesExampleAppDeps) = ]; return ( - + diff --git a/examples/partial_results_example/public/app/app.tsx b/examples/partial_results_example/public/app/app.tsx index bca4f1555063e..a9de74c4ef105 100644 --- a/examples/partial_results_example/public/app/app.tsx +++ b/examples/partial_results_example/public/app/app.tsx @@ -42,7 +42,7 @@ export function App() { }, [expressions]); return ( - + diff --git a/package.json b/package.json index b894b934d3d40..c058051af9b9a 100644 --- a/package.json +++ b/package.json @@ -123,8 +123,8 @@ "@elastic/ecs": "^8.11.5", "@elastic/elasticsearch": "^8.17.0", "@elastic/ems-client": "8.6.3", - "@elastic/eui": "100.0.0", - "@elastic/eui-theme-borealis": "0.0.11", + "@elastic/eui": "101.0.1", + "@elastic/eui-theme-borealis": "0.1.0", "@elastic/filesaver": "1.1.2", "@elastic/node-crypto": "^1.2.3", "@elastic/numeral": "^2.5.1", diff --git a/src/dev/license_checker/config.ts b/src/dev/license_checker/config.ts index aed1f03f624fd..72c01be232e62 100644 --- a/src/dev/license_checker/config.ts +++ b/src/dev/license_checker/config.ts @@ -88,8 +88,8 @@ export const LICENSE_OVERRIDES = { 'jsts@1.6.2': ['Eclipse Distribution License - v 1.0'], // cf. https://github.com/bjornharrtell/jsts '@mapbox/jsonlint-lines-primitives@2.0.2': ['MIT'], // license in readme https://github.com/tmcw/jsonlint '@elastic/ems-client@8.6.3': ['Elastic License 2.0'], - '@elastic/eui@100.0.0': ['Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0'], - '@elastic/eui-theme-borealis@0.0.11': ['Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0'], + '@elastic/eui@101.0.1': ['Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0'], + '@elastic/eui-theme-borealis@0.1.0': ['Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0'], 'language-subtag-registry@0.3.21': ['CC-BY-4.0'], // retired ODC‑By license https://github.com/mattcg/language-subtag-registry 'buffers@0.1.1': ['MIT'], // license in importing module https://www.npmjs.com/package/binary '@bufbuild/protobuf@1.2.1': ['Apache-2.0'], // license (Apache-2.0 AND BSD-3-Clause) diff --git a/src/platform/packages/private/kbn-panel-loader/index.tsx b/src/platform/packages/private/kbn-panel-loader/index.tsx index 73be26124291b..486ce2c5e94ad 100644 --- a/src/platform/packages/private/kbn-panel-loader/index.tsx +++ b/src/platform/packages/private/kbn-panel-loader/index.tsx @@ -35,7 +35,7 @@ export const PanelLoader = (props: { hasBorder={props.showBorder} data-test-subj={props.dataTestSubj} > - + ); }; diff --git a/src/platform/packages/shared/kbn-discover-contextual-components/src/data_types/logs/components/log_level_badge_cell/log_level_badge_cell.test.tsx b/src/platform/packages/shared/kbn-discover-contextual-components/src/data_types/logs/components/log_level_badge_cell/log_level_badge_cell.test.tsx index c6d4abd8c530e..961c698c024b4 100644 --- a/src/platform/packages/shared/kbn-discover-contextual-components/src/data_types/logs/components/log_level_badge_cell/log_level_badge_cell.test.tsx +++ b/src/platform/packages/shared/kbn-discover-contextual-components/src/data_types/logs/components/log_level_badge_cell/log_level_badge_cell.test.tsx @@ -18,7 +18,7 @@ import { DataTableRecord, buildDataTableRecord } from '@kbn/discover-utils'; const renderCell = (logLevelField: string, record: DataTableRecord) => { const LogLevelBadgeCell = getLogLevelBadgeCell(logLevelField); render( - + { render( - + {logLevel}} diff --git a/src/platform/packages/shared/kbn-monaco/src/esql/lib/esql_theme.test.ts b/src/platform/packages/shared/kbn-monaco/src/esql/lib/esql_theme.test.ts index ffe77a7a18c26..35f3f2e844d3a 100644 --- a/src/platform/packages/shared/kbn-monaco/src/esql/lib/esql_theme.test.ts +++ b/src/platform/packages/shared/kbn-monaco/src/esql/lib/esql_theme.test.ts @@ -17,6 +17,7 @@ const mockTheme: UseEuiTheme = { colorMode: 'DARK', euiTheme: { colors: {} } as unknown as UseEuiTheme['euiTheme'], modifications: {}, + highContrastMode: false, }; describe('ESQL Theme', () => { diff --git a/src/platform/packages/shared/react/kibana_context/root/eui_provider.tsx b/src/platform/packages/shared/react/kibana_context/root/eui_provider.tsx index 9b089829a347b..d0e1249049f50 100644 --- a/src/platform/packages/shared/react/kibana_context/root/eui_provider.tsx +++ b/src/platform/packages/shared/react/kibana_context/root/eui_provider.tsx @@ -102,6 +102,7 @@ export const KibanaEuiProvider: FC> = globalStyles, utilityClasses: globalStyles, theme: _theme, + highContrastMode: false, }} > {children} diff --git a/src/platform/plugins/private/vis_default_editor/public/default_editor_controller.tsx b/src/platform/plugins/private/vis_default_editor/public/default_editor_controller.tsx index 7f95da7e2c75b..476037d3e03b9 100644 --- a/src/platform/plugins/private/vis_default_editor/public/default_editor_controller.tsx +++ b/src/platform/plugins/private/vis_default_editor/public/default_editor_controller.tsx @@ -42,7 +42,7 @@ class DefaultEditorController implements IEditorController { alignItems: 'center', }} > - + } > diff --git a/src/platform/plugins/shared/dashboard/public/dashboard_container/component/grid/dashboard_grid_item.tsx b/src/platform/plugins/shared/dashboard/public/dashboard_container/component/grid/dashboard_grid_item.tsx index 1f05c548606b3..29d72423c0afc 100644 --- a/src/platform/plugins/shared/dashboard/public/dashboard_container/component/grid/dashboard_grid_item.tsx +++ b/src/platform/plugins/shared/dashboard/public/dashboard_container/component/grid/dashboard_grid_item.tsx @@ -157,7 +157,7 @@ export const Item = React.forwardRef( ) : (
- +
)} diff --git a/src/platform/plugins/shared/discover/public/application/context/context_app_content.test.tsx b/src/platform/plugins/shared/discover/public/application/context/context_app_content.test.tsx index bad964fcafd31..897145d2e4751 100644 --- a/src/platform/plugins/shared/discover/public/application/context/context_app_content.test.tsx +++ b/src/platform/plugins/shared/discover/public/application/context/context_app_content.test.tsx @@ -74,7 +74,7 @@ describe('ContextAppContent test', () => { const component = mountWithIntl( - + diff --git a/src/platform/plugins/shared/discover/public/application/main/components/layout/discover_documents.test.tsx b/src/platform/plugins/shared/discover/public/application/main/components/layout/discover_documents.test.tsx index 27bdcd46c3eb0..00d2d96cce0b6 100644 --- a/src/platform/plugins/shared/discover/public/application/main/components/layout/discover_documents.test.tsx +++ b/src/platform/plugins/shared/discover/public/application/main/components/layout/discover_documents.test.tsx @@ -71,7 +71,7 @@ async function mountComponent(fetchStatus: FetchStatus, hits: EsHitRecord[]) { - + diff --git a/src/platform/plugins/shared/discover/public/application/main/components/layout/discover_layout.test.tsx b/src/platform/plugins/shared/discover/public/application/main/components/layout/discover_layout.test.tsx index c08b5539dd1c0..5079025257ab7 100644 --- a/src/platform/plugins/shared/discover/public/application/main/components/layout/discover_layout.test.tsx +++ b/src/platform/plugins/shared/discover/public/application/main/components/layout/discover_layout.test.tsx @@ -128,7 +128,7 @@ async function mountComponent( const component = mountWithIntl( - + diff --git a/src/platform/plugins/shared/unified_doc_viewer/public/components/doc_viewer_logs_overview/logs_overview.test.tsx b/src/platform/plugins/shared/unified_doc_viewer/public/components/doc_viewer_logs_overview/logs_overview.test.tsx index 21e74aa08931e..54d92f8ca173e 100644 --- a/src/platform/plugins/shared/unified_doc_viewer/public/components/doc_viewer_logs_overview/logs_overview.test.tsx +++ b/src/platform/plugins/shared/unified_doc_viewer/public/components/doc_viewer_logs_overview/logs_overview.test.tsx @@ -147,14 +147,14 @@ setUnifiedDocViewerServices( const renderLogsOverview = (props: Partial = {}) => { const { rerender: baseRerender, ...tools } = render( - + ); const rerender = (rerenderProps: Partial) => baseRerender( - + ); diff --git a/src/platform/plugins/shared/unified_search/public/filter_bar/filter_editor/filter_editor.test.tsx b/src/platform/plugins/shared/unified_search/public/filter_bar/filter_editor/filter_editor.test.tsx index 6ba1df5f92e99..7ab54719b1e61 100644 --- a/src/platform/plugins/shared/unified_search/public/filter_bar/filter_editor/filter_editor.test.tsx +++ b/src/platform/plugins/shared/unified_search/public/filter_bar/filter_editor/filter_editor.test.tsx @@ -44,6 +44,7 @@ describe('', () => { euiTheme: {} as unknown as EuiThemeComputed<{}>, colorMode: 'DARK', modifications: [], + highContrastMode: false, } as UseEuiTheme<{}>, filter: { meta: { @@ -91,6 +92,7 @@ describe('', () => { euiTheme: {} as unknown as EuiThemeComputed<{}>, colorMode: 'DARK', modifications: [], + highContrastMode: false, } as UseEuiTheme<{}>, filter: { meta: { @@ -126,6 +128,7 @@ describe('', () => { euiTheme: {} as unknown as EuiThemeComputed<{}>, colorMode: 'DARK', modifications: [], + highContrastMode: false, } as UseEuiTheme<{}>, filter: { meta: { diff --git a/src/platform/plugins/shared/vis_types/timeseries/public/application/components/timeseries_loading.tsx b/src/platform/plugins/shared/vis_types/timeseries/public/application/components/timeseries_loading.tsx index 072b934e38376..eb530adcdfaae 100644 --- a/src/platform/plugins/shared/vis_types/timeseries/public/application/components/timeseries_loading.tsx +++ b/src/platform/plugins/shared/vis_types/timeseries/public/application/components/timeseries_loading.tsx @@ -12,6 +12,6 @@ import { EuiLoadingChart } from '@elastic/eui'; export const TimeseriesLoading = () => (
- +
); diff --git a/src/platform/plugins/shared/vis_types/timeseries/public/application/components/timeseries_visualization.tsx b/src/platform/plugins/shared/vis_types/timeseries/public/application/components/timeseries_visualization.tsx index 986ad82f27dce..fe27695cabf4f 100644 --- a/src/platform/plugins/shared/vis_types/timeseries/public/application/components/timeseries_visualization.tsx +++ b/src/platform/plugins/shared/vis_types/timeseries/public/application/components/timeseries_visualization.tsx @@ -182,7 +182,7 @@ function TimeseriesVisualization({ - + } > diff --git a/src/platform/plugins/shared/visualizations/public/components/visualization_container.tsx b/src/platform/plugins/shared/visualizations/public/components/visualization_container.tsx index 825cfc38a0556..cbabe5d10b700 100644 --- a/src/platform/plugins/shared/visualizations/public/components/visualization_container.tsx +++ b/src/platform/plugins/shared/visualizations/public/components/visualization_container.tsx @@ -39,7 +39,7 @@ export const VisualizationContainer = ({ const fallBack = (
- +
); diff --git a/src/platform/plugins/shared/visualizations/public/embeddable/visualize_embeddable.tsx b/src/platform/plugins/shared/visualizations/public/embeddable/visualize_embeddable.tsx index e3f055ccd597a..00363bddda2e2 100644 --- a/src/platform/plugins/shared/visualizations/public/embeddable/visualize_embeddable.tsx +++ b/src/platform/plugins/shared/visualizations/public/embeddable/visualize_embeddable.tsx @@ -484,7 +484,7 @@ export const getVisualizeEmbeddableFactory: (deps: { > {/* Replicate the loading state for the expression renderer to avoid FOUC */} - {isLoading && } + {isLoading && } {!isLoading && error && (
- +
, this.domNode diff --git a/x-pack/platform/plugins/private/canvas/shareable_runtime/components/__snapshots__/app.test.tsx.snap b/x-pack/platform/plugins/private/canvas/shareable_runtime/components/__snapshots__/app.test.tsx.snap index 2ab52a813abc8..5c0e1a5040f33 100644 --- a/x-pack/platform/plugins/private/canvas/shareable_runtime/components/__snapshots__/app.test.tsx.snap +++ b/x-pack/platform/plugins/private/canvas/shareable_runtime/components/__snapshots__/app.test.tsx.snap @@ -1,3 +1,3 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[` App renders properly 1`] = `"
markdown mock
markdown mock

Page level controls

My Canvas Workpad

There is a new region landmark with page level controls at the end of the document.

"`; +exports[` App renders properly 1`] = `"
markdown mock
markdown mock

Page level controls

My Canvas Workpad

There is a new region landmark with page level controls at the end of the document.

"`; diff --git a/x-pack/platform/plugins/private/canvas/shareable_runtime/components/app.tsx b/x-pack/platform/plugins/private/canvas/shareable_runtime/components/app.tsx index 3104ed4ac0628..39227186828fc 100644 --- a/x-pack/platform/plugins/private/canvas/shareable_runtime/components/app.tsx +++ b/x-pack/platform/plugins/private/canvas/shareable_runtime/components/app.tsx @@ -44,7 +44,7 @@ export const App: FC = ({ workpad, stage }) => { }; return ( - + diff --git a/x-pack/platform/plugins/shared/aiops/public/components/mini_histogram/mini_histogram.tsx b/x-pack/platform/plugins/shared/aiops/public/components/mini_histogram/mini_histogram.tsx index 963eb31e29d40..eb73c12c8bd81 100644 --- a/x-pack/platform/plugins/shared/aiops/public/components/mini_histogram/mini_histogram.tsx +++ b/x-pack/platform/plugins/shared/aiops/public/components/mini_histogram/mini_histogram.tsx @@ -79,7 +79,7 @@ export const MiniHistogram: FC = ({ if (isLoading) { return (
- +
); } diff --git a/x-pack/platform/plugins/shared/dataset_quality/public/components/common/spark_plot.tsx b/x-pack/platform/plugins/shared/dataset_quality/public/components/common/spark_plot.tsx index 0f032ff47825a..afe4560c94acb 100644 --- a/x-pack/platform/plugins/shared/dataset_quality/public/components/common/spark_plot.tsx +++ b/x-pack/platform/plugins/shared/dataset_quality/public/components/common/spark_plot.tsx @@ -61,7 +61,7 @@ function SparkPlotItem({ if (isLoading) { return (
- +
); } diff --git a/x-pack/platform/plugins/shared/dataset_quality/public/components/dataset_quality_details/overview/document_trends/trend_docs_chart.tsx b/x-pack/platform/plugins/shared/dataset_quality/public/components/dataset_quality_details/overview/document_trends/trend_docs_chart.tsx index e3b77366908ca..429e165b873b7 100644 --- a/x-pack/platform/plugins/shared/dataset_quality/public/components/dataset_quality_details/overview/document_trends/trend_docs_chart.tsx +++ b/x-pack/platform/plugins/shared/dataset_quality/public/components/dataset_quality_details/overview/document_trends/trend_docs_chart.tsx @@ -64,7 +64,7 @@ export function TrendDocsChart({ alignItems={isChartLoading === undefined ? 'center' : undefined} > {!attributes ? ( - + ) : ( = ({ heig
- + {label && ( <> diff --git a/x-pack/platform/plugins/shared/ml/public/application/explorer/swimlane_container.tsx b/x-pack/platform/plugins/shared/ml/public/application/explorer/swimlane_container.tsx index 4b4ffbe7ff37a..85f73589abac0 100644 --- a/x-pack/platform/plugins/shared/ml/public/application/explorer/swimlane_container.tsx +++ b/x-pack/platform/plugins/shared/ml/public/application/explorer/swimlane_container.tsx @@ -544,11 +544,7 @@ export const SwimlaneContainer: FC = ({ transform: 'translate(-50%,-50%)', }} > - + )}
diff --git a/x-pack/platform/plugins/shared/ml/public/embeddables/anomaly_charts/anomaly_charts_react_container.tsx b/x-pack/platform/plugins/shared/ml/public/embeddables/anomaly_charts/anomaly_charts_react_container.tsx index 8f64ec88411c9..35a0f9500b0b4 100644 --- a/x-pack/platform/plugins/shared/ml/public/embeddables/anomaly_charts/anomaly_charts_react_container.tsx +++ b/x-pack/platform/plugins/shared/ml/public/embeddables/anomaly_charts/anomaly_charts_react_container.tsx @@ -266,7 +266,6 @@ const AnomalyChartsContainer: FC = ({ > diff --git a/x-pack/platform/plugins/shared/security/server/__snapshots__/prompt_page.test.tsx.snap b/x-pack/platform/plugins/shared/security/server/__snapshots__/prompt_page.test.tsx.snap index e1061a099af31..59013525107e3 100644 --- a/x-pack/platform/plugins/shared/security/server/__snapshots__/prompt_page.test.tsx.snap +++ b/x-pack/platform/plugins/shared/security/server/__snapshots__/prompt_page.test.tsx.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`PromptPage renders as expected with additional scripts 1`] = `"ElasticMockedFonts

Some Title

Some Body
Action#1
Action#2
"`; +exports[`PromptPage renders as expected with additional scripts 1`] = `"ElasticMockedFonts

Some Title

Some Body
Action#1
Action#2
"`; -exports[`PromptPage renders as expected without additional scripts 1`] = `"ElasticMockedFonts

Some Title

Some Body
Action#1
Action#2
"`; +exports[`PromptPage renders as expected without additional scripts 1`] = `"ElasticMockedFonts

Some Title

Some Body
Action#1
Action#2
"`; diff --git a/x-pack/platform/plugins/shared/security/server/authentication/__snapshots__/unauthenticated_page.test.tsx.snap b/x-pack/platform/plugins/shared/security/server/authentication/__snapshots__/unauthenticated_page.test.tsx.snap index 9d33edbcd8dd2..3b04b31cb8ac0 100644 --- a/x-pack/platform/plugins/shared/security/server/authentication/__snapshots__/unauthenticated_page.test.tsx.snap +++ b/x-pack/platform/plugins/shared/security/server/authentication/__snapshots__/unauthenticated_page.test.tsx.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`UnauthenticatedPage renders as expected 1`] = `"ElasticMockedFonts

We hit an authentication error

Try logging in again, and if the problem persists, contact your system administrator.

Log in
"`; +exports[`UnauthenticatedPage renders as expected 1`] = `"ElasticMockedFonts

We hit an authentication error

Try logging in again, and if the problem persists, contact your system administrator.

Log in
"`; -exports[`UnauthenticatedPage renders as expected with custom title 1`] = `"My Company NameMockedFonts

We hit an authentication error

Try logging in again, and if the problem persists, contact your system administrator.

Log in
"`; +exports[`UnauthenticatedPage renders as expected with custom title 1`] = `"My Company NameMockedFonts

We hit an authentication error

Try logging in again, and if the problem persists, contact your system administrator.

Log in
"`; diff --git a/x-pack/platform/plugins/shared/security/server/authorization/__snapshots__/reset_session_page.test.tsx.snap b/x-pack/platform/plugins/shared/security/server/authorization/__snapshots__/reset_session_page.test.tsx.snap index 69b47c49417eb..0d0dfaf18241d 100644 --- a/x-pack/platform/plugins/shared/security/server/authorization/__snapshots__/reset_session_page.test.tsx.snap +++ b/x-pack/platform/plugins/shared/security/server/authorization/__snapshots__/reset_session_page.test.tsx.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`ResetSessionPage renders as expected 1`] = `"ElasticMockedFonts

You do not have permission to access the requested page

Either go back to the previous page or log in as a different user.

Log in as different user
"`; +exports[`ResetSessionPage renders as expected 1`] = `"ElasticMockedFonts

You do not have permission to access the requested page

Either go back to the previous page or log in as a different user.

Log in as different user
"`; -exports[`ResetSessionPage renders as expected with custom page title 1`] = `"My Company NameMockedFonts

You do not have permission to access the requested page

Either go back to the previous page or log in as a different user.

Log in as different user
"`; +exports[`ResetSessionPage renders as expected with custom page title 1`] = `"My Company NameMockedFonts

You do not have permission to access the requested page

Either go back to the previous page or log in as a different user.

Log in as different user
"`; diff --git a/x-pack/platform/plugins/shared/security/server/prompt_page.tsx b/x-pack/platform/plugins/shared/security/server/prompt_page.tsx index 1161585baeb37..bd895f95a3938 100644 --- a/x-pack/platform/plugins/shared/security/server/prompt_page.tsx +++ b/x-pack/platform/plugins/shared/security/server/prompt_page.tsx @@ -55,7 +55,7 @@ export function PromptPage({ }: Props) { const content = ( - + - + ); } diff --git a/x-pack/solutions/observability/plugins/apm/public/hooks/use_breakpoints.test.tsx b/x-pack/solutions/observability/plugins/apm/public/hooks/use_breakpoints.test.tsx index ca25af1f0643b..7d9782bbc72f7 100644 --- a/x-pack/solutions/observability/plugins/apm/public/hooks/use_breakpoints.test.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/hooks/use_breakpoints.test.tsx @@ -20,6 +20,7 @@ const wrapper: FC> = ({ children }) => ( xxxl: 2000, }, }} + highContrastMode={false} > {children} diff --git a/x-pack/solutions/observability/plugins/infra/public/components/lens/chart_placeholder.tsx b/x-pack/solutions/observability/plugins/infra/public/components/lens/chart_placeholder.tsx index 2dfcbfa21c814..bd03cc0fbeffa 100644 --- a/x-pack/solutions/observability/plugins/infra/public/components/lens/chart_placeholder.tsx +++ b/x-pack/solutions/observability/plugins/infra/public/components/lens/chart_placeholder.tsx @@ -30,7 +30,7 @@ export const ChartPlaceholder = ({ style }: { style?: React.CSSProperties }) => - + diff --git a/x-pack/solutions/observability/plugins/profiling/public/components/async_component.tsx b/x-pack/solutions/observability/plugins/profiling/public/components/async_component.tsx index 57b578c8004e1..b470653382c4b 100644 --- a/x-pack/solutions/observability/plugins/profiling/public/components/async_component.tsx +++ b/x-pack/solutions/observability/plugins/profiling/public/components/async_component.tsx @@ -15,14 +15,12 @@ export function AsyncComponent({ children, status, error, - mono, size, style, alignTop, }: AsyncState & { style?: EuiFlexGroupProps['style']; children: React.ReactElement; - mono?: boolean; size: 'm' | 'l' | 'xl'; alignTop?: boolean; }) { @@ -53,7 +51,7 @@ export function AsyncComponent({ ) : ( - + )} diff --git a/x-pack/solutions/observability/plugins/profiling/public/components/stack_traces/index.tsx b/x-pack/solutions/observability/plugins/profiling/public/components/stack_traces/index.tsx index fd19f7158bdac..5d24b9b04a79f 100644 --- a/x-pack/solutions/observability/plugins/profiling/public/components/stack_traces/index.tsx +++ b/x-pack/solutions/observability/plugins/profiling/public/components/stack_traces/index.tsx @@ -111,7 +111,7 @@ export function StackTraces({ - + <> diff --git a/x-pack/solutions/observability/plugins/slo/public/components/alert_details/components/error_rate/error_rate_panel.tsx b/x-pack/solutions/observability/plugins/slo/public/components/alert_details/components/error_rate/error_rate_panel.tsx index 0e8cc17757c37..a40fe178573b6 100644 --- a/x-pack/solutions/observability/plugins/slo/public/components/alert_details/components/error_rate/error_rate_panel.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/components/alert_details/components/error_rate/error_rate_panel.tsx @@ -55,7 +55,7 @@ export function ErrorRatePanel({ alert, slo, isLoading }: Props) { const burnRate = alert.fields[ALERT_EVALUATION_VALUE]; if (isLoading) { - return ; + return ; } if (!slo) { diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slo_details/components/events_chart_panel/events_chart_panel.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slo_details/components/events_chart_panel/events_chart_panel.tsx index 032eb91e61cb8..31af110566e32 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slo_details/components/events_chart_panel/events_chart_panel.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slo_details/components/events_chart_panel/events_chart_panel.tsx @@ -64,7 +64,7 @@ export function EventsChartPanel({ slo, range, hideRangeDurationLabel = false, o function getChart() { if (isLoading) { - return ; + return ; } switch (slo.indicator.type) { diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slo_details/components/wide_chart.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slo_details/components/wide_chart.tsx index b1354205990af..952438f173908 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slo_details/components/wide_chart.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slo_details/components/wide_chart.tsx @@ -67,7 +67,7 @@ export function WideChart({ chart, data, id, isLoading, state, onBrushed, slo }: }); if (isLoading) { - return ; + return ; } return ( diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/common/data_preview_chart.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/common/data_preview_chart.tsx index 5813dee7ab5c9..eff0618f6c54c 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/common/data_preview_chart.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/common/data_preview_chart.tsx @@ -240,7 +240,7 @@ export function DataPreviewChart({ {(isLoading || isError) && ( - {isLoading && } + {isLoading && } {isError && ( {i18n.translate('xpack.slo.sloEdit.dataPreviewChart.errorMessage', { diff --git a/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_sparkline.tsx b/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_sparkline.tsx index 1315e2b6c829a..2eb5be6655d21 100644 --- a/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_sparkline.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_sparkline.tsx @@ -49,7 +49,7 @@ export function SloSparkline({ chart, data, id, isLoading, size, state }: Props) const ChartComponent = chart === 'area' ? AreaSeries : LineSeries; if (isLoading) { - return ; + return ; } const height = size === 'compact' ? 14 : 28; diff --git a/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_pending_wrapper.tsx b/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_pending_wrapper.tsx index 499529e8523be..4a117065f64df 100644 --- a/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_pending_wrapper.tsx +++ b/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_pending_wrapper.tsx @@ -70,7 +70,7 @@ export const MonitorPendingWrapper: FC> = ({ children ) : null} {loaded && !hasPing ? ( } + icon={} title={

{MONITOR_PENDING_HEADING}

} body={

{MONITOR_PENDING_CONTENT}

} /> diff --git a/x-pack/solutions/observability/plugins/ux/public/components/app/rum_dashboard/visitor_breakdown/index.tsx b/x-pack/solutions/observability/plugins/ux/public/components/app/rum_dashboard/visitor_breakdown/index.tsx index d0502b6c77bcf..762890ec3667d 100644 --- a/x-pack/solutions/observability/plugins/ux/public/components/app/rum_dashboard/visitor_breakdown/index.tsx +++ b/x-pack/solutions/observability/plugins/ux/public/components/app/rum_dashboard/visitor_breakdown/index.tsx @@ -91,7 +91,7 @@ export function VisitorBreakdown() { {!dataView?.id ? ( - + ) : ( @@ -114,7 +114,7 @@ export function VisitorBreakdown() { {!dataView?.id ? ( - + ) : ( diff --git a/x-pack/solutions/security/plugins/security_solution/public/common/mock/test_providers.tsx b/x-pack/solutions/security/plugins/security_solution/public/common/mock/test_providers.tsx index 73490ece96624..0783033495503 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/common/mock/test_providers.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/common/mock/test_providers.tsx @@ -88,7 +88,7 @@ export const TestProvidersComponent = ({ Promise.resolve(cellActions)} > - + {children} @@ -149,7 +149,7 @@ const TestProvidersWithPrivilegesComponent: React.FC = ({ Promise.resolve(cellActions)} > - + {children} diff --git a/x-pack/solutions/security/plugins/security_solution/public/management/components/console/components/command_execution_output.tsx b/x-pack/solutions/security/plugins/security_solution/public/management/components/console/components/command_execution_output.tsx index b93c6f7626109..8c5196f06bdf6 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/management/components/console/components/command_execution_output.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/management/components/console/components/command_execution_output.tsx @@ -108,7 +108,7 @@ export const CommandExecutionOutput = memo( ResultComponent={CommandExecutionResult} /> - {isRunning && } + {isRunning && } {isRunning && isLongRunningCommand && ( <> diff --git a/yarn.lock b/yarn.lock index c4c6c6548e2d3..c38a46a51a7d8 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2162,26 +2162,26 @@ resolved "https://registry.yarnpkg.com/@elastic/eslint-plugin-eui/-/eslint-plugin-eui-0.0.2.tgz#56b9ef03984a05cc213772ae3713ea8ef47b0314" integrity sha512-IoxURM5zraoQ7C8f+mJb9HYSENiZGgRVcG4tLQxE61yHNNRDXtGDWTZh8N1KIHcsqN1CEPETjuzBXkJYF/fDiQ== -"@elastic/eui-theme-borealis@0.0.11": - version "0.0.11" - resolved "https://registry.yarnpkg.com/@elastic/eui-theme-borealis/-/eui-theme-borealis-0.0.11.tgz#edad01998f2de79b5d6b401f8951fbe10353e2d6" - integrity sha512-M8tDj6zDkbM/K4G/MVol64CUO2e+d9wAlZWZ7odcZHBTAbxD35I3HQy0l0+z6EUzE02+2jUmPCK8IykpKLjPdg== +"@elastic/eui-theme-borealis@0.1.0": + version "0.1.0" + resolved "https://registry.yarnpkg.com/@elastic/eui-theme-borealis/-/eui-theme-borealis-0.1.0.tgz#5b7151c9dae093b945060b3f9c1ac9461092fac0" + integrity sha512-eoQw+IHK+R1RHjl4VEVyWY6cWovLXddGl/u7XvIyiRZk+oEiM1ksuk0ZkO9nSkTI/j+tA7Z5aRbivhLhvCGjuA== -"@elastic/eui-theme-common@0.0.11": - version "0.0.11" - resolved "https://registry.yarnpkg.com/@elastic/eui-theme-common/-/eui-theme-common-0.0.11.tgz#950d06a652a25b09c46cec8f16a449223ada45a3" - integrity sha512-DV8qX45R/01SWdCoINWbFwJgMdWHYuq7ZmdY/J3pE1QNKIGv52SdOpiW+XwhT8S3dOv+XFidoywVT9pAjcMmyA== +"@elastic/eui-theme-common@0.1.0": + version "0.1.0" + resolved "https://registry.yarnpkg.com/@elastic/eui-theme-common/-/eui-theme-common-0.1.0.tgz#fa74c7f72b4ca69ff1f7a5cf45e55c979064ab73" + integrity sha512-2Pm9PeEr4QXjtL/YYM6faXbQ2Fm/mJXzV7QLBxUW8iHov70IHZy1e3xJOio0lI1IbO3S7t79EIS6J3/uNffJfA== dependencies: "@types/lodash" "^4.14.202" chroma-js "^2.4.2" lodash "^4.17.21" -"@elastic/eui@100.0.0": - version "100.0.0" - resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-100.0.0.tgz#7da6beb5c9b2592a8784835f1450388dcda5f51c" - integrity sha512-8A1pYmrw3N/N8ny6tDRYYSmetOBgz3j7KkARr+LWskHMLU7l+nduK+1dVn19qR15C85ufKOyZxAoZeYpxsppsQ== +"@elastic/eui@101.0.1": + version "101.0.1" + resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-101.0.1.tgz#505360831452674ab452bf1fd6a5622c391299c0" + integrity sha512-W0gYh4nfDMp/VvZTF0cA0UNQzuT7x+t6nTMvcShXdJ/qEQQfnlcQx50Nd0RMid2zu7HnrKElx8TJcFeTelWs1g== dependencies: - "@elastic/eui-theme-common" "0.0.11" + "@elastic/eui-theme-common" "0.1.0" "@elastic/prismjs-esql" "^1.0.0" "@hello-pangea/dnd" "^16.6.0" "@types/lodash" "^4.14.202"