github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-06-27 18:51:07 -04:00
Code Issues Projects Releases Packages Wiki Activity

Upgrade EUI to v101.0.1 (#215698)

Browse source 
`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 <elasticmachine@users.noreply.github.com>
This commit is contained in:
Lene Gadewoll 2025-03-28 19:29:23 +01:00 • committed by GitHub
parent 6e5fe31e85
commit 2cd777d969
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
52 changed files with 73 additions and 74 deletions
Download patch file Download diff file Expand all files Collapse all files

2
examples/data_view_field_editor_example/public/app.tsx
View file

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

2
examples/error_boundary/public/plugin.tsx
View file

@ -79,7 +79,7 @@ export class ErrorBoundaryExamplePlugin implements Plugin<void, void, SetupDeps>
// Using the "EuiProvider" here rather than KibanaRenderContextProvider, because KibanaRenderContextProvider // Using the "EuiProvider" here rather than KibanaRenderContextProvider, because KibanaRenderContextProvider
// wraps KibanaErrorBoundaryProvider and KibanaErrorBoundary and we want to test it directly, not a wrapper. // wraps KibanaErrorBoundaryProvider and KibanaErrorBoundary and we want to test it directly, not a wrapper.
ReactDOM.render( ReactDOM.render(
<EuiProvider> <EuiProvider highContrastMode={false}>
<KibanaErrorBoundaryProvider analytics={core.analytics}> <KibanaErrorBoundaryProvider analytics={core.analytics}>
<KibanaErrorBoundary> <KibanaErrorBoundary>
<KibanaPageTemplate> <KibanaPageTemplate>

2
examples/esql_ast_inspector/public/app.tsx
View file

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

2
examples/field_formats_example/public/app.tsx
View file

@ -168,7 +168,7 @@ const CreatingCustomFieldFormatEditor: React.FC<{ deps: Deps }> = (props) => {
export const App: React.FC<{ deps: Deps }> = (props) => { export const App: React.FC<{ deps: Deps }> = (props) => {
return ( return (
<EuiProvider> <EuiProvider highContrastMode={false}>
<EuiPageTemplate offset={0}> <EuiPageTemplate offset={0}>
<EuiPageTemplate.Header pageTitle="Field formats examples" /> <EuiPageTemplate.Header pageTitle="Field formats examples" />
<EuiPageTemplate.Section grow={false}> <EuiPageTemplate.Section grow={false}>

2
examples/files_example/public/components/app.tsx
View file

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

2
examples/partial_results_example/public/app/app.tsx
View file

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

4
package.json
View file

@ -124,8 +124,8 @@
"@elastic/ecs": "^8.11.5", "@elastic/ecs": "^8.11.5",
"@elastic/elasticsearch": "9.0.0-alpha.3", "@elastic/elasticsearch": "9.0.0-alpha.3",
"@elastic/ems-client": "8.6.3", "@elastic/ems-client": "8.6.3",
"@elastic/eui": "100.0.0", "@elastic/eui": "101.0.1",
"@elastic/eui-theme-borealis": "0.0.11", "@elastic/eui-theme-borealis": "0.1.0",
"@elastic/filesaver": "1.1.2", "@elastic/filesaver": "1.1.2",
"@elastic/node-crypto": "^1.2.3", "@elastic/node-crypto": "^1.2.3",
"@elastic/numeral": "^2.5.1", "@elastic/numeral": "^2.5.1",

4
src/dev/license_checker/config.ts
View file

@ -88,8 +88,8 @@ export const LICENSE_OVERRIDES = {
'jsts@1.6.2': ['Eclipse Distribution License - v 1.0'], // cf. https://github.com/bjornharrtell/jsts '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 '@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/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@101.0.1': ['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-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 '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 '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) '@bufbuild/protobuf@1.2.1': ['Apache-2.0'], // license (Apache-2.0 AND BSD-3-Clause)

2
src/platform/packages/private/kbn-panel-loader/index.tsx
View file

@ -35,7 +35,7 @@ export const PanelLoader = (props: {
hasBorder={props.showBorder} hasBorder={props.showBorder}
data-test-subj={props.dataTestSubj} data-test-subj={props.dataTestSubj}
> >
<EuiLoadingChart size="l" mono /> <EuiLoadingChart size="l" />
</EuiPanel> </EuiPanel>
); );
}; };

2
src/platform/packages/shared/kbn-discover-contextual-components/src/data_types/logs/components/log_level_badge_cell/log_level_badge_cell.test.tsx
View file

@ -18,7 +18,7 @@ import { DataTableRecord, buildDataTableRecord } from '@kbn/discover-utils';
const renderCell = (logLevelField: string, record: DataTableRecord) => { const renderCell = (logLevelField: string, record: DataTableRecord) => {
const LogLevelBadgeCell = getLogLevelBadgeCell(logLevelField); const LogLevelBadgeCell = getLogLevelBadgeCell(logLevelField);
render( render(
<EuiProvider> <EuiProvider highContrastMode={false}>
<LogLevelBadgeCell <LogLevelBadgeCell
rowIndex={0} rowIndex={0}
colIndex={0} colIndex={0}

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

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

1
src/platform/packages/shared/kbn-monaco/src/languages/esql/lib/esql_theme.test.ts
View file

@ -17,6 +17,7 @@ const mockTheme: UseEuiTheme = {
colorMode: 'DARK', colorMode: 'DARK',
euiTheme: { colors: {} } as unknown as UseEuiTheme['euiTheme'], euiTheme: { colors: {} } as unknown as UseEuiTheme['euiTheme'],
modifications: {}, modifications: {},
highContrastMode: false,
}; };
describe('ESQL Theme', () => { describe('ESQL Theme', () => {

1
src/platform/packages/shared/react/kibana_context/root/eui_provider.tsx
View file

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

2
src/platform/plugins/private/vis_default_editor/public/default_editor_controller.tsx
View file

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

2
src/platform/plugins/shared/dashboard/public/dashboard_renderer/grid/dashboard_grid_item.tsx
View file

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

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

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

2
src/platform/plugins/shared/discover/public/application/main/components/layout/discover_documents.test.tsx
View file

@ -82,7 +82,7 @@ async function mountComponent(
> >
<DiscoverCustomizationProvider value={customisationService}> <DiscoverCustomizationProvider value={customisationService}>
<DiscoverMainProvider value={stateContainer}> <DiscoverMainProvider value={stateContainer}>
<EuiProvider> <EuiProvider highContrastMode={false}>
<DiscoverDocuments {...props} /> <DiscoverDocuments {...props} />
</EuiProvider> </EuiProvider>
</DiscoverMainProvider> </DiscoverMainProvider>

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

@ -129,7 +129,7 @@ async function mountComponent(
<KibanaContextProvider services={services}> <KibanaContextProvider services={services}>
<DiscoverMainProvider value={stateContainer}> <DiscoverMainProvider value={stateContainer}>
<RuntimeStateProvider currentDataView={dataView} adHocDataViews={[]}> <RuntimeStateProvider currentDataView={dataView} adHocDataViews={[]}>
<EuiProvider> <EuiProvider highContrastMode={false}>
<DiscoverLayout {...props} /> <DiscoverLayout {...props} />
</EuiProvider> </EuiProvider>
</RuntimeStateProvider> </RuntimeStateProvider>

4
src/platform/plugins/shared/unified_doc_viewer/public/components/doc_viewer_logs_overview/logs_overview.test.tsx
View file

@ -147,14 +147,14 @@ setUnifiedDocViewerServices(
const renderLogsOverview = (props: Partial<DocViewRenderProps> = {}) => { const renderLogsOverview = (props: Partial<DocViewRenderProps> = {}) => {
const { rerender: baseRerender, ...tools } = render( const { rerender: baseRerender, ...tools } = render(
<EuiProvider> <EuiProvider highContrastMode={false}>
<LogsOverview dataView={dataView} hit={fullHit} {...props} /> <LogsOverview dataView={dataView} hit={fullHit} {...props} />
</EuiProvider> </EuiProvider>
); );
const rerender = (rerenderProps: Partial<DocViewRenderProps>) => const rerender = (rerenderProps: Partial<DocViewRenderProps>) =>
baseRerender( baseRerender(
<EuiProvider> <EuiProvider highContrastMode={false}>
<LogsOverview dataView={dataView} hit={fullHit} {...props} {...rerenderProps} /> <LogsOverview dataView={dataView} hit={fullHit} {...props} {...rerenderProps} />
</EuiProvider> </EuiProvider>
); );

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

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

2
src/platform/plugins/shared/vis_types/timeseries/public/application/components/timeseries_loading.tsx
View file

@ -12,6 +12,6 @@ import { EuiLoadingChart } from '@elastic/eui';
export const TimeseriesLoading = () => ( export const TimeseriesLoading = () => (
<div className="visChart__spinner"> <div className="visChart__spinner">
<EuiLoadingChart mono size="l" /> <EuiLoadingChart size="l" />
</div> </div>
); );

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

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

2
src/platform/plugins/shared/visualizations/public/components/visualization_container.tsx
View file

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

2
src/platform/plugins/shared/visualizations/public/embeddable/visualize_embeddable.tsx
View file

@ -484,7 +484,7 @@ export const getVisualizeEmbeddableFactory: (deps: {
> >
{/* Replicate the loading state for the expression renderer to avoid FOUC */} {/* Replicate the loading state for the expression renderer to avoid FOUC */}
<EuiFlexGroup css={{ height: '100%' }} justifyContent="center" alignItems="center"> <EuiFlexGroup css={{ height: '100%' }} justifyContent="center" alignItems="center">
{isLoading && <EuiLoadingChart size="l" mono />} {isLoading && <EuiLoadingChart size="l" />}
{!isLoading && error && ( {!isLoading && error && (
<EuiEmptyPrompt <EuiEmptyPrompt
iconType="error" iconType="error"

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

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

2
x-pack/platform/plugins/private/canvas/shareable_runtime/components/__snapshots__/app.test.tsx.snap generated
View file

File diff suppressed because one or more lines are too long

2
x-pack/platform/plugins/private/canvas/shareable_runtime/components/app.tsx
View file

@ -44,7 +44,7 @@ export const App: FC<Props> = ({ workpad, stage }) => {
}; };
return ( return (
<EuiProvider> <EuiProvider highContrastMode={false}>
<CanvasShareableStateProvider initialState={initialState}> <CanvasShareableStateProvider initialState={initialState}>
<Canvas /> <Canvas />
</CanvasShareableStateProvider> </CanvasShareableStateProvider>

2
x-pack/platform/plugins/shared/aiops/public/components/mini_histogram/mini_histogram.tsx
View file

@ -79,7 +79,7 @@ export const MiniHistogram: FC<MiniHistogramProps> = ({
if (isLoading) { if (isLoading) {
return ( return (
<div css={[cssChartSize, cssCenter]}> <div css={[cssChartSize, cssCenter]}>
<EuiLoadingChart mono /> <EuiLoadingChart />
</div> </div>
); );
} }

2
x-pack/platform/plugins/shared/dataset_quality/public/components/common/spark_plot.tsx
View file

@ -61,7 +61,7 @@ function SparkPlotItem({
if (isLoading) { if (isLoading) {
return ( return (
<div style={commonStyle}> <div style={commonStyle}>
<EuiLoadingChart mono /> <EuiLoadingChart />
</div> </div>
); );
} }

2
x-pack/platform/plugins/shared/dataset_quality/public/components/dataset_quality_details/overview/document_trends/trend_docs_chart.tsx
View file

@ -63,7 +63,7 @@ export function TrendDocsChart({
alignItems={isChartLoading === undefined ? 'center' : undefined} alignItems={isChartLoading === undefined ? 'center' : undefined}
> >
{!attributes ? ( {!attributes ? (
<EuiLoadingChart title={flyoutDegradedDocsTrendText} size="l" mono={true} /> <EuiLoadingChart title={flyoutDegradedDocsTrendText} size="l" />
) : ( ) : (
<lens.EmbeddableComponent <lens.EmbeddableComponent
id="datasetQualityFlyoutDegradedDocsTrend" id="datasetQualityFlyoutDegradedDocsTrend"

2
x-pack/platform/plugins/shared/ml/public/application/components/loading_indicator/loading_indicator.tsx
View file

@ -16,7 +16,7 @@ export const LoadingIndicator: FC<{ height?: number; label?: string }> = ({ heig
<EuiFlexGroup justifyContent="spaceEvenly"> <EuiFlexGroup justifyContent="spaceEvenly">
<EuiFlexItem grow={false}> <EuiFlexItem grow={false}>
<div style={{ height: `${height}px` }} data-test-subj="mlLoadingIndicator"> <div style={{ height: `${height}px` }} data-test-subj="mlLoadingIndicator">
<EuiLoadingChart size="xl" mono /> <EuiLoadingChart size="xl" />
{label && ( {label && (
<> <>
<EuiSpacer size="s" /> <EuiSpacer size="s" />

6
x-pack/platform/plugins/shared/ml/public/application/explorer/swimlane_container.tsx
View file

@ -559,11 +559,7 @@ export const SwimlaneContainer: FC<SwimlaneProps> = ({
transform: 'translate(-50%,-50%)', transform: 'translate(-50%,-50%)',
}} }}
> >
<EuiLoadingChart <EuiLoadingChart size="xl" data-test-subj="mlSwimLaneLoadingIndicator" />
size="xl"
mono={true}
data-test-subj="mlSwimLaneLoadingIndicator"
/>
</EuiText> </EuiText>
)} )}
</div> </div>

1
x-pack/platform/plugins/shared/ml/public/embeddables/anomaly_charts/anomaly_charts_react_container.tsx
View file

@ -266,7 +266,6 @@ const AnomalyChartsContainer: FC<AnomalyChartsContainerProps> = ({
> >
<EuiLoadingChart <EuiLoadingChart
size="xl" size="xl"
mono={true}
data-test-subj="mlAnomalyExplorerEmbeddableLoadingIndicator" data-test-subj="mlAnomalyExplorerEmbeddableLoadingIndicator"
/> />
</EuiText> </EuiText>

4
x-pack/platform/plugins/shared/security/server/__snapshots__/prompt_page.test.tsx.snap generated
View file

@ -1,5 +1,5 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`PromptPage renders as expected with additional scripts 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><script src=\\"/mock-basepath/some/script1.js\\"></script><script src=\\"/mock-basepath/some/script2.js\\"></script><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-14j2cxa-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-16xy7la-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-f3huy-euiTitle-m\\">Some Title</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-f8rb91-euiText-m-euiTextColor-subdued\\"><div>Some Body</div></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><span>Action#1</span></div><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><span>Action#2</span></div></div></div></div></div></div></section></main></div></body></html>"`; exports[`PromptPage renders as expected with additional scripts 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><script src=\\"/mock-basepath/some/script1.js\\"></script><script src=\\"/mock-basepath/some/script2.js\\"></script><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-14j2cxa-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-o2v7y6-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-f3huy-euiTitle-m\\">Some Title</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-1ph7xy0-euiText-m-euiTextColor-subdued\\"><div>Some Body</div></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><span>Action#1</span></div><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><span>Action#2</span></div></div></div></div></div></div></section></main></div></body></html>"`;
exports[`PromptPage renders as expected without additional scripts 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-14j2cxa-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-16xy7la-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-f3huy-euiTitle-m\\">Some Title</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-f8rb91-euiText-m-euiTextColor-subdued\\"><div>Some Body</div></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><span>Action#1</span></div><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><span>Action#2</span></div></div></div></div></div></div></section></main></div></body></html>"`; exports[`PromptPage renders as expected without additional scripts 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-14j2cxa-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-o2v7y6-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-f3huy-euiTitle-m\\">Some Title</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-1ph7xy0-euiText-m-euiTextColor-subdued\\"><div>Some Body</div></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><span>Action#1</span></div><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><span>Action#2</span></div></div></div></div></div></div></section></main></div></body></html>"`;

4
x-pack/platform/plugins/shared/security/server/authentication/__snapshots__/unauthenticated_page.test.tsx.snap generated
View file

@ -1,5 +1,5 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`UnauthenticatedPage renders as expected 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-14j2cxa-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-16xy7la-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-f3huy-euiTitle-m\\">We hit an authentication error</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-f8rb91-euiText-m-euiTextColor-subdued\\"><p>Try logging in again, and if the problem persists, contact your system administrator.</p></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><a href=\\"/some/url?some-query=some-value#some-hash\\" rel=\\"noreferrer\\" class=\\"euiButton eui-16td9au-euiButtonDisplay-m-defaultMinWidth-fill-primary\\" data-test-subj=\\"logInButton\\"><span class=\\"eui-cf8eum-euiButtonDisplayContent\\">Log in</span></a></div></div></div></div></div></div></section></main></div></body></html>"`; exports[`UnauthenticatedPage renders as expected 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-14j2cxa-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-o2v7y6-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-f3huy-euiTitle-m\\">We hit an authentication error</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-1ph7xy0-euiText-m-euiTextColor-subdued\\"><p>Try logging in again, and if the problem persists, contact your system administrator.</p></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><a href=\\"/some/url?some-query=some-value#some-hash\\" rel=\\"noreferrer\\" class=\\"euiButton eui-16td9au-euiButtonDisplay-m-defaultMinWidth-fill-primary\\" data-test-subj=\\"logInButton\\"><span class=\\"eui-cf8eum-euiButtonDisplayContent\\">Log in</span></a></div></div></div></div></div></div></section></main></div></body></html>"`;
exports[`UnauthenticatedPage renders as expected with custom title 1`] = `"<html lang=\\"en\\"><head><title>My Company Name</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-14j2cxa-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-16xy7la-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-f3huy-euiTitle-m\\">We hit an authentication error</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-f8rb91-euiText-m-euiTextColor-subdued\\"><p>Try logging in again, and if the problem persists, contact your system administrator.</p></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><a href=\\"/some/url?some-query=some-value#some-hash\\" rel=\\"noreferrer\\" class=\\"euiButton eui-16td9au-euiButtonDisplay-m-defaultMinWidth-fill-primary\\" data-test-subj=\\"logInButton\\"><span class=\\"eui-cf8eum-euiButtonDisplayContent\\">Log in</span></a></div></div></div></div></div></div></section></main></div></body></html>"`; exports[`UnauthenticatedPage renders as expected with custom title 1`] = `"<html lang=\\"en\\"><head><title>My Company Name</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-14j2cxa-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-o2v7y6-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-f3huy-euiTitle-m\\">We hit an authentication error</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-1ph7xy0-euiText-m-euiTextColor-subdued\\"><p>Try logging in again, and if the problem persists, contact your system administrator.</p></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><a href=\\"/some/url?some-query=some-value#some-hash\\" rel=\\"noreferrer\\" class=\\"euiButton eui-16td9au-euiButtonDisplay-m-defaultMinWidth-fill-primary\\" data-test-subj=\\"logInButton\\"><span class=\\"eui-cf8eum-euiButtonDisplayContent\\">Log in</span></a></div></div></div></div></div></div></section></main></div></body></html>"`;

4
x-pack/platform/plugins/shared/security/server/authorization/__snapshots__/reset_session_page.test.tsx.snap generated
View file

@ -1,5 +1,5 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`ResetSessionPage renders as expected 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><script src=\\"/mock-basepath/internal/security/reset_session_page.js\\"></script><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-14j2cxa-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-16xy7la-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-f3huy-euiTitle-m\\">You do not have permission to access the requested page</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-f8rb91-euiText-m-euiTextColor-subdued\\"><p>Either go back to the previous page or log in as a different user.</p></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><a href=\\"/path/to/logout\\" rel=\\"noreferrer\\" class=\\"euiButton eui-16td9au-euiButtonDisplay-m-defaultMinWidth-fill-primary\\" data-test-subj=\\"ResetSessionButton\\"><span class=\\"eui-cf8eum-euiButtonDisplayContent\\">Log in as different user</span></a></div><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><button class=\\"euiButtonEmpty eui-9heydx-euiButtonDisplay-euiButtonEmpty-m-empty-primary\\" type=\\"button\\" id=\\"goBackButton\\"><span class=\\"euiButtonEmpty__content eui-cf8eum-euiButtonDisplayContent\\"><span class=\\"eui-textTruncate euiButtonEmpty__text\\">Go back</span></span></button></div></div></div></div></div></div></section></main></div></body></html>"`; exports[`ResetSessionPage renders as expected 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><script src=\\"/mock-basepath/internal/security/reset_session_page.js\\"></script><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-14j2cxa-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-o2v7y6-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-f3huy-euiTitle-m\\">You do not have permission to access the requested page</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-1ph7xy0-euiText-m-euiTextColor-subdued\\"><p>Either go back to the previous page or log in as a different user.</p></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><a href=\\"/path/to/logout\\" rel=\\"noreferrer\\" class=\\"euiButton eui-16td9au-euiButtonDisplay-m-defaultMinWidth-fill-primary\\" data-test-subj=\\"ResetSessionButton\\"><span class=\\"eui-cf8eum-euiButtonDisplayContent\\">Log in as different user</span></a></div><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><button class=\\"euiButtonEmpty eui-9heydx-euiButtonDisplay-euiButtonEmpty-m-empty-primary\\" type=\\"button\\" id=\\"goBackButton\\"><span class=\\"euiButtonEmpty__content eui-cf8eum-euiButtonDisplayContent\\"><span class=\\"eui-textTruncate euiButtonEmpty__text\\">Go back</span></span></button></div></div></div></div></div></div></section></main></div></body></html>"`;
exports[`ResetSessionPage renders as expected with custom page title 1`] = `"<html lang=\\"en\\"><head><title>My Company Name</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><script src=\\"/mock-basepath/internal/security/reset_session_page.js\\"></script><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-14j2cxa-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-16xy7la-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-f3huy-euiTitle-m\\">You do not have permission to access the requested page</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-f8rb91-euiText-m-euiTextColor-subdued\\"><p>Either go back to the previous page or log in as a different user.</p></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><a href=\\"/path/to/logout\\" rel=\\"noreferrer\\" class=\\"euiButton eui-16td9au-euiButtonDisplay-m-defaultMinWidth-fill-primary\\" data-test-subj=\\"ResetSessionButton\\"><span class=\\"eui-cf8eum-euiButtonDisplayContent\\">Log in as different user</span></a></div><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><button class=\\"euiButtonEmpty eui-9heydx-euiButtonDisplay-euiButtonEmpty-m-empty-primary\\" type=\\"button\\" id=\\"goBackButton\\"><span class=\\"euiButtonEmpty__content eui-cf8eum-euiButtonDisplayContent\\"><span class=\\"eui-textTruncate euiButtonEmpty__text\\">Go back</span></span></button></div></div></div></div></div></div></section></main></div></body></html>"`; exports[`ResetSessionPage renders as expected with custom page title 1`] = `"<html lang=\\"en\\"><head><title>My Company Name</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><script src=\\"/mock-basepath/internal/security/reset_session_page.js\\"></script><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-14j2cxa-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-o2v7y6-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-f3huy-euiTitle-m\\">You do not have permission to access the requested page</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-1ph7xy0-euiText-m-euiTextColor-subdued\\"><p>Either go back to the previous page or log in as a different user.</p></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><a href=\\"/path/to/logout\\" rel=\\"noreferrer\\" class=\\"euiButton eui-16td9au-euiButtonDisplay-m-defaultMinWidth-fill-primary\\" data-test-subj=\\"ResetSessionButton\\"><span class=\\"eui-cf8eum-euiButtonDisplayContent\\">Log in as different user</span></a></div><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><button class=\\"euiButtonEmpty eui-9heydx-euiButtonDisplay-euiButtonEmpty-m-empty-primary\\" type=\\"button\\" id=\\"goBackButton\\"><span class=\\"euiButtonEmpty__content eui-cf8eum-euiButtonDisplayContent\\"><span class=\\"eui-textTruncate euiButtonEmpty__text\\">Go back</span></span></button></div></div></div></div></div></div></section></main></div></body></html>"`;

2
x-pack/platform/plugins/shared/security/server/prompt_page.tsx
View file

@ -55,7 +55,7 @@ export function PromptPage({
}: Props) { }: Props) {
const content = ( const content = (
<I18nProvider> <I18nProvider>
<EuiProvider colorMode="light" cache={emotionCache}> <EuiProvider colorMode="light" cache={emotionCache} highContrastMode={false}>
<EuiPageTemplate data-test-subj="promptPage"> <EuiPageTemplate data-test-subj="promptPage">
<EuiPageTemplate.EmptyPrompt <EuiPageTemplate.EmptyPrompt
iconType="warning" iconType="warning"

2
x-pack/solutions/observability/plugins/apm/public/components/shared/charts/spark_plot/index.tsx
View file

@ -123,7 +123,7 @@ export function SparkPlotItem({
justifyContent: 'center', justifyContent: 'center',
}} }}
> >
<EuiLoadingChart mono /> <EuiLoadingChart />
</div> </div>
); );
} }

1
x-pack/solutions/observability/plugins/apm/public/hooks/use_breakpoints.test.tsx
View file

@ -20,6 +20,7 @@ const wrapper: FC<PropsWithChildren<unknown>> = ({ children }) => (
xxxl: 2000, xxxl: 2000,
}, },
}} }}
highContrastMode={false}
> >
{children} {children}
</EuiProvider> </EuiProvider>

