[9.0] Upgrade EUI to v101.0.1 (#215698)

examples/data_view_field_editor_example/public/app.tsx

@@ -136,7 +136,7 @@ const DataViewFieldEditorExample = ({ dataView, dataViewFieldEditor }: Props) =>
   );
 
   return (
-    <EuiProvider>
+    <EuiProvider highContrastMode={false}>
       <EuiPageTemplate offset={0}>
         <EuiPageTemplate.Header pageTitle="Data view field editor demo" />
         <EuiPageTemplate.Section>{content}</EuiPageTemplate.Section>

examples/error_boundary/public/plugin.tsx

@@ -79,7 +79,7 @@ export class ErrorBoundaryExamplePlugin implements Plugin<void, void, SetupDeps>
         // 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(
-          <EuiProvider>
+          <EuiProvider highContrastMode={false}>
             <KibanaErrorBoundaryProvider analytics={core.analytics}>
               <KibanaErrorBoundary>
                 <KibanaPageTemplate>

examples/esql_ast_inspector/public/app.tsx

@@ -14,7 +14,7 @@ import { EsqlInspector } from './components/esql_inspector';
 
 export const App = () => {
   return (
-    <EuiProvider>
+    <EuiProvider highContrastMode={false}>
       <EuiPage>
         <EuiPageBody style={{ maxWidth: 1200, margin: '0 auto' }}>
           <EuiPageHeader paddingSize="s" bottomBorder={true} pageTitle="ES|QL AST Inspector" />

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 (
-    <EuiProvider>
+    <EuiProvider highContrastMode={false}>
       <EuiPageTemplate offset={0}>
         <EuiPageTemplate.Header pageTitle="Field formats examples" />
         <EuiPageTemplate.Section grow={false}>

examples/files_example/public/components/app.tsx

@@ -133,7 +133,7 @@ export const FilesExampleApp = ({ files, notifications }: FilesExampleAppDeps) =
   ];
 
   return (
-    <EuiProvider>
+    <EuiProvider highContrastMode={false}>
       <EuiPageTemplate restrictWidth>
         <EuiPageTemplate.Header pageTitle="Files example" />
         <EuiPageTemplate.Section>

examples/partial_results_example/public/app/app.tsx

@@ -42,7 +42,7 @@ export function App() {
   }, [expressions]);
 
   return (
-    <EuiProvider>
+    <EuiProvider highContrastMode={false}>
       <EuiPageTemplate offset={0}>
         <EuiPageTemplate.Header pageTitle="Partial Results Demo" />
         <EuiPageTemplate.Section>

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",

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)

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}
     >
-      <EuiLoadingChart size="l" mono />
+      <EuiLoadingChart size="l" />
     </EuiPanel>
   );
 };

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(
-    <EuiProvider>
+    <EuiProvider highContrastMode={false}>
       <LogLevelBadgeCell
         rowIndex={0}
         colIndex={0}

src/platform/packages/shared/kbn-discover-utils/src/data_types/logs/components/log_level_badge.test.tsx

@@ -14,7 +14,7 @@ import { LogLevelBadge } from './log_level_badge';
 
 const renderBadge = (logLevel: string) => {
   render(
-    <EuiProvider>
+    <EuiProvider highContrastMode={false}>
       <LogLevelBadge
         logLevel={logLevel}
         fallback={<span data-test-subj="logLevelBadge-unknown">{logLevel}</span>}

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', () => {

src/platform/packages/shared/react/kibana_context/root/eui_provider.tsx

@@ -102,6 +102,7 @@ export const KibanaEuiProvider: FC<PropsWithChildren<KibanaEuiProviderProps>> =
         globalStyles,
         utilityClasses: globalStyles,
         theme: _theme,
+        highContrastMode: false,
       }}
     >
       {children}

src/platform/plugins/private/vis_default_editor/public/default_editor_controller.tsx

@@ -42,7 +42,7 @@ class DefaultEditorController implements IEditorController {
                   alignItems: 'center',
                 }}
               >
-                <EuiLoadingChart size="xl" mono />
+                <EuiLoadingChart size="xl" />
               </div>
             }
           >

src/platform/plugins/shared/dashboard/public/dashboard_container/component/grid/dashboard_grid_item.tsx

@@ -157,7 +157,7 @@ export const Item = React.forwardRef<HTMLDivElement, Props>(
           </>
         ) : (
           <div>
-            <EuiLoadingChart size="l" mono />
+            <EuiLoadingChart size="l" />
           </div>
         )}
       </div>

src/platform/plugins/shared/discover/public/application/context/context_app_content.test.tsx

