@ember-eui/core 4.4.0 → 5.0.0-alpha.1

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

@@ -4,14 +4,15 @@ export const typeToPathMap = {
   accessibility: 'accessibility',
   addDataApp: 'app_add_data',
   advancedSettingsApp: 'app_advanced_settings',
+  agentApp: 'app_fleet',
   aggregate: 'aggregate',
   alert: 'alert',
-  analyzeEvent: 'analyze_event',
+  analyzeEvent: 'analyzeEvent',
   annotation: 'annotation',
   apmApp: 'app_apm',
   apmTrace: 'apm_trace',
-  apps: 'apps',
   appSearchApp: 'app_app_search',
+  apps: 'apps',
   arrowDown: 'arrow_down',
   arrowLeft: 'arrow_left',
   arrowRight: 'arrow_right',
@@ -31,7 +32,6 @@ export const typeToPathMap = {
   bullseye: 'bullseye',
   calendar: 'calendar',
   canvasApp: 'app_canvas',
-  codeApp: 'app_code',
   check: 'check',
   checkInCircleFilled: 'checkInCircleFilled',
   cheer: 'cheer',
@@ -40,9 +40,15 @@ export const typeToPathMap = {
   cloudDrizzle: 'cloudDrizzle',
   cloudStormy: 'cloudStormy',
   cloudSunny: 'cloudSunny',
+  codeApp: 'app_code',
+  color: 'color',
   compute: 'compute',
   console: 'console',
   consoleApp: 'app_console',
+  continuityAbove: 'continuityAbove',
+  continuityAboveBelow: 'continuityAboveBelow',
+  continuityBelow: 'continuityBelow',
+  continuityWithin: 'continuityWithin',
   controlsHorizontal: 'controls_horizontal',
   controlsVertical: 'controls_vertical',
   copy: 'copy',
@@ -53,17 +59,18 @@ export const typeToPathMap = {
   createSingleMetricJob: 'ml_create_single_metric_job',
   cross: 'cross',
   crossClusterReplicationApp: 'app_cross_cluster_replication',
-  crosshairs: 'crosshairs',
   crossInACircleFilled: 'crossInACircleFilled',
+  crosshairs: 'crosshairs',
   currency: 'currency',
   cut: 'cut',
   dashboardApp: 'app_dashboard',
-  database: 'database',
   dataVisualizer: 'ml_data_visualizer',
+  database: 'database',
   devToolsApp: 'app_devtools',
   discoverApp: 'app_discover',
   document: 'document',
   documentEdit: 'documentEdit',
+  documentation: 'documentation',
   documents: 'documents',
   dot: 'dot',
   download: 'download',
@@ -77,9 +84,9 @@ export const typeToPathMap = {
   editorDistributeVertical: 'editorDistributeVertical',
   editorHeading: 'editor_heading',
   editorItalic: 'editor_italic',
-  editorItemAlignLeft: 'editorItemAlignLeft',
   editorItemAlignBottom: 'editorItemAlignBottom',
   editorItemAlignCenter: 'editorItemAlignCenter',
+  editorItemAlignLeft: 'editorItemAlignLeft',
   editorItemAlignMiddle: 'editorItemAlignMiddle',
   editorItemAlignRight: 'editorItemAlignRight',
   editorItemAlignTop: 'editorItemAlignTop',
@@ -99,6 +106,7 @@ export const typeToPathMap = {
   empty: 'empty',
   emsApp: 'app_ems',
   eql: 'eql',
+  eraser: 'eraser',
   exit: 'exit',
   expand: 'expand',
   expandMini: 'expandMini',
@@ -106,17 +114,22 @@ export const typeToPathMap = {
   eye: 'eye',
   eyeClosed: 'eye_closed',
   faceHappy: 'face_happy',
-  faceNeutral: 'faceNeutral',
+  faceNeutral: 'face_neutral',
   faceSad: 'face_sad',
   filebeatApp: 'app_filebeat',
   filter: 'filter',
   flag: 'flag',
+  fleetApp: 'app_agent',
   fold: 'fold',
   folderCheck: 'folder_check',
   folderClosed: 'folder_closed',
   folderExclamation: 'folder_exclamation',
   folderOpen: 'folder_open',
+  frameNext: 'frameNext',
+  framePrevious: 'framePrevious',
   fullScreen: 'full_screen',
+  fullScreenExit: 'fullScreenExit',
+  function: 'function',
   gear: 'gear',
   gisApp: 'app_gis',
   glasses: 'glasses',
@@ -142,6 +155,7 @@ export const typeToPathMap = {
   indexOpen: 'index_open',
   indexPatternApp: 'app_index_pattern',
   indexRollupApp: 'app_index_rollup',
+  indexRuntime: 'index_runtime',
   indexSettings: 'index_settings',
   inputOutput: 'inputOutput',
   inspect: 'inspect',
@@ -153,18 +167,18 @@ export const typeToPathMap = {
   kqlOperand: 'kql_operand',
   kqlSelector: 'kql_selector',
   kqlValue: 'kql_value',
+  layers: 'layers',
   lensApp: 'app_lens',
   link: 'link',
   list: 'list',
   listAdd: 'list_add',
   lock: 'lock',
   lockOpen: 'lockOpen',
-  logsApp: 'app_logs',
+  logoAWS: 'logo_aws',
+  logoAWSMono: 'logo_aws_mono',
   logoAerospike: 'logo_aerospike',
   logoApache: 'logo_apache',
   logoAppSearch: 'logo_app_search',
-  logoAWS: 'logo_aws',
-  logoAWSMono: 'logo_aws_mono',
   logoAzure: 'logo_azure',
   logoAzureMono: 'logo_azure_mono',
   logoBeats: 'logo_beats',
@@ -178,8 +192,8 @@ export const typeToPathMap = {
   logoDocker: 'logo_docker',
   logoDropwizard: 'logo_dropwizard',
   logoElastic: 'logo_elastic',
-  logoElasticsearch: 'logo_elasticsearch',
   logoElasticStack: 'logo_elastic_stack',
+  logoElasticsearch: 'logo_elasticsearch',
   logoEnterpriseSearch: 'logo_enterprise_search',
   logoEtcd: 'logo_etcd',
   logoGCP: 'logo_gcp',
@@ -217,6 +231,7 @@ export const typeToPathMap = {
   logoWebhook: 'logo_webhook',
   logoWindows: 'logo_windows',
   logoWorkplaceSearch: 'logo_workplace_search',
+  logsApp: 'app_logs',
   logstashFilter: 'logstash_filter',
   logstashIf: 'logstash_if',
   logstashInput: 'logstash_input',
@@ -241,6 +256,7 @@ export const typeToPathMap = {
   minus: 'minus',
   minusInCircle: 'minus_in_circle',
   minusInCircleFilled: 'minus_in_circle_filled',
+  mobile: 'mobile',
   monitoringApp: 'app_monitoring',
   moon: 'moon',
   nested: 'nested',
@@ -254,14 +270,17 @@ export const typeToPathMap = {
   packetbeatApp: 'app_packetbeat',
   pageSelect: 'pageSelect',
   pagesSelect: 'pagesSelect',
-  partial: 'partial',
   paperClip: 'paper_clip',
+  partial: 'partial',
   pause: 'pause',
+  payment: 'payment',
   pencil: 'pencil',
+  percent: 'percent',
   pin: 'pin',
   pinFilled: 'pin_filled',
   pipelineApp: 'app_pipeline',
   play: 'play',
+  playFilled: 'playFilled',
   plus: 'plus',
   plusInCircle: 'plus_in_circle',
   plusInCircleFilled: 'plus_in_circle_filled',
@@ -288,11 +307,11 @@ export const typeToPathMap = {
   shard: 'shard',
   share: 'share',
   snowflake: 'snowflake',
-  sortable: 'sortable',
   sortDown: 'sort_down',
   sortLeft: 'sortLeft',
   sortRight: 'sortRight',
   sortUp: 'sort_up',
+  sortable: 'sortable',
   spacesApp: 'app_spaces',
   sqlApp: 'app_sql',
   starEmpty: 'star_empty',
@@ -312,21 +331,22 @@ export const typeToPathMap = {
   submodule: 'submodule',
   swatchInput: 'swatch_input', // Undocumented on purpose. Has an extra stroke for EuiColorPicker
   symlink: 'symlink',
-  tableOfContents: 'tableOfContents',
-  tableDensityExpanded: 'table_density_expanded',
   tableDensityCompact: 'table_density_compact',
+  tableDensityExpanded: 'table_density_expanded',
   tableDensityNormal: 'table_density_normal',
+  tableOfContents: 'tableOfContents',
   tag: 'tag',
   tear: 'tear',
   temperature: 'temperature',
   timeline: 'timeline',
   timelionApp: 'app_timelion',
+  timeslider: 'timeslider',
   training: 'training',
   trash: 'trash',
-  upgradeAssistantApp: 'app_upgrade_assistant',
-  uptimeApp: 'app_uptime',
   unfold: 'unfold',
   unlink: 'unlink',
+  upgradeAssistantApp: 'app_upgrade_assistant',
+  uptimeApp: 'app_uptime',
   user: 'user',
   users: 'users',
   usersRolesApp: 'app_users_roles',
@@ -349,63 +369,67 @@ export const typeToPathMap = {
   visTagCloud: 'vis_tag_cloud',
   visText: 'vis_text',
   visTimelion: 'vis_timelion',
-  visualizeApp: 'app_visualize',
   visVega: 'vis_vega',
   visVisualBuilder: 'vis_visual_builder',
+  visualizeApp: 'app_visualize',
   watchesApp: 'app_watches',
+  wordWrap: 'wordWrap',
+  wordWrapDisabled: 'wordWrapDisabled',
   workplaceSearchApp: 'app_workplace_search',
   wrench: 'wrench',
   // Token Icon Imports
-  tokenClass: 'tokens/tokenClass',
-  tokenProperty: 'tokens/tokenProperty',
-  tokenEnum: 'tokens/tokenEnum',
-  tokenVariable: 'tokens/tokenVariable',
-  tokenMethod: 'tokens/tokenMethod',
-  tokenAnnotation: 'tokens/tokenAnnotation',
-  tokenException: 'tokens/tokenException',
-  tokenInterface: 'tokens/tokenInterface',
-  tokenParameter: 'tokens/tokenParameter',
-  tokenField: 'tokens/tokenField',
-  tokenElement: 'tokens/tokenElement',
-  tokenFunction: 'tokens/tokenFunction',
-  tokenBoolean: 'tokens/tokenBoolean',
-  tokenString: 'tokens/tokenString',
-  tokenArray: 'tokens/tokenArray',
-  tokenNumber: 'tokens/tokenNumber',
-  tokenConstant: 'tokens/tokenConstant',
-  tokenObject: 'tokens/tokenObject',
-  tokenEvent: 'tokens/tokenEvent',
-  tokenKey: 'tokens/tokenKey',
-  tokenNull: 'tokens/tokenNull',
-  tokenStruct: 'tokens/tokenStruct',
-  tokenPackage: 'tokens/tokenPackage',
-  tokenOperator: 'tokens/tokenOperator',
-  tokenEnumMember: 'tokens/tokenEnumMember',
-  tokenRepo: 'tokens/tokenRepo',
-  tokenSymbol: 'tokens/tokenSymbol',
-  tokenFile: 'tokens/tokenFile',
-  tokenModule: 'tokens/tokenModule',
-  tokenNamespace: 'tokens/tokenNamespace',
-  tokenDate: 'tokens/tokenDate',
-  tokenIP: 'tokens/tokenIP',
-  tokenNested: 'tokens/tokenNested',
-  tokenAlias: 'tokens/tokenAlias',
-  tokenShape: 'tokens/tokenShape',
-  tokenGeo: 'tokens/tokenGeo',
-  tokenRange: 'tokens/tokenRange',
-  tokenBinary: 'tokens/tokenBinary',
-  tokenJoin: 'tokens/tokenJoin',
-  tokenPercolator: 'tokens/tokenPercolator',
-  tokenFlattened: 'tokens/tokenFlattened',
-  tokenRankFeature: 'tokens/tokenRankFeature',
-  tokenRankFeatures: 'tokens/tokenRankFeatures',
-  tokenKeyword: 'tokens/tokenKeyword',
-  tokenCompletionSuggester: 'tokens/tokenCompletionSuggester',
-  tokenDenseVector: 'tokens/tokenDenseVector',
-  tokenText: 'tokens/tokenText',
-  tokenTokenCount: 'tokens/tokenTokenCount',
-  tokenSearchType: 'tokens/tokenSearchType',
-  tokenHistogram: 'tokens/tokenHistogram'
+  tokenClass: 'tokenClass',
+  tokenProperty: 'tokenProperty',
+  tokenEnum: 'tokenEnum',
+  tokenVariable: 'tokenVariable',
+  tokenMethod: 'tokenMethod',
+  tokenAnnotation: 'tokenAnnotation',
+  tokenException: 'tokenException',
+  tokenInterface: 'tokenInterface',
+  tokenParameter: 'tokenParameter',
+  tokenField: 'tokenField',
+  tokenElement: 'tokenElement',
+  tokenFunction: 'tokenFunction',
+  tokenBoolean: 'tokenBoolean',
+  tokenString: 'tokenString',
+  tokenArray: 'tokenArray',
+  tokenNumber: 'tokenNumber',
+  tokenConstant: 'tokenConstant',
+  tokenObject: 'tokenObject',
+  tokenEvent: 'tokenEvent',
+  tokenKey: 'tokenKey',
+  tokenNull: 'tokenNull',
+  tokenStruct: 'tokenStruct',
+  tokenPackage: 'tokenPackage',
+  tokenOperator: 'tokenOperator',
+  tokenEnumMember: 'tokenEnumMember',
+  tokenRepo: 'tokenRepo',
+  tokenSymbol: 'tokenSymbol',
+  tokenFile: 'tokenFile',
+  tokenModule: 'tokenModule',
+  tokenNamespace: 'tokenNamespace',
+  tokenDate: 'tokenDate',
+  tokenIP: 'tokenIP',
+  tokenNested: 'tokenNested',
+  tokenAlias: 'tokenAlias',
+  tokenShape: 'tokenShape',
+  tokenGeo: 'tokenGeo',
+  tokenRange: 'tokenRange',
+  tokenBinary: 'tokenBinary',
+  tokenJoin: 'tokenJoin',
+  tokenPercolator: 'tokenPercolator',
+  tokenFlattened: 'tokenFlattened',
+  tokenRankFeature: 'tokenRankFeature',
+  tokenRankFeatures: 'tokenRankFeatures',
+  tokenKeyword: 'tokenKeyword',
+  tokenTag: 'tokenTag',
+  tokenCompletionSuggester: 'tokenCompletionSuggester',
+  tokenDenseVector: 'tokenDenseVector',
+  tokenText: 'tokenText',
+  tokenTokenCount: 'tokenTokenCount',
+  tokenSearchType: 'tokenSearchType',
+  tokenHistogram: 'tokenHistogram',
+
 };
 
 export const sizeToClassNameMap = {
@@ -418,14 +442,14 @@ export const sizeToClassNameMap = {
 
 export const colorToClassMap = {
   primary: `${baseClass}--primary`,
-  secondary: `${baseClass}--secondary`,
   success: `${baseClass}--success`,
   accent: `${baseClass}--accent`,
   warning: `${baseClass}--warning`,
   danger: `${baseClass}--danger`,
   text: `${baseClass}--text`,
   subdued: `${baseClass}--subdued`,
-  ghost: `${baseClass}--ghost`
+  ghost: `${baseClass}--ghost`,
+  inherit: `${baseClass}--inherit`
 };
 
 const mapping: ComponentMapping = {

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

@@ -5,13 +5,28 @@ export const sizeMapping = {
   m: `${baseClass}--medium`,
   l: `${baseClass}--large`,
   xl: `${baseClass}--xlarge`,
-  fullWidth: `${baseClass}--fullWidth`
+  fullWidth: `${baseClass}--fullWidth`,
+  original: `${baseClass}----original`
+};
+
+export const marginMapping = {
+  s: `${baseClass}--marginSmall`,
+  m: `${baseClass}--marginMedium`,
+  l: `${baseClass}--marginLarge`,
+  xl: `${baseClass}--marginXlarge`
+};
+
+export const floatMapping = {
+  left: `${baseClass}--floatLeft`,
+  right: `${baseClass}--floatRight`
 };
 
 const mapping: ComponentMapping = {
   base: baseClass,
   properties: {
-    size: sizeMapping
+    size: sizeMapping,
+    float: floatMapping,
+    margin: marginMapping
   }
 };
 

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

@@ -0,0 +1,21 @@
+export const baseClass = 'euiLink';
+
+export const colorMapping = {
+  primary: `${baseClass}--primary`,
+  subdued: `${baseClass}--subdued`,
+  success: `${baseClass}--success`,
+  accent: `${baseClass}--accent`,
+  danger: `${baseClass}--danger`,
+  warning: `${baseClass}--warning`,
+  ghost: `${baseClass}--ghost`,
+  text: `${baseClass}--text`
+};
+
+const mapping: ComponentMapping = {
+  base: baseClass,
+  properties: {
+    color: colorMapping
+  }
+};
+
+export default mapping;

package/addon/utils/css-mappings/eui-page-body.ts

@@ -0,0 +1,25 @@
+export const baseClass = 'euiPageBody';
+
+export const paddingSizeMapping = {
+  none: '',
+  s: `${baseClass}--paddingSmall`,
+  m: `${baseClass}--paddingMedium`,
+  l: `${baseClass}--paddingLarge`
+};
+
+export const borderRadiusMapping = {
+  none: `${baseClass}--borderRadiusNone`,
+  s: `${baseClass}--borderRadiusSmall`,
+  m: `${baseClass}--borderRadiusMedium`,
+  l: `${baseClass}--borderRadiusLarge`
+};
+
+const mapping: ComponentMapping = {
+  base: baseClass,
+  properties: {
+    borderRadiusSize: borderRadiusMapping,
+    paddingSize: paddingSizeMapping
+  }
+};
+
+export default mapping;

package/addon/utils/css-mappings/eui-page-content-body.ts

@@ -0,0 +1,17 @@
+export const baseClass = 'euiPageContentBody';
+
+export const paddingSizeMapping = {
+  none: '',
+  s: `${baseClass}--paddingSmall`,
+  m: `${baseClass}--paddingMedium`,
+  l: `${baseClass}--paddingLarge`
+};
+
+const mapping: ComponentMapping = {
+  base: baseClass,
+  properties: {
+    paddingSize: paddingSizeMapping
+  }
+};
+
+export default mapping;

package/addon/utils/css-mappings/eui-page-content.ts

@@ -8,11 +8,17 @@ export const horizontalMapping = {
   center: `${baseClass}--horizontalCenter`
 };
 
+const borderRadiusMapping = {
+  none: `${baseClass}--borderRadiusNone`,
+  m: `${baseClass}--borderRadiusMedium`
+};
+
 const mapping: ComponentMapping = {
   base: baseClass,
   properties: {
     verticalPosition: verticalMapping,
-    horizontalPosition: horizontalMapping
+    horizontalPosition: horizontalMapping,
+    borderRadius: borderRadiusMapping
   }
 };
 

package/addon/utils/css-mappings/eui-page-header.ts

@@ -0,0 +1,17 @@
+export const baseClass = 'euiPageHeader';
+
+export const paddingSizeMapping = {
+  none: '',
+  s: 'euiPageHeader--paddingSmall',
+  m: 'euiPageHeader--paddingMedium',
+  l: 'euiPageHeader--paddingLarge'
+};
+
+const mapping: ComponentMapping = {
+  base: baseClass,
+  properties: {
+    paddingSize: paddingSizeMapping
+  }
+};
+
+export default mapping;

package/addon/utils/css-mappings/eui-page-side-bar.ts

@@ -0,0 +1,17 @@
+export const baseClass = 'euiPageSideBar';
+
+export const paddingSizeMapping = {
+  none: '',
+  s: `${baseClass}--paddingSmall`,
+  m: `${baseClass}--paddingMedium`,
+  l: `${baseClass}--paddingLarge`
+};
+
+const mapping: ComponentMapping = {
+  base: baseClass,
+  properties: {
+    paddingSize: paddingSizeMapping
+  }
+};
+
+export default mapping;

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

@@ -1,6 +1,7 @@
 export const baseClass = 'euiPanel';
 
 export const paddingSizeMapping = {
+  none: '',
   s: `${baseClass}--paddingSmall`,
   m: `${baseClass}--paddingMedium`,
   l: `${baseClass}--paddingLarge`

package/addon/utils/css-mappings/eui-progress-data.ts

@@ -2,7 +2,6 @@ const baseClass = 'euiProgress__data';
 
 const dataColorToClassMap = {
   primary: `${baseClass}--primary`,
-  secondary: `${baseClass}--secondary`,
   success: `${baseClass}--success`,
   warning: `${baseClass}--warning`,
   danger: `${baseClass}--danger`,

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

@@ -9,7 +9,6 @@ const sizeToClassMapping = {
 
 const colorToClassMap = {
   primary: `${baseClass}--primary`,
-  secondary: `${baseClass}--secondary`,
   success: `${baseClass}--success`,
   warning: `${baseClass}--warning`,
   danger: `${baseClass}--danger`,
@@ -29,7 +28,6 @@ const colorToClassMap = {
 
 const dataColorToClassMap = {
   primary: `${baseClass}__data--primary`,
-  secondary: `${baseClass}__data--secondary`,
   success: `${baseClass}__data--success`,
   warning: `${baseClass}__data--warning`,
   danger: `${baseClass}__data--danger`,

package/addon/utils/css-mappings/eui-range-levels.ts

@@ -1,17 +1,35 @@
+import {
+  calculateThumbPosition,
+  calculateOffset
+} from '../../helpers/get-range-tick';
+
 export const baseClass = 'euiRangeLevels';
 
 export function inlineStyles({
   min,
   max,
-  level
+  level,
+  trackWidth
 }: {
   min: number;
   max: number;
   level: { min: number; max: number };
+  trackWidth: number;
 }): Record<string, unknown> {
-  const range = level.max - level.min;
-  const width = (range / (max - min)) * 100;
-  return { width: `${width}%` };
+  const left =
+    level.min === min
+      ? 0
+      : calculateThumbPosition(level.min, min, max, trackWidth);
+  const right =
+    level.max === max
+      ? 100
+      : calculateThumbPosition(level.max, min, max, trackWidth);
+  const leftOffset = calculateOffset(left, level.min, min);
+  const rightOffset = calculateOffset(right, level.max, max);
+  return {
+    left: `calc(${left}% + ${leftOffset}px)`,
+    right: `calc(${100 - right}% - ${rightOffset}px)`
+  };
 }
 
 const mapping: ComponentMapping = {

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

@@ -7,7 +7,9 @@ export const displayMapping = {
 
 export const sizeMapping = {
   s: `${baseClass}--small`,
-  m: ''
+  m: '',
+  l: `${baseClass}--large`,
+  xl: `${baseClass}--xLarge`
 };
 
 const mapping: ComponentMapping = {

package/addon/utils/css-mappings/eui-text-color.ts

@@ -3,11 +3,12 @@ export const baseClass = 'euiTextColor';
 export const colorMapping = {
   default: `${baseClass}--default`,
   subdued: `${baseClass}--subdued`,
-  secondary: `${baseClass}--secondary`,
+  success: `${baseClass}--success`,
   accent: `${baseClass}--accent`,
   danger: `${baseClass}--danger`,
   warning: `${baseClass}--warning`,
-  ghost: `${baseClass}--ghost`
+  ghost: `${baseClass}--ghost`,
+  primary: `${baseClass}--primary`
 };
 
 const mapping: ComponentMapping = {

package/addon/utils/css-mappings/index.ts

@@ -25,6 +25,7 @@ import EuiCardSelect from './eui-card-select';
 import EuiHeaderSection from './eui-header-section';
 import EuiHeaderSectionItem from './eui-header-section-item';
 import EuiHeader from './eui-header';
+import EuiHealth from './eui-health';
 import EuiButtonIcon from './eui-button-icon';
 import EuiButton from './eui-button';
 import EuiHorizontalRule from './eui-horizontal-rule';
@@ -52,12 +53,24 @@ import EuiRangeLevels from './eui-range-levels';
 import EuiToolTip from './eui-tool-tip';
 import EuiToast from './eui-toast';
 import EuiGlobalToastList from './eui-global-toast-list';
-import EuiCodeBlockImpl from './eui-code-block-impl';
+import EuiCodeBlock from './eui-code-block';
 import EuiStat from './eui-stat';
+import EuiHeaderLinks from './eui-header-links';
+import EuiLink from './eui-link';
+import EuiBetaBadge from './eui-beta-badge';
+import EuiDescriptionList from './eui-description-list';
+import EuiPageSideBar from './eui-page-side-bar';
+import EuiPageBody from './eui-page-body';
+import EuiPageHeader from './eui-page-header';
+import EuiPageContentBody from './eui-page-content-body';
+import EuiEmptyPrompt from './eui-empty-prompt';
 
 const mapping: Mapping = {
+  EuiDescriptionList,
+  EuiBetaBadge,
+  EuiLink,
   EuiStat,
-  EuiCodeBlockImpl,
+  EuiCodeBlock,
   EuiAccordion,
   EuiIcon,
   EuiModal,
@@ -85,6 +98,7 @@ const mapping: Mapping = {
   EuiHeaderSection,
   EuiHeaderSectionItem,
   EuiHeader,
+  EuiHealth,
   EuiButton,
   EuiButtonIcon,
   EuiHorizontalRule,
@@ -111,7 +125,13 @@ const mapping: Mapping = {
   EuiRangeLevels,
   EuiToolTip,
   EuiToast,
-  EuiGlobalToastList
+  EuiGlobalToastList,
+  EuiHeaderLinks,
+  EuiPageSideBar,
+  EuiPageBody,
+  EuiPageHeader,
+  EuiPageContentBody,
+  EuiEmptyPrompt
 };
 
 export default mapping;