2
x-pack/solutions/observability/plugins/infra/public/components/lens/chart_placeholder.tsx
View file

@ -30,7 +30,7 @@ export const ChartPlaceholder = ({ style }: { style?: React.CSSProperties }) =>
<ChartLoadingProgress hasTopMargin={false} /> <ChartLoadingProgress hasTopMargin={false} />
<EuiFlexGroup style={style} justifyContent="center" alignItems="center" responsive={false}> <EuiFlexGroup style={style} justifyContent="center" alignItems="center" responsive={false}>
<EuiFlexItem grow={false}> <EuiFlexItem grow={false}>
<EuiLoadingChart mono size="l" /> <EuiLoadingChart size="l" />
</EuiFlexItem> </EuiFlexItem>
</EuiFlexGroup> </EuiFlexGroup>
</> </>

4
x-pack/solutions/observability/plugins/profiling/public/components/async_component.tsx
View file

@ -15,14 +15,12 @@ export function AsyncComponent({
children, children,
status, status,
error, error,
mono,
size, size,
style, style,
alignTop, alignTop,
}: AsyncState<any> & { }: AsyncState<any> & {
style?: EuiFlexGroupProps['style']; style?: EuiFlexGroupProps['style'];
children: React.ReactElement; children: React.ReactElement;
mono?: boolean;
size: 'm' | 'l' | 'xl'; size: 'm' | 'l' | 'xl';
alignTop?: boolean; alignTop?: boolean;
}) { }) {
@ -53,7 +51,7 @@ export function AsyncComponent({
</EuiFlexItem> </EuiFlexItem>
</EuiFlexGroup> </EuiFlexGroup>
) : ( ) : (
<EuiLoadingChart mono={mono} size={size} /> <EuiLoadingChart size={size} />
)} )}
</EuiFlexItem> </EuiFlexItem>
</EuiFlexGroup> </EuiFlexGroup>

