@ember-eui/core 5.17.2 → 6.5.0

package/README.md

@@ -16,7 +16,7 @@ var app = new EmberApp(defaults, {
       sourceDirs: [
         'public/assets',
         '../node_modules/@ember-eui/core/public',
-        'node_modules/@elastic/eui/lib/components/icon',
+        '../node_modules/@ember-eui/core/vendor/icon',
       ],
     },
   ...

package/addon/components/eui-field-number/types.ts

@@ -25,13 +25,13 @@ export type EuiFieldNumberArgs = Omit<
 
     /**
      * Creates an input group with element(s) coming before input.
-     * `string` | `ReactElement` or an array of these
+     * `string` | `Component` or an array of these
      */
     prepend?: EuiFormControlLayoutArgs['prepend'];
 
     /**
      * Creates an input group with element(s) coming after input.
-     * `string` | `ReactElement` or an array of these
+     * `string` | `Component` or an array of these
      */
     append?: EuiFormControlLayoutArgs['append'];
 

package/addon/components/eui-markdown-editor/index.ts

@@ -140,6 +140,7 @@ export default class EuiMarkdownEditorComponent extends Component<EuiMarkdownEdi
     super(owner, args);
     this.markdownActions = new MarkdownActions(
       this.editorId,
+      // @ts-expect-error
       this.toolbarPlugins
     );
     this.currentHeight = this.height;
@@ -187,6 +188,7 @@ export default class EuiMarkdownEditorComponent extends Component<EuiMarkdownEdi
     let { isPreviewing, autoExpandPreview, height, previewRef, currentHeight } =
       this;
     if (isPreviewing && autoExpandPreview && height !== 'full' && previewRef) {
+      //@ts-ignore
       if (previewRef.scrollHeight > currentHeight) {
         // scrollHeight does not include the border or margin
         // so we ask for the computed value for those,

package/addon/components/eui-markdown-editor-footer/index.hbs

@@ -65,28 +65,6 @@
           </a>
           <p>You can also utilize these additional syntax plugins to add rich
             content to yoru text.</p>
-
-          {{! <EuiI18n
-                    tokens={[
-                      'euiMarkdownEditorFooter.descriptionPrefix',
-                      'euiMarkdownEditorFooter.descriptionSuffix',
-                    ]}
-                    defaults={[
-                      'This editor uses',
-                      'You can also utilize these additional syntax plugins to add rich content to your text.',
-                    ]}>
-                    {([descriptionPrefix, descriptionSuffix]: ReactChild[]) => (
-                      <p>
-                        {descriptionPrefix}{' '}
-                        <a
-                          href="https://github.github.com/gfm/"
-                          target="_blank">
-                          Github flavored markdown
-                        </a>
-                        . {descriptionSuffix}
-                      </p>
-                    )}
-                  </EuiI18n> }}
         </EuiText>
         <EuiHorizontalRule />
         {{#each @uiPlugins as |uiPlugin|}}

package/addon/components/eui-step/eui-step-number/index.hbs

@@ -16,7 +16,7 @@
     {{else if (eq @status "warning")}}
       <EuiIcon
         @iconClasses="euiStepNumber__icon"
-        @type="alert"
+        @type="warning"
         @size={{iconSize}}
       />
     {{else if (eq @status "danger")}}

package/addon/components/eui-super-date-picker/date-popover/eui-date-popover-content.ts

@@ -7,7 +7,7 @@ import type EuiI18n from '../../../services/eui-i18n';
 
 interface EuiDatePopoverContentArgs {
   value: string;
-  onChange(date: string | null, event?: React.SyntheticEvent<any>): void;
+  onChange(date: string | null, event?: any): void;
   roundUp?: boolean;
   dateFormat: string;
   timeFormat: string;

package/addon/components/eui-super-date-picker/date-popover/relative-tab.ts

@@ -5,14 +5,13 @@ import { LocaleSpecifier } from 'moment';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
 import { parseRelativeParts } from '../utils';
-import { EuiDatePopoverContentProps, TimeUnitId } from '@elastic/eui';
 import { TimeOptions } from '../utils/time-options';
 
 interface RelativeTabArgs {
   dateFormat: string;
   locale?: LocaleSpecifier;
   value: string;
-  onChange: EuiDatePopoverContentProps['onChange'];
+  onChange: any;
   roundUp?: boolean;
   position: 'start' | 'end';
   labelPrefix: string;
@@ -21,7 +20,7 @@ interface RelativeTabArgs {
 
 export default class RelativeTab extends Component<RelativeTabArgs> {
   @tracked count?: number;
-  @tracked unit: TimeUnitId = 'm';
+  @tracked unit: any = 'm';
   @tracked round = false;
 
   roundUnit;
@@ -31,7 +30,7 @@ export default class RelativeTab extends Component<RelativeTabArgs> {
     const parsed = parseRelativeParts(this.args.value);
     if (parsed) {
       this.count = parsed.count;
-      this.unit = parsed.unit as TimeUnitId;
+      this.unit = parsed.unit as any;
       this.round = parsed.round;
       this.roundUnit = parsed.roundUnit;
     }
@@ -53,9 +52,8 @@ export default class RelativeTab extends Component<RelativeTabArgs> {
   }
 
   get roundingLabel() {
-    return this.args.timeOptions.relativeRoundingLabels[
-      <TimeUnitId>this.unit[0]
-    ];
+    //@ts-expect-error
+    return this.args.timeOptions.relativeRoundingLabels[this.unit[0]];
   }
 
   @action onCountChange(e: InputEvent) {
@@ -65,7 +63,7 @@ export default class RelativeTab extends Component<RelativeTabArgs> {
   }
 
   @action onUnitChange(unit: string) {
-    this.unit = unit as TimeUnitId;
+    this.unit = unit as any;
     this.handleChange();
   }
 
@@ -81,7 +79,7 @@ export default class RelativeTab extends Component<RelativeTabArgs> {
     const date = toRelativeStringFromParts({
       count: this.count,
       round: this.round,
-      roundUnit: this.roundUnit as TimeUnitId,
+      roundUnit: this.roundUnit as any,
       unit: this.unit
     });
     this.args.onChange(date);

package/addon/components/eui-super-date-picker/eui-date-picker-range.hbs

@@ -14,7 +14,7 @@
   <span class="euiDatePickerRange__delimeter">
     <EuiIcon
       @color={{if @isInvalid 'danger' 'subdued'}}
-      @type={{if @isInvalid 'alert' 'sortRight'}}
+      @type={{if @isInvalid 'warning' 'sortRight'}}
     />
   </span>
 

package/addon/components/eui-super-date-picker/index.ts

@@ -11,7 +11,6 @@ import {
 } from './types/global';
 import { isRangeInvalid } from './utils';
 import { useI18nTimeOptions } from './utils/time-options';
-import { OnRefreshProps, OnTimeChangeProps } from '@elastic/eui';
 import type EuiI18n from '../../services/eui-i18n';
 import { inject as service } from '@ember/service';
 
@@ -50,7 +49,7 @@ interface EuiSuperDatePickerArgs {
    * If a promise is returned, the next refresh interval will not start until the promise has resolved.
    * If the promise rejects the refresh interval will stop and the error thrown
    */
-  onRefresh?: (props: OnRefreshProps) => void;
+  onRefresh?: (props: any) => void;
   /**
    * Callback for when the refresh interval changes.
    * Supply onRefreshChange to show refresh interval inputs in quick select popover
@@ -59,7 +58,7 @@ interface EuiSuperDatePickerArgs {
   /**
    * Callback for when the time changes.
    */
-  onTimeChange: (props: OnTimeChangeProps) => void;
+  onTimeChange: (props: any) => void;
   // recentlyUsedRanges?: DurationRange[];
   /**
    * Refresh interval in milliseconds
@@ -136,7 +135,7 @@ export default class EuiSuperDatePicker extends Component<EuiSuperDatePickerArgs
         end,
         isQuickSelection: false,
         isInvalid: this.isInvalid
-      } as OnTimeChangeProps);
+      } as any);
     }
   }
 

package/addon/components/eui-super-date-picker/types/global.d.ts

@@ -1,5 +1,3 @@
-import { Moment } from 'moment';
-
 export interface DurationRange {
   end: ShortDate;
   label?: string;

package/addon/components/eui-super-date-picker/utils/time-options.ts

@@ -5,7 +5,6 @@
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
-import { EuiSelectOption } from '@elastic/eui';
 import type EuiI18n from '../../../services/eui-i18n';
 
 import { TimeUnitId, RelativeOption, DurationRange } from '../types/global';
@@ -14,11 +13,11 @@ export const LAST = 'last';
 export const NEXT = 'next';
 
 export type TimeOptions = {
-  timeTenseOptions: EuiSelectOption[];
-  timeUnitsOptions: EuiSelectOption[];
+  timeTenseOptions: any[];
+  timeUnitsOptions: any[];
   relativeOptions: RelativeOption[];
   relativeRoundingLabels: { [id in TimeUnitId]: string };
-  refreshUnitsOptions: EuiSelectOption[];
+  refreshUnitsOptions: any[];
   commonDurationRanges: DurationRange[];
 };
 

package/addon/i18n/util.ts

@@ -34,7 +34,7 @@ function isElement(value: any) {
  * @param {string} input
  * @param {RenderableValues} values
  * @param {Function} i18nMappingFunc
- * @returns {string | React.ReactChild[]}
+ * @returns {string}
  */
 export function processStringToChildren(
   input: string,

package/addon/utils/css-mappings/eui-icon.ts

@@ -6,7 +6,6 @@ export const typeToPathMap = {
   advancedSettingsApp: 'app_advanced_settings',
   agentApp: 'app_fleet',
   aggregate: 'aggregate',
-  alert: 'alert',
   analyzeEvent: 'analyzeEvent',
   annotation: 'annotation',
   apmApp: 'app_apm',
@@ -17,21 +16,27 @@ export const typeToPathMap = {
   arrowLeft: 'arrow_left',
   arrowRight: 'arrow_right',
   arrowUp: 'arrow_up',
+  arrowStart: 'arrowStart',
+  arrowEnd: 'arrowEnd',
+  article: 'article',
   asterisk: 'asterisk',
   auditbeatApp: 'app_auditbeat',
   beaker: 'beaker',
   bell: 'bell',
   bellSlash: 'bellSlash',
+  beta: 'beta',
   bolt: 'bolt',
   boxesHorizontal: 'boxes_horizontal',
   boxesVertical: 'boxes_vertical',
   branch: 'branch',
+  branchUser: 'branchUser',
   broom: 'broom',
   brush: 'brush',
   bug: 'bug',
   bullseye: 'bullseye',
   calendar: 'calendar',
   canvasApp: 'app_canvas',
+  casesApp: 'app_cases',
   check: 'check',
   checkInCircleFilled: 'checkInCircleFilled',
   cheer: 'cheer',
@@ -40,11 +45,13 @@ export const typeToPathMap = {
   cloudDrizzle: 'cloudDrizzle',
   cloudStormy: 'cloudStormy',
   cloudSunny: 'cloudSunny',
+  cluster: 'cluster',
   codeApp: 'app_code',
   color: 'color',
   compute: 'compute',
   console: 'console',
   consoleApp: 'app_console',
+  container: 'container',
   continuityAbove: 'continuityAbove',
   continuityAboveBelow: 'continuityAboveBelow',
   continuityBelow: 'continuityBelow',
@@ -59,25 +66,30 @@ export const typeToPathMap = {
   createSingleMetricJob: 'ml_create_single_metric_job',
   cross: 'cross',
   crossClusterReplicationApp: 'app_cross_cluster_replication',
-  crossInACircleFilled: 'crossInACircleFilled',
   crosshairs: 'crosshairs',
   currency: 'currency',
   cut: 'cut',
   dashboardApp: 'app_dashboard',
   dataVisualizer: 'ml_data_visualizer',
   database: 'database',
+  desktop: 'desktop',
   devToolsApp: 'app_devtools',
   discoverApp: 'app_discover',
+  discuss: 'discuss',
   document: 'document',
   documentEdit: 'documentEdit',
   documentation: 'documentation',
   documents: 'documents',
   dot: 'dot',
+  dotInCircle: 'dotInCircle',
+  doubleArrowLeft: 'doubleArrowLeft',
+  doubleArrowRight: 'doubleArrowRight',
   download: 'download',
   editorAlignCenter: 'editor_align_center',
   editorAlignLeft: 'editor_align_left',
   editorAlignRight: 'editor_align_right',
   editorBold: 'editor_bold',
+  editorChecklist: 'editor_checklist',
   editorCodeBlock: 'editor_code_block',
   editorComment: 'editor_comment',
   editorDistributeHorizontal: 'editorDistributeHorizontal',
@@ -107,6 +119,7 @@ export const typeToPathMap = {
   emsApp: 'app_ems',
   eql: 'eql',
   eraser: 'eraser',
+  error: 'error',
   exit: 'exit',
   expand: 'expand',
   expandMini: 'expandMini',
@@ -118,6 +131,10 @@ export const typeToPathMap = {
   faceSad: 'face_sad',
   filebeatApp: 'app_filebeat',
   filter: 'filter',
+  filterExclude: 'filterExclude',
+  filterIgnore: 'filterIgnore',
+  filterInclude: 'filterInclude',
+  filterInCircle: 'filterInCircle',
   flag: 'flag',
   fleetApp: 'app_agent',
   fold: 'fold',
@@ -157,18 +174,27 @@ export const typeToPathMap = {
   indexRollupApp: 'app_index_rollup',
   indexRuntime: 'index_runtime',
   indexSettings: 'index_settings',
+  indexTemporary: 'indexTemporary',
+  infinity: 'infinity',
   inputOutput: 'inputOutput',
   inspect: 'inspect',
   invert: 'invert',
   ip: 'ip',
-  keyboardShortcut: 'keyboard_shortcut',
+  keyboard: 'keyboard',
   kqlField: 'kql_field',
   kqlFunction: 'kql_function',
   kqlOperand: 'kql_operand',
   kqlSelector: 'kql_selector',
   kqlValue: 'kql_value',
+  kubernetesNode: 'kubernetesNode',
+  kubernetesPod: 'kubernetesPod',
+  launch: 'launch',
   layers: 'layers',
   lensApp: 'app_lens',
+  lettering: 'lettering',
+  lineDashed: 'lineDashed',
+  lineDotted: 'lineDotted',
+  lineSolid: 'lineSolid',
   link: 'link',
   list: 'list',
   listAdd: 'list_add',
@@ -228,6 +254,7 @@ export const typeToPathMap = {
   logoSketch: 'logo_sketch',
   logoSlack: 'logo_slack',
   logoUptime: 'logo_uptime',
+  logoVulnerabilityManagement: 'logo_vulnerability_management',
   logoWebhook: 'logo_webhook',
   logoWindows: 'logo_windows',
   logoWorkplaceSearch: 'logo_workplace_search',
@@ -239,6 +266,7 @@ export const typeToPathMap = {
   logstashQueue: 'logstash_queue',
   machineLearningApp: 'app_ml',
   magnet: 'magnet',
+  magnifyWithExclamation: 'magnifyWithExclamation',
   magnifyWithMinus: 'magnifyWithMinus',
   magnifyWithPlus: 'magnifyWithPlus',
   managementApp: 'app_management',
@@ -259,6 +287,7 @@ export const typeToPathMap = {
   mobile: 'mobile',
   monitoringApp: 'app_monitoring',
   moon: 'moon',
+  namespace: 'namespace',
   nested: 'nested',
   node: 'node',
   notebookApp: 'app_notebook',
@@ -279,6 +308,7 @@ export const typeToPathMap = {
   pin: 'pin',
   pinFilled: 'pin_filled',
   pipelineApp: 'app_pipeline',
+  pivot: 'pivot',
   play: 'play',
   playFilled: 'playFilled',
   plus: 'plus',
@@ -304,14 +334,18 @@ export const typeToPathMap = {
   securitySignal: 'securitySignal',
   securitySignalDetected: 'securitySignalDetected',
   securitySignalResolved: 'securitySignalResolved',
+  sessionViewer: 'sessionViewer',
   shard: 'shard',
   share: 'share',
   snowflake: 'snowflake',
+  sortAscending: 'sortAscending',
+  sortDescending: 'sortDescending',
   sortDown: 'sort_down',
   sortLeft: 'sortLeft',
   sortRight: 'sortRight',
   sortUp: 'sort_up',
   sortable: 'sortable',
+  spaces: 'spaces',
   spacesApp: 'app_spaces',
   sqlApp: 'app_sql',
   starEmpty: 'star_empty',
@@ -329,6 +363,7 @@ export const typeToPathMap = {
   storage: 'storage',
   string: 'string',
   submodule: 'submodule',
+  sun: 'sun',
   swatchInput: 'swatch_input', // Undocumented on purpose. Has an extra stroke for EuiColorPicker
   symlink: 'symlink',
   tableDensityCompact: 'table_density_compact',
@@ -339,7 +374,9 @@ export const typeToPathMap = {
   tear: 'tear',
   temperature: 'temperature',
   timeline: 'timeline',
+  timelineWithArrow: 'timelineWithArrow',
   timelionApp: 'app_timelion',
+  timeRefresh: 'timeRefresh',
   timeslider: 'timeslider',
   training: 'training',
   trash: 'trash',
@@ -348,6 +385,7 @@ export const typeToPathMap = {
   upgradeAssistantApp: 'app_upgrade_assistant',
   uptimeApp: 'app_uptime',
   user: 'user',
+  userAvatar: 'userAvatar',
   users: 'users',
   usersRolesApp: 'app_users_roles',
   vector: 'vector',
@@ -372,63 +410,68 @@ export const typeToPathMap = {
   visVega: 'vis_vega',
   visVisualBuilder: 'vis_visual_builder',
   visualizeApp: 'app_visualize',
+  vulnerabilityManagementApp: 'app_vulnerability_management',
+  warning: 'warning',
+  alert: 'warning', // NOTE: This is an undocumented alias for `warning`, added for legacy compatability with Elastic Charts
   watchesApp: 'app_watches',
   wordWrap: 'wordWrap',
   wordWrapDisabled: 'wordWrapDisabled',
   workplaceSearchApp: 'app_workplace_search',
   wrench: 'wrench',
   // Token Icon Imports
+  tokenAlias: 'tokenAlias',
+  tokenAnnotation: 'tokenAnnotation',
+  tokenArray: 'tokenArray',
+  tokenBinary: 'tokenBinary',
+  tokenBoolean: 'tokenBoolean',
   tokenClass: 'tokenClass',
-  tokenProperty: 'tokenProperty',
+  tokenCompletionSuggester: 'tokenCompletionSuggester',
+  tokenConstant: 'tokenConstant',
+  tokenDate: 'tokenDate',
+  tokenDenseVector: 'tokenDenseVector',
+  tokenElement: 'tokenElement',
   tokenEnum: 'tokenEnum',
-  tokenVariable: 'tokenVariable',
-  tokenMethod: 'tokenMethod',
-  tokenAnnotation: 'tokenAnnotation',
+  tokenEnumMember: 'tokenEnumMember',
+  tokenEvent: 'tokenEvent',
   tokenException: 'tokenException',
-  tokenInterface: 'tokenInterface',
-  tokenParameter: 'tokenParameter',
   tokenField: 'tokenField',
-  tokenElement: 'tokenElement',
+  tokenFile: 'tokenFile',
+  tokenFlattened: 'tokenFlattened',
   tokenFunction: 'tokenFunction',
-  tokenBoolean: 'tokenBoolean',
-  tokenString: 'tokenString',
-  tokenArray: 'tokenArray',
-  tokenNumber: 'tokenNumber',
-  tokenConstant: 'tokenConstant',
-  tokenObject: 'tokenObject',
-  tokenEvent: 'tokenEvent',
+  tokenGeo: 'tokenGeo',
+  tokenHistogram: 'tokenHistogram',
+  tokenInterface: 'tokenInterface',
+  tokenIP: 'tokenIP',
+  tokenJoin: 'tokenJoin',
   tokenKey: 'tokenKey',
-  tokenNull: 'tokenNull',
-  tokenStruct: 'tokenStruct',
-  tokenPackage: 'tokenPackage',
-  tokenOperator: 'tokenOperator',
-  tokenEnumMember: 'tokenEnumMember',
-  tokenRepo: 'tokenRepo',
-  tokenSymbol: 'tokenSymbol',
-  tokenFile: 'tokenFile',
+  tokenKeyword: 'tokenKeyword',
+  tokenMethod: 'tokenMethod',
+  tokenMetricCounter: 'tokenMetricCounter',
+  tokenMetricGauge: 'tokenMetricGauge',
   tokenModule: 'tokenModule',
   tokenNamespace: 'tokenNamespace',
-  tokenDate: 'tokenDate',
-  tokenIP: 'tokenIP',
   tokenNested: 'tokenNested',
-  tokenAlias: 'tokenAlias',
-  tokenShape: 'tokenShape',
-  tokenGeo: 'tokenGeo',
-  tokenRange: 'tokenRange',
-  tokenBinary: 'tokenBinary',
-  tokenJoin: 'tokenJoin',
+  tokenNull: 'tokenNull',
+  tokenNumber: 'tokenNumber',
+  tokenObject: 'tokenObject',
+  tokenOperator: 'tokenOperator',
+  tokenPackage: 'tokenPackage',
+  tokenParameter: 'tokenParameter',
   tokenPercolator: 'tokenPercolator',
-  tokenFlattened: 'tokenFlattened',
+  tokenProperty: 'tokenProperty',
+  tokenRange: 'tokenRange',
   tokenRankFeature: 'tokenRankFeature',
   tokenRankFeatures: 'tokenRankFeatures',
-  tokenKeyword: 'tokenKeyword',
+  tokenRepo: 'tokenRepo',
+  tokenSearchType: 'tokenSearchType',
+  tokenShape: 'tokenShape',
+  tokenString: 'tokenString',
+  tokenStruct: 'tokenStruct',
+  tokenSymbol: 'tokenSymbol',
   tokenTag: 'tokenTag',
-  tokenCompletionSuggester: 'tokenCompletionSuggester',
-  tokenDenseVector: 'tokenDenseVector',
   tokenText: 'tokenText',
   tokenTokenCount: 'tokenTokenCount',
-  tokenSearchType: 'tokenSearchType',
-  tokenHistogram: 'tokenHistogram'
+  tokenVariable: 'tokenVariable',
 };
 
 export const sizeToClassNameMap = {

package/addon/utils/markdown/markdown-types.ts

@@ -16,13 +16,12 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-
-import { ComponentType, ReactNode } from 'react';
 import { VFile } from 'vfile';
 import { Node as UnistNode, Position as UnistPosition } from 'unist';
 import { Parser } from 'remark-parse';
 import { VFileMessage } from 'vfile-message';
 import { IconType } from '../../components/eui-icon';
+import Component from '@glimmer/component';
 
 export interface RemarkParser {
   Parser: typeof Parser;
@@ -78,9 +77,9 @@ export interface PluginWithImmediateFormatting {
   editor?: never;
 }
 
-export interface PluginWithDelayedFormatting<NodeShape> {
+export interface PluginWithDelayedFormatting<T> {
   formatting?: never;
-  editor: ComponentType<EuiMarkdownEditorUiPluginEditorProps<NodeShape>>;
+  editor: T;
 }
 
 export type EuiMarkdownEditorUiPlugin<NodeShape = any> = {
@@ -89,7 +88,7 @@ export type EuiMarkdownEditorUiPlugin<NodeShape = any> = {
     label: string;
     iconType: IconType;
   };
-  helpText?: ReactNode;
+  helpText?: Component;
 } & (PluginWithImmediateFormatting | PluginWithDelayedFormatting<NodeShape>);
 
 export interface EuiMarkdownFormatting {

package/addon/utils/markdown/plugins/markdown-default-plugins/processing-plugins.ts

@@ -34,6 +34,7 @@ import {
   Settings
 } from 'unified';
 import remark2Rehype from 'remark-rehype';
+//@ts-expect-error
 import all from 'mdast-util-to-hast/lib/all';
 import { Options as Remark2RehypeOptions, Handler } from 'mdast-util-to-hast';
 import * as MarkdownAddComponents from '../markdown-add-components';

package/addon/utils/markdown/plugins/markdown-default-plugins/ui-plugins.ts

@@ -21,6 +21,7 @@ export const getDefaultEuiMarkdownUiPlugins = ({
 
   // @ts-ignore __originatedFromEui is a custom property
   uiPlugins.__originatedFromEui = true;
+  // @ts-ignore __originatedFromEui is a custom property
   return uiPlugins;
 };
 

package/docs/display/empty-prompt/demo/d05-loading-and-error-prompts.md

@@ -24,7 +24,7 @@ order: 5
 </EuiText>
 <EuiSpacer />
 <EuiEmptyPrompt
-  @iconType='alert'
+  @iconType='warning'
   @color='danger'
   @title='Error loading Dashboards'
   @body='There was an error loading the Dashboard application. Contact your