@ember-eui/core 4.3.0 → 5.0.0-alpha.3

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

@@ -1,20 +1,33 @@
 export const baseClass = 'euiButtonIcon';
 
 const colorMapping = {
+  primary: `${baseClass}--primary`,
   accent: `${baseClass}--accent`,
+  success: `${baseClass}--success`,
+  warning: `${baseClass}--warning`,
   danger: `${baseClass}--danger`,
   ghost: `${baseClass}--ghost`,
-  primary: `${baseClass}--primary`,
-  subdued: `${baseClass}--subdued`,
-  success: `${baseClass}--success`,
-  text: `${baseClass}--text`,
-  warning: `${baseClass}--warning`
+  text: `${baseClass}--text`
+};
+
+const displayMapping = {
+  base: '',
+  empty: `${baseClass}--empty`,
+  fill: `${baseClass}--fill`
+};
+
+const sizeMapping = {
+  xs: `${baseClass}--xSmall`,
+  s: `${baseClass}--small`,
+  m: `${baseClass}--medium`
 };
 
 const mapping: ComponentMapping = {
   base: baseClass,
   properties: {
-    color: colorMapping
+    color: colorMapping,
+    display: displayMapping,
+    size: sizeMapping
   }
 };
 

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

@@ -6,7 +6,8 @@ const sizeMapping = {
 
 const colorMapping = {
   primary: `${baseClass}--primary`,
-  secondary: `${baseClass}--secondary`,
+  accent: `${baseClass}--accent`,
+  success: `${baseClass}--success`,
   warning: `${baseClass}--warning`,
   danger: `${baseClass}--danger`,
   ghost: `${baseClass}--ghost`,

package/addon/utils/css-mappings/eui-card-select.ts

@@ -1,18 +1,8 @@
 export const baseClass = 'euiCardSelect';
 
-export const colorMapping = {
-  primary: `${baseClass}--primary`,
-  danger: `${baseClass}--danger`,
-  text: `${baseClass}--text`,
-  ghost: `${baseClass}--ghost`,
-  success: `${baseClass}--success`
-};
-
 const mapping: ComponentMapping = {
   base: baseClass,
-  properties: {
-    color: colorMapping
-  }
+  properties: {}
 };
 
 export default mapping;

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

@@ -6,27 +6,10 @@ export const textAlignMapping = {
   right: `${baseClass}--rightAligned`
 };
 
-export const paddingSizeMapping = {
-  none: `${baseClass}--paddingNone`,
-  s: `${baseClass}--paddingSmall`,
-  m: `${baseClass}--paddingMedium`,
-  l: `${baseClass}--paddingLarge`
-};
-
-export const selectableColor = {
-  primary: `${baseClass}--isSelectable--primary`,
-  danger: `${baseClass}--isSelectable--danger`,
-  text: `${baseClass}--isSelectable--text`,
-  ghost: `${baseClass}--isSelectable--ghost`,
-  success: `${baseClass}--isSelectable--success`
-};
-
 const mapping: ComponentMapping = {
   base: baseClass,
   properties: {
-    textAlign: textAlignMapping,
-    paddingSize: paddingSizeMapping,
-    color: selectableColor
+    textAlign: textAlignMapping
   }
 };
 

package/addon/utils/css-mappings/eui-description-list.ts

@@ -0,0 +1,29 @@
+export const baseClass = 'euiDescriptionList';
+
+export const typeMapping = {
+  row: `${baseClass}--row`,
+  inline: `${baseClass}--inline`,
+  column: `${baseClass}--column`,
+  responsiveColumn: `${baseClass}--responsiveColumn`
+};
+
+export const alignMapping = {
+  center: `${baseClass}--center`,
+  left: ''
+};
+
+export const textStyleMapping = {
+  center: `${baseClass}--reverse`,
+  normal: ''
+};
+
+export const mapping: ComponentMapping = {
+  base: baseClass,
+  properties: {
+    type: typeMapping,
+    align: alignMapping,
+    textStyle: textStyleMapping
+  }
+};
+
+export default mapping;

package/addon/utils/css-mappings/eui-empty-prompt.ts

@@ -0,0 +1,17 @@
+export const baseClass = 'euiEmptyPrompt';
+
+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-flyout.ts

@@ -1,5 +1,22 @@
 export const baseClass = 'euiFlyout';
 
+export const paddingSizeMapping = {
+  none: `${baseClass}--paddingNone`,
+  s: `${baseClass}--paddingSmall`,
+  m: `${baseClass}--paddingMedium`,
+  l: `${baseClass}--paddingLarge`
+};
+
+export const sideMapping = {
+  left: 'euiFlyout--left',
+  right: ''
+};
+
+export const typeMapping = {
+  push: 'euiFlyout--push',
+  overlay: ''
+};
+
 export const sizeMapping = {
   s: `${baseClass}--small`,
   m: `${baseClass}--medium`,
@@ -9,7 +26,10 @@ export const sizeMapping = {
 const mapping: ComponentMapping = {
   base: baseClass,
   properties: {
-    size: sizeMapping
+    size: sizeMapping,
+    padding: paddingSizeMapping,
+    side: sideMapping,
+    type: typeMapping
   }
 };
 

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

@@ -0,0 +1,27 @@
+export const baseClass = 'euiHeaderLinks__list';
+
+export const gutterSizeMapping = {
+  none: '',
+  xs: `${baseClass}--gutterXS`,
+  s: `${baseClass}--gutterS`,
+  m: `${baseClass}--gutterM`,
+  l: `${baseClass}--gutterL`
+};
+
+export const mobileGutterSizeMapping = {
+  none: '',
+  xs: 'euiHeaderLinks__mobileList--gutterXS',
+  s: 'euiHeaderLinks__mobileList--gutterS',
+  m: 'euiHeaderLinks__mobileList--gutterM',
+  l: 'euiHeaderLinks__mobileList--gutterL'
+};
+
+const mapping: ComponentMapping = {
+  base: baseClass,
+  properties: {
+    gutterSize: gutterSizeMapping,
+    mobileGutterSize: mobileGutterSizeMapping
+  }
+};
+
+export default mapping;

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

@@ -0,0 +1,17 @@
+export const baseClass = 'euiHealth';
+
+export const sizeToClassNameMap = {
+  xs: `${baseClass}--textSizeXS`,
+  s: `${baseClass}--textSizeS`,
+  m: `${baseClass}--textSizeM`,
+  inherit: `${baseClass}--textSizeInherit`
+};
+
+const mapping: ComponentMapping = {
+  base: baseClass,
+  properties: {
+    textSize: sizeToClassNameMap
+  }
+};
+
+export default mapping;

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,66 @@ 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 +441,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-list-group.ts

@@ -7,7 +7,11 @@ export const gutterSizeMapping = {
   m: `${baseClass}--gutterMedium`
 };
 
-export function inlineStyles({ maxWidth }: { maxWidth: string | number }): Styling {
+export function inlineStyles({
+  maxWidth
+}: {
+  maxWidth: string | number;
+}): Styling {
   const value = typeOf(maxWidth) === 'number' ? `${maxWidth}px` : `${maxWidth}`;
 
   return {

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

@@ -1,7 +1,11 @@
 import { typeOf } from '@ember/utils';
 export const baseClass = 'euiModal';
 
-export function inlineStyles({ maxWidth }: { maxWidth: string | number }): Styling {
+export function inlineStyles({
+  maxWidth
+}: {
+  maxWidth: string | number;
+}): Styling {
   let value = typeOf(maxWidth) === 'number' ? `${maxWidth}px` : `${maxWidth}`;
 
   return {