2
x-pack/solutions/observability/plugins/profiling/public/components/stack_traces/index.tsx
View file

@ -111,7 +111,7 @@ export function StackTraces({
</EuiPanel> </EuiPanel>
</EuiFlexItem> </EuiFlexItem>
<EuiFlexItem grow> <EuiFlexItem grow>
<AsyncComponent size="m" mono {...state} style={{ minHeight: 200 }}> <AsyncComponent size="m" {...state} style={{ minHeight: 200 }}>
<> <>
<EuiSpacer /> <EuiSpacer />
<EuiTitle size="s"> <EuiTitle size="s">

2
x-pack/solutions/observability/plugins/slo/public/components/alert_details/components/error_rate/error_rate_panel.tsx
View file

@ -55,7 +55,7 @@ export function ErrorRatePanel({ alert, slo, isLoading }: Props) {
const burnRate = alert.fields[ALERT_EVALUATION_VALUE]; const burnRate = alert.fields[ALERT_EVALUATION_VALUE];
if (isLoading) { if (isLoading) {
return <EuiLoadingChart size="m" mono data-test-subj="loading" />; return <EuiLoadingChart size="m" data-test-subj="loading" />;
} }
if (!slo) { if (!slo) {

2
x-pack/solutions/observability/plugins/slo/public/pages/slo_details/components/events_chart_panel/events_chart_panel.tsx
View file

@ -64,7 +64,7 @@ export function EventsChartPanel({ slo, range, hideRangeDurationLabel = false, o
function getChart() { function getChart() {
if (isLoading) { if (isLoading) {
return <EuiLoadingChart size="m" mono data-test-subj="eventsLoadingChart" />; return <EuiLoadingChart size="m" data-test-subj="eventsLoadingChart" />;
} }
switch (slo.indicator.type) { switch (slo.indicator.type) {

2
x-pack/solutions/observability/plugins/slo/public/pages/slo_details/components/wide_chart.tsx
View file

@ -67,7 +67,7 @@ export function WideChart({ chart, data, id, isLoading, state, onBrushed, slo }:
}); });
if (isLoading) { if (isLoading) {
return <EuiLoadingChart size="m" mono data-test-subj="wideChartLoading" />; return <EuiLoadingChart size="m" data-test-subj="wideChartLoading" />;
} }
return ( return (

2
x-pack/solutions/observability/plugins/slo/public/pages/slo_edit/components/common/data_preview_chart.tsx
View file

@ -240,7 +240,7 @@ export function DataPreviewChart({
{(isLoading || isError) && ( {(isLoading || isError) && (
<EuiFlexGroup justifyContent="center" alignItems="center" style={{ height: 160 }}> <EuiFlexGroup justifyContent="center" alignItems="center" style={{ height: 160 }}>
<EuiFlexItem grow={false}> <EuiFlexItem grow={false}>
{isLoading && <EuiLoadingChart size="m" mono />} {isLoading && <EuiLoadingChart size="m" />}
{isError && ( {isError && (
<span> <span>
{i18n.translate('xpack.slo.sloEdit.dataPreviewChart.errorMessage', { {i18n.translate('xpack.slo.sloEdit.dataPreviewChart.errorMessage', {

2
x-pack/solutions/observability/plugins/slo/public/pages/slos/components/slo_sparkline.tsx
View file

@ -49,7 +49,7 @@ export function SloSparkline({ chart, data, id, isLoading, size, state }: Props)
const ChartComponent = chart === 'area' ? AreaSeries : LineSeries; const ChartComponent = chart === 'area' ? AreaSeries : LineSeries;
if (isLoading) { if (isLoading) {
return <EuiLoadingChart style={{ minWidth: 60, justifyContent: 'center' }} size="m" mono />; return <EuiLoadingChart style={{ minWidth: 60, justifyContent: 'center' }} size="m" />;
} }
const height = size === 'compact' ? 14 : 28; const height = size === 'compact' ? 14 : 28;

2
x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_pending_wrapper.tsx
View file

@ -70,7 +70,7 @@ export const MonitorPendingWrapper: FC<PropsWithChildren<unknown>> = ({ children
) : null} ) : null}
{loaded && !hasPing ? ( {loaded && !hasPing ? (
<PageLoader <PageLoader
icon={<EuiLoadingChart size="xl" mono />} icon={<EuiLoadingChart size="xl" />}
title={<h3>{MONITOR_PENDING_HEADING}</h3>} title={<h3>{MONITOR_PENDING_HEADING}</h3>}
body={<p>{MONITOR_PENDING_CONTENT}</p>} body={<p>{MONITOR_PENDING_CONTENT}</p>}
/> />

4
x-pack/solutions/observability/plugins/ux/public/components/app/rum_dashboard/visitor_breakdown/index.tsx
View file

@ -91,7 +91,7 @@ export function VisitorBreakdown() {
{!dataView?.id ? ( {!dataView?.id ? (
<EuiLoadingEmbeddable justifyContent="spaceAround" alignItems={'center'}> <EuiLoadingEmbeddable justifyContent="spaceAround" alignItems={'center'}>
<EuiFlexItem grow={false}> <EuiFlexItem grow={false}>
<EuiLoadingChart size="l" mono /> <EuiLoadingChart size="l" />
</EuiFlexItem> </EuiFlexItem>
</EuiLoadingEmbeddable> </EuiLoadingEmbeddable>
) : ( ) : (
@ -114,7 +114,7 @@ export function VisitorBreakdown() {
{!dataView?.id ? ( {!dataView?.id ? (
<EuiLoadingEmbeddable justifyContent="spaceAround" alignItems={'center'}> <EuiLoadingEmbeddable justifyContent="spaceAround" alignItems={'center'}>
<EuiFlexItem grow={false}> <EuiFlexItem grow={false}>
<EuiLoadingChart size="l" mono /> <EuiLoadingChart size="l" />
</EuiFlexItem> </EuiFlexItem>
</EuiLoadingEmbeddable> </EuiLoadingEmbeddable>
) : ( ) : (

4
x-pack/solutions/security/plugins/security_solution/public/common/mock/test_providers.tsx
View file

@ -88,7 +88,7 @@ export const TestProvidersComponent = ({
<CellActionsProvider <CellActionsProvider
getTriggerCompatibleActions={() => Promise.resolve(cellActions)} getTriggerCompatibleActions={() => Promise.resolve(cellActions)}
> >
<EuiProvider> <EuiProvider highContrastMode={false}>
<DragDropContext onDragEnd={onDragEnd}>{children}</DragDropContext> <DragDropContext onDragEnd={onDragEnd}>{children}</DragDropContext>
</EuiProvider> </EuiProvider>
</CellActionsProvider> </CellActionsProvider>
@ -149,7 +149,7 @@ const TestProvidersWithPrivilegesComponent: React.FC<Props> = ({
<CellActionsProvider <CellActionsProvider
getTriggerCompatibleActions={() => Promise.resolve(cellActions)} getTriggerCompatibleActions={() => Promise.resolve(cellActions)}
> >
<EuiProvider> <EuiProvider highContrastMode={false}>
<DragDropContext onDragEnd={onDragEnd}>{children}</DragDropContext> <DragDropContext onDragEnd={onDragEnd}>{children}</DragDropContext>
</EuiProvider> </EuiProvider>
</CellActionsProvider> </CellActionsProvider>

2
x-pack/solutions/security/plugins/security_solution/public/management/components/console/components/command_execution_output.tsx
View file

@ -108,7 +108,7 @@ export const CommandExecutionOutput = memo<CommandExecutionOutputProps>(
ResultComponent={CommandExecutionResult} ResultComponent={CommandExecutionResult}
/> />
{isRunning && <EuiLoadingChart className="busy-indicator" mono={true} />} {isRunning && <EuiLoadingChart className="busy-indicator" />}
{isRunning && isLongRunningCommand && ( {isRunning && isLongRunningCommand && (
<> <>

26
yarn.lock
View file

@ -2162,26 +2162,26 @@
resolved "https://registry.yarnpkg.com/@elastic/eslint-plugin-eui/-/eslint-plugin-eui-0.0.2.tgz#56b9ef03984a05cc213772ae3713ea8ef47b0314" resolved "https://registry.yarnpkg.com/@elastic/eslint-plugin-eui/-/eslint-plugin-eui-0.0.2.tgz#56b9ef03984a05cc213772ae3713ea8ef47b0314"
integrity sha512-IoxURM5zraoQ7C8f+mJb9HYSENiZGgRVcG4tLQxE61yHNNRDXtGDWTZh8N1KIHcsqN1CEPETjuzBXkJYF/fDiQ== integrity sha512-IoxURM5zraoQ7C8f+mJb9HYSENiZGgRVcG4tLQxE61yHNNRDXtGDWTZh8N1KIHcsqN1CEPETjuzBXkJYF/fDiQ==
"@elastic/eui-theme-borealis@0.0.11": "@elastic/eui-theme-borealis@0.1.0":
version "0.0.11" version "0.1.0"
resolved "https://registry.yarnpkg.com/@elastic/eui-theme-borealis/-/eui-theme-borealis-0.0.11.tgz#edad01998f2de79b5d6b401f8951fbe10353e2d6" resolved "https://registry.yarnpkg.com/@elastic/eui-theme-borealis/-/eui-theme-borealis-0.1.0.tgz#5b7151c9dae093b945060b3f9c1ac9461092fac0"
integrity sha512-M8tDj6zDkbM/K4G/MVol64CUO2e+d9wAlZWZ7odcZHBTAbxD35I3HQy0l0+z6EUzE02+2jUmPCK8IykpKLjPdg== integrity sha512-eoQw+IHK+R1RHjl4VEVyWY6cWovLXddGl/u7XvIyiRZk+oEiM1ksuk0ZkO9nSkTI/j+tA7Z5aRbivhLhvCGjuA==
"@elastic/eui-theme-common@0.0.11": "@elastic/eui-theme-common@0.1.0":
version "0.0.11" version "0.1.0"
resolved "https://registry.yarnpkg.com/@elastic/eui-theme-common/-/eui-theme-common-0.0.11.tgz#950d06a652a25b09c46cec8f16a449223ada45a3" resolved "https://registry.yarnpkg.com/@elastic/eui-theme-common/-/eui-theme-common-0.1.0.tgz#fa74c7f72b4ca69ff1f7a5cf45e55c979064ab73"
integrity sha512-DV8qX45R/01SWdCoINWbFwJgMdWHYuq7ZmdY/J3pE1QNKIGv52SdOpiW+XwhT8S3dOv+XFidoywVT9pAjcMmyA== integrity sha512-2Pm9PeEr4QXjtL/YYM6faXbQ2Fm/mJXzV7QLBxUW8iHov70IHZy1e3xJOio0lI1IbO3S7t79EIS6J3/uNffJfA==
dependencies: dependencies:
"@types/lodash" "^4.14.202" "@types/lodash" "^4.14.202"
chroma-js "^2.4.2" chroma-js "^2.4.2"
lodash "^4.17.21" lodash "^4.17.21"
"@elastic/eui@100.0.0": "@elastic/eui@101.0.1":
version "100.0.0" version "101.0.1"
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-100.0.0.tgz#7da6beb5c9b2592a8784835f1450388dcda5f51c" resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-101.0.1.tgz#505360831452674ab452bf1fd6a5622c391299c0"
integrity sha512-8A1pYmrw3N/N8ny6tDRYYSmetOBgz3j7KkARr+LWskHMLU7l+nduK+1dVn19qR15C85ufKOyZxAoZeYpxsppsQ== integrity sha512-W0gYh4nfDMp/VvZTF0cA0UNQzuT7x+t6nTMvcShXdJ/qEQQfnlcQx50Nd0RMid2zu7HnrKElx8TJcFeTelWs1g==
dependencies: dependencies:
"@elastic/eui-theme-common" "0.0.11" "@elastic/eui-theme-common" "0.1.0"
"@elastic/prismjs-esql" "^1.0.0" "@elastic/prismjs-esql" "^1.0.0"
"@hello-pangea/dnd" "^16.6.0" "@hello-pangea/dnd" "^16.6.0"
"@types/lodash" "^4.14.202" "@types/lodash" "^4.14.202"