@@ -74,7 +74,7 @@ describe('ContextAppContent test', () => {
 
     const component = mountWithIntl(
       <KibanaContextProvider services={discoverServiceMock}>
-        <EuiProvider>
+        <EuiProvider highContrastMode={false}>
           <ContextAppContent {...props} />
         </EuiProvider>
       </KibanaContextProvider>

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[]) {
     <KibanaContextProvider services={services}>
       <DiscoverCustomizationProvider value={customisationService}>
         <DiscoverMainProvider value={stateContainer}>
-          <EuiProvider>
+          <EuiProvider highContrastMode={false}>
             <DiscoverDocuments {...props} />
           </EuiProvider>
         </DiscoverMainProvider>

src/platform/plugins/shared/discover/public/application/main/components/layout/discover_layout.test.tsx

@@ -128,7 +128,7 @@ async function mountComponent(
   const component = mountWithIntl(
     <KibanaContextProvider services={services}>
       <DiscoverMainProvider value={stateContainer}>
-        <EuiProvider>
+        <EuiProvider highContrastMode={false}>
           <DiscoverLayout {...props} />
         </EuiProvider>
       </DiscoverMainProvider>

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<DocViewRenderProps> = {}) => {
   const { rerender: baseRerender, ...tools } = render(
-    <EuiProvider>
+    <EuiProvider highContrastMode={false}>
       <LogsOverview dataView={dataView} hit={fullHit} {...props} />
     </EuiProvider>
   );
 
   const rerender = (rerenderProps: Partial<DocViewRenderProps>) =>
     baseRerender(
-      <EuiProvider>
+      <EuiProvider highContrastMode={false}>
         <LogsOverview dataView={dataView} hit={fullHit} {...props} {...rerenderProps} />
       </EuiProvider>
     );

src/platform/plugins/shared/unified_search/public/filter_bar/filter_editor/filter_editor.test.tsx

@@ -44,6 +44,7 @@ describe('<FilterEditor />', () => {
           euiTheme: {} as unknown as EuiThemeComputed<{}>,
           colorMode: 'DARK',
           modifications: [],
+          highContrastMode: false,
         } as UseEuiTheme<{}>,
         filter: {
           meta: {
@@ -91,6 +92,7 @@ describe('<FilterEditor />', () => {
           euiTheme: {} as unknown as EuiThemeComputed<{}>,
           colorMode: 'DARK',
           modifications: [],
+          highContrastMode: false,
         } as UseEuiTheme<{}>,
         filter: {
           meta: {
@@ -126,6 +128,7 @@ describe('<FilterEditor />', () => {
           euiTheme: {} as unknown as EuiThemeComputed<{}>,
           colorMode: 'DARK',
           modifications: [],
+          highContrastMode: false,
         } as UseEuiTheme<{}>,
         filter: {
           meta: {

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 = () => (
   <div className="visChart__spinner">
-    <EuiLoadingChart mono size="l" />
+    <EuiLoadingChart size="l" />
   </div>
 );

src/platform/plugins/shared/vis_types/timeseries/public/application/components/timeseries_visualization.tsx

@@ -182,7 +182,7 @@ function TimeseriesVisualization({
         <Suspense
           fallback={
             <div className="visChart__spinner">
-              <EuiLoadingChart mono size="l" />
+              <EuiLoadingChart size="l" />
             </div>
           }
         >

src/platform/plugins/shared/visualizations/public/components/visualization_container.tsx

@@ -39,7 +39,7 @@ export const VisualizationContainer = ({
 
   const fallBack = (
     <div className="visChart__spinner">
-      <EuiLoadingChart mono size="l" />
+      <EuiLoadingChart size="l" />
     </div>
   );
 

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  */}
             <EuiFlexGroup css={{ height: '100%' }} justifyContent="center" alignItems="center">
-              {isLoading && <EuiLoadingChart size="l" mono />}
+              {isLoading && <EuiLoadingChart size="l" />}
               {!isLoading && error && (
                 <EuiEmptyPrompt
                   iconType="error"

src/platform/plugins/shared/visualizations/public/legacy/embeddable/visualize_embeddable.tsx

@@ -446,7 +446,7 @@ export class VisualizeEmbeddable extends Embeddable<VisualizeInput, VisualizeOut
     render(
       <KibanaRenderContextProvider {...core}>
         <div className="visChart__spinner">
-          <EuiLoadingChart mono size="l" />
+          <EuiLoadingChart size="l" />
         </div>
       </KibanaRenderContextProvider>,
       this.domNode