upgrade to eui 0.0.46 (#18827) (#18849)

* upgrade to eui 0.0.46

* update logoElasticsearch

* update x-pack jest snapshots

package.json

@@ -75,7 +75,7 @@
     "url": "https://github.com/elastic/kibana.git"
   },
   "dependencies": {
-    "@elastic/eui": "v0.0.44",
+    "@elastic/eui": "v0.0.46",
     "@elastic/filesaver": "1.1.2",
     "@elastic/numeral": "2.3.2",
     "@elastic/ui-ace": "0.2.3",

src/core_plugins/input_control_vis/public/components/editor/__snapshots__/controls_tab.test.js.snap

@@ -81,6 +81,7 @@ exports[`renders ControlsTab 1`] = `
     <EuiFlexGroup
       alignItems="stretch"
       component="div"
+      direction="row"
       gutterSize="l"
       justifyContent="flexStart"
       responsive={true}
@@ -91,6 +92,7 @@ exports[`renders ControlsTab 1`] = `
         grow={true}
       >
         <EuiFormRow
+          describedByIds={Array []}
           fullWidth={false}
           hasEmptyLabelSpace={false}
           id="selectControlType"
@@ -121,6 +123,7 @@ exports[`renders ControlsTab 1`] = `
         grow={false}
       >
         <EuiFormRow
+          describedByIds={Array []}
           fullWidth={false}
           hasEmptyLabelSpace={false}
           id="addControl"

src/core_plugins/input_control_vis/public/components/editor/__snapshots__/list_control_editor.test.js.snap

@@ -17,6 +17,7 @@ exports[`parentCandidates 1`] = `
     value="keywordField"
   />
   <EuiFormRow
+    describedByIds={Array []}
     fullWidth={false}
     hasEmptyLabelSpace={false}
     helpText="Options are based on the value of parent control. Disabled if parent is not set."
@@ -47,6 +48,7 @@ exports[`parentCandidates 1`] = `
     />
   </EuiFormRow>
   <EuiFormRow
+    describedByIds={Array []}
     fullWidth={false}
     hasEmptyLabelSpace={false}
     id="multiselect-0"
@@ -59,6 +61,7 @@ exports[`parentCandidates 1`] = `
     />
   </EuiFormRow>
   <EuiFormRow
+    describedByIds={Array []}
     fullWidth={false}
     hasEmptyLabelSpace={false}
     id="size-0"
@@ -93,6 +96,7 @@ exports[`renders ListControlEditor 1`] = `
     value="keywordField"
   />
   <EuiFormRow
+    describedByIds={Array []}
     fullWidth={false}
     hasEmptyLabelSpace={false}
     id="multiselect-0"
@@ -105,6 +109,7 @@ exports[`renders ListControlEditor 1`] = `
     />
   </EuiFormRow>
   <EuiFormRow
+    describedByIds={Array []}
     fullWidth={false}
     hasEmptyLabelSpace={false}
     id="size-0"

src/core_plugins/input_control_vis/public/components/editor/__snapshots__/options_tab.test.js.snap

@@ -3,6 +3,7 @@
 exports[`renders OptionsTab 1`] = `
 <EuiForm>
   <EuiFormRow
+    describedByIds={Array []}
     fullWidth={false}
     hasEmptyLabelSpace={false}
     id="updateFiltersOnChange"
@@ -15,6 +16,7 @@ exports[`renders OptionsTab 1`] = `
     />
   </EuiFormRow>
   <EuiFormRow
+    describedByIds={Array []}
     fullWidth={false}
     hasEmptyLabelSpace={false}
     id="useTimeFilter"
@@ -27,6 +29,7 @@ exports[`renders OptionsTab 1`] = `
     />
   </EuiFormRow>
   <EuiFormRow
+    describedByIds={Array []}
     fullWidth={false}
     hasEmptyLabelSpace={false}
     id="pinFilters"

src/core_plugins/input_control_vis/public/components/editor/__snapshots__/range_control_editor.test.js.snap

@@ -17,6 +17,7 @@ exports[`renders RangeControlEditor 1`] = `
     value="numberField"
   />
   <EuiFormRow
+    describedByIds={Array []}
     fullWidth={false}
     hasEmptyLabelSpace={false}
     id="stepSize-0"
@@ -31,6 +32,7 @@ exports[`renders RangeControlEditor 1`] = `
     />
   </EuiFormRow>
   <EuiFormRow
+    describedByIds={Array []}
     fullWidth={false}
     hasEmptyLabelSpace={false}
     id="decimalPlaces-0"

src/core_plugins/input_control_vis/public/components/vis/__snapshots__/form_row.test.js.snap

@@ -3,6 +3,7 @@
 exports[`renders disabled control with tooltip 1`] = `
 <EuiFormRow
   data-test-subj="inputControl0"
+  describedByIds={Array []}
   fullWidth={false}
   hasEmptyLabelSpace={false}
   id="controlId"
@@ -23,6 +24,7 @@ exports[`renders disabled control with tooltip 1`] = `
 exports[`renders enabled control 1`] = `
 <EuiFormRow
   data-test-subj="inputControl0"
+  describedByIds={Array []}
   fullWidth={false}
   hasEmptyLabelSpace={false}
   id="controlId"

src/core_plugins/input_control_vis/public/components/vis/__snapshots__/input_control_vis.test.js.snap

@@ -7,6 +7,7 @@ exports[`Apply and Cancel change btns enabled when there are changes 1`] = `
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="flexStart"
     responsive={true}
@@ -56,6 +57,7 @@ exports[`Apply and Cancel change btns enabled when there are changes 1`] = `
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="flexStart"
     responsive={true}
@@ -66,6 +68,7 @@ exports[`Apply and Cancel change btns enabled when there are changes 1`] = `
       grow={false}
     >
       <EuiFormRow
+        describedByIds={Array []}
         fullWidth={false}
         hasEmptyLabelSpace={false}
       >
@@ -87,6 +90,7 @@ exports[`Apply and Cancel change btns enabled when there are changes 1`] = `
       grow={false}
     >
       <EuiFormRow
+        describedByIds={Array []}
         fullWidth={false}
         hasEmptyLabelSpace={false}
       >
@@ -108,6 +112,7 @@ exports[`Apply and Cancel change btns enabled when there are changes 1`] = `
       grow={false}
     >
       <EuiFormRow
+        describedByIds={Array []}
         fullWidth={false}
         hasEmptyLabelSpace={false}
       >
@@ -135,6 +140,7 @@ exports[`Clear btns enabled when there are values 1`] = `
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="flexStart"
     responsive={true}
@@ -184,6 +190,7 @@ exports[`Clear btns enabled when there are values 1`] = `
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="flexStart"
     responsive={true}
@@ -194,6 +201,7 @@ exports[`Clear btns enabled when there are values 1`] = `
       grow={false}
     >
       <EuiFormRow
+        describedByIds={Array []}
         fullWidth={false}
         hasEmptyLabelSpace={false}
       >
@@ -215,6 +223,7 @@ exports[`Clear btns enabled when there are values 1`] = `
       grow={false}
     >
       <EuiFormRow
+        describedByIds={Array []}
         fullWidth={false}
         hasEmptyLabelSpace={false}
       >
@@ -236,6 +245,7 @@ exports[`Clear btns enabled when there are values 1`] = `
       grow={false}
     >
       <EuiFormRow
+        describedByIds={Array []}
         fullWidth={false}
         hasEmptyLabelSpace={false}
       >
@@ -263,6 +273,7 @@ exports[`Renders list control 1`] = `
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="flexStart"
     responsive={true}
@@ -312,6 +323,7 @@ exports[`Renders list control 1`] = `
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="flexStart"
     responsive={true}
@@ -322,6 +334,7 @@ exports[`Renders list control 1`] = `
       grow={false}
     >
       <EuiFormRow
+        describedByIds={Array []}
         fullWidth={false}
         hasEmptyLabelSpace={false}
       >
@@ -343,6 +356,7 @@ exports[`Renders list control 1`] = `
       grow={false}
     >
       <EuiFormRow
+        describedByIds={Array []}
         fullWidth={false}
         hasEmptyLabelSpace={false}
       >
@@ -364,6 +378,7 @@ exports[`Renders list control 1`] = `
       grow={false}
     >
       <EuiFormRow
+        describedByIds={Array []}
         fullWidth={false}
         hasEmptyLabelSpace={false}
       >
@@ -391,6 +406,7 @@ exports[`Renders range control 1`] = `
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="flexStart"
     responsive={true}
@@ -434,6 +450,7 @@ exports[`Renders range control 1`] = `
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="flexStart"
     responsive={true}
@@ -444,6 +461,7 @@ exports[`Renders range control 1`] = `
       grow={false}
     >
       <EuiFormRow
+        describedByIds={Array []}
         fullWidth={false}
         hasEmptyLabelSpace={false}
       >
@@ -465,6 +483,7 @@ exports[`Renders range control 1`] = `
       grow={false}
     >
       <EuiFormRow
+        describedByIds={Array []}
         fullWidth={false}
         hasEmptyLabelSpace={false}
       >
@@ -486,6 +505,7 @@ exports[`Renders range control 1`] = `
       grow={false}
     >
       <EuiFormRow
+        describedByIds={Array []}
         fullWidth={false}
         hasEmptyLabelSpace={false}
       >

src/core_plugins/input_control_vis/public/components/vis/__snapshots__/range_control.test.js.snap

@@ -27,6 +27,7 @@ exports[`renders RangeControl 1`] = `
 >
   <EuiFormRow
     data-test-subj="rangeControlFormRow"
+    describedByIds={Array []}
     error={Array []}
     fullWidth={false}
     hasEmptyLabelSpace={false}
@@ -35,6 +36,7 @@ exports[`renders RangeControl 1`] = `
     <EuiFlexGroup
       alignItems="stretch"
       component="div"
+      direction="row"
       gutterSize="l"
       justifyContent="flexStart"
       responsive={true}

src/core_plugins/kibana/public/dashboard/listing/__snapshots__/dashboard_listing.test.js.snap

@@ -8,6 +8,7 @@ exports[`after fetch hideWriteControls 1`] = `
     alignItems="flexEnd"
     component="div"
     data-test-subj="top-nav"
+    direction="row"
     gutterSize="l"
     justifyContent="spaceBetween"
     responsive={true}
@@ -32,6 +33,7 @@ exports[`after fetch hideWriteControls 1`] = `
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="flexStart"
     responsive={true}
@@ -118,6 +120,7 @@ exports[`after fetch renders call to action when no dashboards exist 1`] = `
     alignItems="flexEnd"
     component="div"
     data-test-subj="top-nav"
+    direction="row"
     gutterSize="l"
     justifyContent="spaceBetween"
     responsive={true}
@@ -157,6 +160,7 @@ exports[`after fetch renders call to action when no dashboards exist 1`] = `
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="flexStart"
     responsive={true}
@@ -264,6 +268,7 @@ exports[`after fetch renders table rows 1`] = `
     alignItems="flexEnd"
     component="div"
     data-test-subj="top-nav"
+    direction="row"
     gutterSize="l"
     justifyContent="spaceBetween"
     responsive={true}
@@ -303,6 +308,7 @@ exports[`after fetch renders table rows 1`] = `
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="flexStart"
     responsive={true}
@@ -398,6 +404,7 @@ exports[`after fetch renders warning when listingLimit is exceeded 1`] = `
     alignItems="flexEnd"
     component="div"
     data-test-subj="top-nav"
+    direction="row"
     gutterSize="l"
     justifyContent="spaceBetween"
     responsive={true}
@@ -468,6 +475,7 @@ exports[`after fetch renders warning when listingLimit is exceeded 1`] = `
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="flexStart"
     responsive={true}
@@ -563,6 +571,7 @@ exports[`initialFilter 1`] = `
     alignItems="flexEnd"
     component="div"
     data-test-subj="top-nav"
+    direction="row"
     gutterSize="l"
     justifyContent="spaceBetween"
     responsive={true}
@@ -602,6 +611,7 @@ exports[`initialFilter 1`] = `
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="flexStart"
     responsive={true}
@@ -684,6 +694,7 @@ exports[`renders table in loading state 1`] = `
     alignItems="flexEnd"
     component="div"
     data-test-subj="top-nav"
+    direction="row"
     gutterSize="l"
     justifyContent="spaceBetween"
     responsive={true}
@@ -723,6 +734,7 @@ exports[`renders table in loading state 1`] = `
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="flexStart"
     responsive={true}

src/core_plugins/kibana/public/dashboard/listing/dashboard_listing.js

@@ -282,15 +282,13 @@ export class DashboardListing extends React.Component {
         name: 'Title',
         sortable: true,
         render: (field, record) => (
-          <span>
-            <EuiLink
-              className="dashboardLink"
-              href={`#${createDashboardEditUrl(record.id)}`}
-              data-test-subj={`dashboardListingTitleLink-${record.title.split(' ').join('-')}`}
-            >
-              {field}
-            </EuiLink>
-          </span>
+          <EuiLink
+            className="dashboardLink"
+            href={`#${createDashboardEditUrl(record.id)}`}
+            data-test-subj={`dashboardListingTitleLink-${record.title.split(' ').join('-')}`}
+          >
+            {field}
+          </EuiLink>
         )
       },
       {

src/core_plugins/kibana/public/discover/directives/__snapshots__/no_results.test.js.snap

@@ -6,7 +6,7 @@ Array [
     class="euiSpacer euiSpacer--xl"
   />,
   <div
-    class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentCenter euiFlexGroup--responsive"
+    class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
   >
     <div
       class="euiFlexItem euiFlexItem--flexGrowZero discoverNoResults"
@@ -208,7 +208,7 @@ Array [
     class="euiSpacer euiSpacer--xl"
   />,
   <div
-    class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentCenter euiFlexGroup--responsive"
+    class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
   >
     <div
       class="euiFlexItem euiFlexItem--flexGrowZero discoverNoResults"
@@ -326,7 +326,7 @@ Array [
     class="euiSpacer euiSpacer--xl"
   />,
   <div
-    class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentCenter euiFlexGroup--responsive"
+    class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
   >
     <div
       class="euiFlexItem euiFlexItem--flexGrowZero discoverNoResults"

src/core_plugins/kibana/public/home/components/__snapshots__/add_data.test.js.snap

@@ -9,6 +9,7 @@ exports[`apmUiEnabled 1`] = `
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="flexStart"
     responsive={true}
@@ -40,6 +41,7 @@ exports[`apmUiEnabled 1`] = `
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="none"
     justifyContent="flexStart"
     responsive={true}
@@ -169,6 +171,7 @@ exports[`apmUiEnabled 1`] = `
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="center"
     responsive={true}
@@ -217,6 +220,7 @@ exports[`render 1`] = `
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="flexStart"
     responsive={true}
@@ -248,6 +252,7 @@ exports[`render 1`] = `
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="none"
     justifyContent="flexStart"
     responsive={true}
@@ -347,6 +352,7 @@ exports[`render 1`] = `
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="center"
     responsive={true}

src/core_plugins/kibana/public/home/components/__snapshots__/home.test.js.snap

@@ -13,6 +13,7 @@ exports[`directories should not render directory entry when showOnHomePage is fa
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="flexStart"
     responsive={true}
@@ -75,6 +76,7 @@ exports[`directories should not render directory entry when showOnHomePage is fa
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="center"
     responsive={true}
@@ -121,6 +123,7 @@ exports[`directories should render ADMIN directory entry in "Manage" panel 1`] =
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="flexStart"
     responsive={true}
@@ -201,6 +204,7 @@ exports[`directories should render ADMIN directory entry in "Manage" panel 1`] =
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="center"
     responsive={true}
@@ -247,6 +251,7 @@ exports[`directories should render DATA directory entry in "Explore Data" panel
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="flexStart"
     responsive={true}
@@ -327,6 +332,7 @@ exports[`directories should render DATA directory entry in "Explore Data" panel
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="center"
     responsive={true}
@@ -373,6 +379,7 @@ exports[`should not contain RecentlyAccessed panel when there is no recentlyAcce
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="flexStart"
     responsive={true}
@@ -435,6 +442,7 @@ exports[`should not contain RecentlyAccessed panel when there is no recentlyAcce
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="center"
     responsive={true}
@@ -497,6 +505,7 @@ exports[`should render home component 1`] = `
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="flexStart"
     responsive={true}
@@ -559,6 +568,7 @@ exports[`should render home component 1`] = `
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="center"
     responsive={true}

src/core_plugins/kibana/public/home/components/__snapshots__/recently_accessed.test.js.snap

@@ -23,6 +23,7 @@ exports[`render 1`] = `
   <EuiFlexGroup
     alignItems="flexEnd"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="spaceBetween"
     responsive={true}
@@ -36,6 +37,7 @@ exports[`render 1`] = `
       <EuiFlexGroup
         alignItems="stretch"
         component="div"
+        direction="row"
         gutterSize="l"
         justifyContent="flexStart"
         responsive={true}

src/core_plugins/kibana/public/home/components/__snapshots__/synopsis.test.js.snap

@@ -9,6 +9,7 @@ exports[`props iconType 1`] = `
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="flexStart"
     responsive={true}
@@ -62,6 +63,7 @@ exports[`props iconUrl 1`] = `
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="flexStart"
     responsive={true}
@@ -116,6 +118,7 @@ exports[`render 1`] = `
   <EuiFlexGroup
     alignItems="stretch"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="flexStart"
     responsive={true}

src/core_plugins/kibana/public/home/components/tutorial/__snapshots__/footer.test.js.snap

@@ -9,6 +9,7 @@ exports[`render 1`] = `
   <EuiFlexGroup
     alignItems="center"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="spaceBetween"
     responsive={true}

src/core_plugins/kibana/public/home/components/tutorial/__snapshots__/introduction.test.js.snap

@@ -4,6 +4,7 @@ exports[`props exportedFieldsUrl 1`] = `
 <EuiFlexGroup
   alignItems="stretch"
   component="div"
+  direction="row"
   gutterSize="l"
   justifyContent="flexStart"
   responsive={true}
@@ -54,6 +55,7 @@ exports[`props iconType 1`] = `
 <EuiFlexGroup
   alignItems="stretch"
   component="div"
+  direction="row"
   gutterSize="l"
   justifyContent="flexStart"
   responsive={true}
@@ -97,6 +99,7 @@ exports[`props previewUrl 1`] = `
 <EuiFlexGroup
   alignItems="stretch"
   component="div"
+  direction="row"
   gutterSize="l"
   justifyContent="flexStart"
   responsive={true}
@@ -140,6 +143,7 @@ exports[`render 1`] = `
 <EuiFlexGroup
   alignItems="stretch"
   component="div"
+  direction="row"
   gutterSize="l"
   justifyContent="flexStart"
   responsive={true}

src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/empty_state/__tests__/__snapshots__/empty_state.test.js.snap

@@ -9,6 +9,7 @@ exports[`EmptyState should render normally 1`] = `
   <EuiFlexGroup
     alignItems="center"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="center"
     responsive={true}
@@ -64,6 +65,7 @@ exports[`EmptyState should render normally 1`] = `
       <EuiFlexGroup
         alignItems="center"
         component="div"
+        direction="row"
         gutterSize="l"
         justifyContent="center"
         responsive={true}

src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/header/__tests__/__snapshots__/header.test.js.snap

@@ -15,6 +15,7 @@ exports[`Header should render normally 1`] = `
   <EuiFlexGroup
     alignItems="flexEnd"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="spaceBetween"
     responsive={true}
@@ -68,6 +69,7 @@ exports[`Header should render without including system indices 1`] = `
   <EuiFlexGroup
     alignItems="flexEnd"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="spaceBetween"
     responsive={true}

src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/loading_state/__tests__/__snapshots__/loading_state.test.js.snap

@@ -9,6 +9,7 @@ exports[`LoadingState should render normally 1`] = `
   <EuiFlexGroup
     alignItems="center"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="center"
     responsive={true}
@@ -41,6 +42,7 @@ exports[`LoadingState should render normally 1`] = `
       <EuiFlexGroup
         alignItems="center"
         component="div"
+        direction="row"
         gutterSize="s"
         justifyContent="center"
         responsive={true}

src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/header/__tests__/__snapshots__/header.test.js.snap

@@ -15,6 +15,7 @@ exports[`Header should mark the input as invalid 1`] = `
   <EuiFlexGroup
     alignItems="flexEnd"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="spaceBetween"
     responsive={true}
@@ -28,6 +29,7 @@ exports[`Header should mark the input as invalid 1`] = `
         isInvalid={true}
       >
         <EuiFormRow
+          describedByIds={Array []}
           error={
             Array [
               "Input is invalid",
@@ -105,6 +107,7 @@ exports[`Header should render normally 1`] = `
   <EuiFlexGroup
     alignItems="flexEnd"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="spaceBetween"
     responsive={true}
@@ -118,6 +121,7 @@ exports[`Header should render normally 1`] = `
         isInvalid={false}
       >
         <EuiFormRow
+          describedByIds={Array []}
           error={Array []}
           fullWidth={false}
           hasEmptyLabelSpace={false}

src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/indices_list/__tests__/__snapshots__/indices_list.test.js.snap

@@ -34,6 +34,7 @@ exports[`IndicesList should change pages 1`] = `
   <EuiFlexGroup
     alignItems="center"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="spaceBetween"
     responsive={true}
@@ -126,6 +127,7 @@ exports[`IndicesList should change per page 1`] = `
   <EuiFlexGroup
     alignItems="center"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="spaceBetween"
     responsive={true}
@@ -243,6 +245,7 @@ exports[`IndicesList should highlight the query in the matches 1`] = `
   <EuiFlexGroup
     alignItems="center"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="spaceBetween"
     responsive={true}
@@ -345,6 +348,7 @@ exports[`IndicesList should render normally 1`] = `
   <EuiFlexGroup
     alignItems="center"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="spaceBetween"
     responsive={true}
@@ -527,6 +531,7 @@ exports[`IndicesList updating props should render all new indices 1`] = `
   <EuiFlexGroup
     alignItems="center"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="spaceBetween"
     responsive={true}

src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_index_pattern/components/loading_indices/__tests__/__snapshots__/loading_indices.test.js.snap

@@ -4,6 +4,7 @@ exports[`LoadingIndices should render normally 1`] = `
 <EuiFlexGroup
   alignItems="center"
   component="div"
+  direction="row"
   gutterSize="l"
   justifyContent="center"
   responsive={true}

src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/__tests__/__snapshots__/step_time_field.test.js.snap

@@ -25,6 +25,7 @@ exports[`StepTimeField should render a loading state when creating the index pat
   <EuiFlexGroup
     alignItems="center"
     component="div"
+    direction="row"
     gutterSize="l"
     justifyContent="flexStart"
     responsive={true}

src/core_plugins/kibana/public/management/sections/indices/create_index_pattern_wizard/components/step_time_field/components/time_field/__tests__/__snapshots__/time_field.test.js.snap

@@ -3,6 +3,7 @@
 exports[`TimeField should render a loading state 1`] = `
 <EuiForm>
   <EuiFormRow
+    describedByIds={Array []}
     fullWidth={false}
     hasEmptyLabelSpace={false}
     helpText={
@@ -19,6 +20,7 @@ exports[`TimeField should render a loading state 1`] = `
       <EuiFlexGroup
         alignItems="center"
         component="div"
+        direction="row"
         gutterSize="xs"
         justifyContent="spaceBetween"
         responsive={true}
@@ -66,6 +68,7 @@ exports[`TimeField should render a loading state 1`] = `
 exports[`TimeField should render a selected time field 1`] = `
 <EuiForm>
   <EuiFormRow
+    describedByIds={Array []}
     fullWidth={false}
     hasEmptyLabelSpace={false}
     helpText={
@@ -82,6 +85,7 @@ exports[`TimeField should render a selected time field 1`] = `
       <EuiFlexGroup
         alignItems="center"
         component="div"
+        direction="row"
         gutterSize="xs"
         justifyContent="spaceBetween"
         responsive={true}
@@ -136,6 +140,7 @@ exports[`TimeField should render a selected time field 1`] = `
 exports[`TimeField should render normally 1`] = `
 <EuiForm>
   <EuiFormRow
+    describedByIds={Array []}
     fullWidth={false}
     hasEmptyLabelSpace={false}
     helpText={
@@ -152,6 +157,7 @@ exports[`TimeField should render normally 1`] = `
       <EuiFlexGroup
         alignItems="center"
         component="div"
+        direction="row"
         gutterSize="xs"
         justifyContent="spaceBetween"
         responsive={true}

src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/scripted_fields_table/components/header/__tests__/__snapshots__/header.test.js.snap

@@ -4,6 +4,7 @@ exports[`Header should render normally 1`] = `
 <EuiFlexGroup
   alignItems="center"
   component="div"
+  direction="row"
   gutterSize="l"
   justifyContent="flexStart"
   responsive={true}

src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/source_filters_table/components/add_filter/__tests__/__snapshots__/add_filter.test.js.snap

@@ -4,6 +4,7 @@ exports[`AddFilter should ignore strings with just spaces 1`] = `
 <EuiFlexGroup
   alignItems="stretch"
   component="div"
+  direction="row"
   gutterSize="l"
   justifyContent="flexStart"
   responsive={true}
@@ -43,6 +44,7 @@ exports[`AddFilter should render normally 1`] = `
 <EuiFlexGroup
   alignItems="stretch"
   component="div"
+  direction="row"
   gutterSize="l"
   justifyContent="flexStart"
   responsive={true}

src/ui/public/notify/banners/__snapshots__/global_banner_list.test.js.snap

@@ -8,7 +8,7 @@ exports[`GlobalBannerList props banners is rendered 1`] = `
   style="border:none"
 >
   <div
-    class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--responsive"
+    class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
     style="flex-direction:column"
   >
     <div

x-pack/package.json

@@ -75,7 +75,7 @@
     "yargs": "4.7.1"
   },
   "dependencies": {
-    "@elastic/eui": "0.0.44",
+    "@elastic/eui": "0.0.46",
     "@elastic/node-crypto": "0.1.2",
     "@elastic/node-phantom-simple": "2.2.4",
     "@elastic/numeral": "2.3.2",

x-pack/plugins/license_management/__jest__/__snapshots__/license_status.test.js.snap

@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`LicenseStatus component should display display warning is expired 1`] = `"<div><div class=\\"euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><svg class=\\"euiIcon euiIcon--medium euiIcon--danger\\" xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\"><g fill-rule=\\"evenodd\\"><path d=\\"M7.5 2.236L1.618 14h11.764L7.5 2.236zm.894-.447l5.882 11.764A1 1 0 0 1 13.382 15H1.618a1 1 0 0 1-.894-1.447L6.606 1.789a1 1 0 0 1 1.788 0z\\"></path><path d=\\"M7 6h1v5H7zM7 12h1v1H7z\\"></path></g></svg></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><h2 class=\\"euiTitle euiTitle--large\\">Your platinum license has expired</h2></div></div></div></div><div class=\\"euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiText\\"><span class=\\"euiTextColor euiTextColor--subdued\\"><span>Your license expired on <strong></strong></span></span></div></div></div><div class=\\"euiSpacer euiSpacer--l\\"></div></div>"`;
+exports[`LicenseStatus component should display display warning is expired 1`] = `"<div><div class=\\"euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><svg class=\\"euiIcon euiIcon--medium euiIcon--danger\\" xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\"><g fill-rule=\\"evenodd\\"><path d=\\"M7.5 2.236L1.618 14h11.764L7.5 2.236zm.894-.447l5.882 11.764A1 1 0 0 1 13.382 15H1.618a1 1 0 0 1-.894-1.447L6.606 1.789a1 1 0 0 1 1.788 0z\\"></path><path d=\\"M7 6h1v5H7zM7 12h1v1H7z\\"></path></g></svg></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><h2 class=\\"euiTitle euiTitle--large\\">Your platinum license has expired</h2></div></div></div></div><div class=\\"euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiText\\"><span class=\\"euiTextColor euiTextColor--subdued\\"><span>Your license expired on <strong></strong></span></span></div></div></div><div class=\\"euiSpacer euiSpacer--l\\"></div></div>"`;
 
-exports[`LicenseStatus component should display normally when license is active 1`] = `"<div><div class=\\"euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><svg class=\\"euiIcon euiIcon--medium euiIcon--success\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm-1.125-5a.377.377 0 0 0 .266-.11l5.25-5.25a.376.376 0 0 0-.531-.53l-4.985 4.985L4.141 7.36a.376.376 0 0 0-.531.53l3 3c.073.073.17.11.265.11z\\" fill-rule=\\"evenodd\\"></path></svg></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><h2 class=\\"euiTitle euiTitle--large\\">Your gold license is active</h2></div></div></div></div><div class=\\"euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiText\\"><span class=\\"euiTextColor euiTextColor--subdued\\"><span>Your license will expire on <strong>October 12, 2099 7:00 PM EST</strong></span></span></div></div></div><div class=\\"euiSpacer euiSpacer--l\\"></div></div>"`;
+exports[`LicenseStatus component should display normally when license is active 1`] = `"<div><div class=\\"euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><svg class=\\"euiIcon euiIcon--medium euiIcon--success\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm-1.125-5a.377.377 0 0 0 .266-.11l5.25-5.25a.376.376 0 0 0-.531-.53l-4.985 4.985L4.141 7.36a.376.376 0 0 0-.531.53l3 3c.073.073.17.11.265.11z\\" fill-rule=\\"evenodd\\"></path></svg></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><h2 class=\\"euiTitle euiTitle--large\\">Your gold license is active</h2></div></div></div></div><div class=\\"euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiText\\"><span class=\\"euiTextColor euiTextColor--subdued\\"><span>Your license will expire on <strong>October 12, 2099 7:00 PM EST</strong></span></span></div></div></div><div class=\\"euiSpacer euiSpacer--l\\"></div></div>"`;

x-pack/plugins/license_management/__jest__/__snapshots__/upload_license.test.js.snap

@@ -39,13 +39,14 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
         <EuiFlexGroup
           alignItems="stretch"
           component="div"
+          direction="row"
           gutterSize="l"
           justifyContent="spaceAround"
           responsive={true}
           wrap={false}
         >
           <div
-            className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--responsive"
+            className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive"
           >
             <EuiFlexItem
               component="div"
@@ -415,13 +416,14 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
                 <EuiFlexGroup
                   alignItems="stretch"
                   component="div"
+                  direction="row"
                   gutterSize="l"
                   justifyContent="spaceBetween"
                   responsive={true}
                   wrap={false}
                 >
                   <div
-                    className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--responsive"
+                    className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
                   >
                     <EuiFlexItem
                       component="div"
@@ -525,13 +527,14 @@ exports[`UploadLicense should display an error when ES says license is expired 1
         <EuiFlexGroup
           alignItems="stretch"
           component="div"
+          direction="row"
           gutterSize="l"
           justifyContent="spaceAround"
           responsive={true}
           wrap={false}
         >
           <div
-            className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--responsive"
+            className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive"
           >
             <EuiFlexItem
               component="div"
@@ -732,13 +735,14 @@ exports[`UploadLicense should display an error when ES says license is expired 1
                 <EuiFlexGroup
                   alignItems="stretch"
                   component="div"
+                  direction="row"
                   gutterSize="l"
                   justifyContent="spaceBetween"
                   responsive={true}
                   wrap={false}
                 >
                   <div
-                    className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--responsive"
+                    className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
                   >
                     <EuiFlexItem
                       component="div"
@@ -842,13 +846,14 @@ exports[`UploadLicense should display an error when ES says license is invalid 1
         <EuiFlexGroup
           alignItems="stretch"
           component="div"
+          direction="row"
           gutterSize="l"
           justifyContent="spaceAround"
           responsive={true}
           wrap={false}
         >
           <div
-            className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--responsive"
+            className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive"
           >
             <EuiFlexItem
               component="div"
@@ -1049,13 +1054,14 @@ exports[`UploadLicense should display an error when ES says license is invalid 1
                 <EuiFlexGroup
                   alignItems="stretch"
                   component="div"
+                  direction="row"
                   gutterSize="l"
                   justifyContent="spaceBetween"
                   responsive={true}
                   wrap={false}
                 >
                   <div
-                    className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--responsive"
+                    className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
                   >
                     <EuiFlexItem
                       component="div"
@@ -1159,13 +1165,14 @@ exports[`UploadLicense should display an error when submitting invalid JSON 1`]
         <EuiFlexGroup
           alignItems="stretch"
           component="div"
+          direction="row"
           gutterSize="l"
           justifyContent="spaceAround"
           responsive={true}
           wrap={false}
         >
           <div
-            className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--responsive"
+            className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive"
           >
             <EuiFlexItem
               component="div"
@@ -1366,13 +1373,14 @@ exports[`UploadLicense should display an error when submitting invalid JSON 1`]
                 <EuiFlexGroup
                   alignItems="stretch"
                   component="div"
+                  direction="row"
                   gutterSize="l"
                   justifyContent="spaceBetween"
                   responsive={true}
                   wrap={false}
                 >
                   <div
-                    className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--responsive"
+                    className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
                   >
                     <EuiFlexItem
                       component="div"
@@ -1476,13 +1484,14 @@ exports[`UploadLicense should display error when ES returns error 1`] = `
         <EuiFlexGroup
           alignItems="stretch"
           component="div"
+          direction="row"
           gutterSize="l"
           justifyContent="spaceAround"
           responsive={true}
           wrap={false}
         >
           <div
-            className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--responsive"
+            className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive"
           >
             <EuiFlexItem
               component="div"
@@ -1683,13 +1692,14 @@ exports[`UploadLicense should display error when ES returns error 1`] = `
                 <EuiFlexGroup
                   alignItems="stretch"
                   component="div"
+                  direction="row"
                   gutterSize="l"
                   justifyContent="spaceBetween"
                   responsive={true}
                   wrap={false}
                 >
                   <div
-                    className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--responsive"
+                    className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
                   >
                     <EuiFlexItem
                       component="div"

x-pack/plugins/monitoring/public/components/cluster/overview/helpers.js

@@ -49,7 +49,7 @@ const PanelExtras = ({ extras }) => {
 
 export function ClusterItemContainer(props) {
   const iconMap = {
-    elasticsearch: 'logoElasticSearch',
+    elasticsearch: 'logoElasticsearch',
     kibana: 'logoKibana',
     logstash: 'logoLogstash',
     beats: 'logoBeats',

x-pack/plugins/monitoring/public/components/logstash/pipeline_viewer/views/__test__/__snapshots__/detail_drawer.test.js.snap

@@ -9,6 +9,7 @@ exports[`DetailDrawer component If vertices shows basic info and no stats for if
     <EuiFlexGroup
       alignItems="center"
       component="div"
+      direction="row"
       gutterSize="l"
       justifyContent="flexStart"
       responsive={true}
@@ -79,6 +80,7 @@ exports[`DetailDrawer component Plugin vertices Plugin does not have explicit ID
     <EuiFlexGroup
       alignItems="center"
       component="div"
+      direction="row"
       gutterSize="l"
       justifyContent="flexStart"
       responsive={true}
@@ -371,6 +373,7 @@ exports[`DetailDrawer component Plugin vertices Plugin has explicit ID shows bas
     <EuiFlexGroup
       alignItems="center"
       component="div"
+      direction="row"
       gutterSize="l"
       justifyContent="flexStart"
       responsive={true}
@@ -656,6 +659,7 @@ exports[`DetailDrawer component Queue vertices shows basic info and no stats for
     <EuiFlexGroup
       alignItems="center"
       component="div"
+      direction="row"
       gutterSize="l"
       justifyContent="flexStart"
       responsive={true}
@@ -716,6 +720,7 @@ exports[`DetailDrawer component shows vertex title 1`] = `
     <EuiFlexGroup
       alignItems="center"
       component="div"
+      direction="row"
       gutterSize="l"
       justifyContent="flexStart"
       responsive={true}

x-pack/plugins/monitoring/public/components/no_data/__tests__/__snapshots__/no_data.test.js.snap

@@ -136,7 +136,7 @@ exports[`NoData should show text next to the spinner while checking a setting 1`
         class="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge"
       />
       <div
-        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--responsive"
+        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
       >
         <div
           class="euiFlexItem euiFlexItem--flexGrowZero"

x-pack/plugins/monitoring/public/components/no_data/explanations/collection_enabled/__tests__/__snapshots__/collection_enabled.test.js.snap

@@ -115,13 +115,14 @@ exports[`ExplainCollectionEnabled should explain about xpack.monitoring.collecti
   <EuiFlexGroup
     alignItems="center"
     component="div"
+    direction="row"
     gutterSize="s"
     justifyContent="spaceAround"
     responsive={true}
     wrap={false}
   >
     <div
-      className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceAround euiFlexGroup--responsive"
+      className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive"
     >
       <EuiFlexItem
         component="div"

x-pack/plugins/monitoring/public/components/no_data/explanations/collection_interval/__tests__/__snapshots__/collection_interval.test.js.snap

@@ -178,13 +178,14 @@ exports[`ExplainCollectionInterval collection interval setting updates should sh
   <EuiFlexGroup
     alignItems="center"
     component="div"
+    direction="row"
     gutterSize="s"
     justifyContent="spaceAround"
     responsive={true}
     wrap={false}
   >
     <div
-      className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceAround euiFlexGroup--responsive"
+      className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive"
     >
       <EuiFlexItem
         component="div"
@@ -345,13 +346,14 @@ exports[`ExplainCollectionInterval should explain about xpack.monitoring.collect
   <EuiFlexGroup
     alignItems="center"
     component="div"
+    direction="row"
     gutterSize="s"
     justifyContent="spaceAround"
     responsive={true}
     wrap={false}
   >
     <div
-      className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceAround euiFlexGroup--responsive"
+      className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive"
     >
       <EuiFlexItem
         component="div"

x-pack/plugins/monitoring/public/components/no_data/reasons/__tests__/__snapshots__/reason_found.test.js.snap

@@ -58,7 +58,7 @@ Array [
     class="euiSpacer euiSpacer--l"
   />,
   <div
-    class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceAround euiFlexGroup--responsive"
+    class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive"
   >
     <div
       class="euiFlexItem euiFlexItem--flexGrowZero"

x-pack/plugins/monitoring/public/components/page_loading/__tests__/__snapshots__/page_loading.test.js.snap

@@ -11,13 +11,13 @@ exports[`PageLoading should show a simple page loading component 1`] = `
       class="euiPanel euiPanel--paddingLarge euiPageContent noData__content euiPageContent--verticalCenter euiPageContent--horizontalCenter"
     >
       <div
-        class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--responsive"
+        class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive"
       >
         <div
           class="euiFlexItem euiFlexItem--flexGrowZero"
         >
           <div
-            class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--responsive"
+            class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
           >
             <div
               class="euiFlexItem euiFlexItem--flexGrowZero"

x-pack/yarn.lock

@@ -10,9 +10,9 @@
     esutils "^2.0.2"
     js-tokens "^3.0.0"
 
-"@elastic/eui@0.0.44":
-  version "0.0.44"
-  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-0.0.44.tgz#b0b58eb1b10d6f8de017f548bb06c5b5f71e3d61"
+"@elastic/eui@0.0.46":
+  version "0.0.46"
+  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-0.0.46.tgz#9e85d63bdcf402b6bf0841b83c8565793b3bc202"
   dependencies:
     brace "^0.10.0"
     classnames "^2.2.5"

yarn.lock

@@ -77,9 +77,9 @@
   version "0.0.0"
   uid ""
 
-"@elastic/eui@0.0.44", "@elastic/eui@v0.0.44":
-  version "0.0.44"
-  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-0.0.44.tgz#b0b58eb1b10d6f8de017f548bb06c5b5f71e3d61"
+"@elastic/eui@0.0.46", "@elastic/eui@v0.0.46":
+  version "0.0.46"
+  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-0.0.46.tgz#9e85d63bdcf402b6bf0841b83c8565793b3bc202"
   dependencies:
     brace "^0.10.0"
     classnames "^2.2.5"