elastic · thompsongl · Oct 30, 2020 · Oct 20, 2020 · Oct 20, 2020 · Oct 20, 2020
diff --git a/package.json b/package.json
@@ -110,14 +110,16 @@
       "**/grunt-*/**",
       "x-pack/typescript",
       "@elastic/eui/rehype-react",
+      "@elastic/eui/remark-parse",
       "@elastic/eui/remark-rehype",
-      "@elastic/eui/remark-rehype/**"
+      "@elastic/eui/remark-rehype/**",
+      "@elastic/eui/unified"
     ]
   },
   "dependencies": {
     "@elastic/datemath": "5.0.3",
     "@elastic/elasticsearch": "7.10.0-rc.1",
-    "@elastic/eui": "29.5.0",
+    "@elastic/eui": "30.1.1",
     "@elastic/good": "8.1.1-kibana2",
     "@elastic/numeral": "^2.5.0",
     "@elastic/request-crypto": "1.1.4",

diff --git a/packages/kbn-ui-framework/package.json b/packages/kbn-ui-framework/package.json
@@ -31,7 +31,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.11.6",
-    "@elastic/eui": "29.5.0",
+    "@elastic/eui": "30.1.1",
     "@kbn/babel-preset": "1.0.0",
     "@kbn/optimizer": "1.0.0",
     "babel-loader": "^8.0.6",

diff --git a/packages/kbn-ui-shared-deps/package.json b/packages/kbn-ui-shared-deps/package.json
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@elastic/charts": "24.0.0",
-    "@elastic/eui": "29.5.0",
+    "@elastic/eui": "30.1.1",
     "@elastic/numeral": "^2.5.0",
     "@kbn/i18n": "1.0.0",
     "@kbn/monaco": "1.0.0",

diff --git a/src/core/public/chrome/ui/header/recent_links.tsx b/src/core/public/chrome/ui/header/recent_links.tsx
diff --git a/src/plugins/charts/public/static/components/number_input.tsx b/src/plugins/charts/public/static/components/number_input.tsx
@@ -54,7 +54,7 @@ function NumberInputOption<ParamName extends string>({
   'data-test-subj': dataTestSubj,
 }: NumberInputOptionProps<ParamName>) {
   return (
-    <EuiFormRow label={label} error={error} isInvalid={isInvalid} fullWidth compressed>
+    <EuiFormRow label={label} error={error} isInvalid={isInvalid} fullWidth display="rowCompressed">
       <EuiFieldNumber
         data-test-subj={dataTestSubj}
         disabled={disabled}

diff --git a/src/plugins/charts/public/static/components/range.tsx b/src/plugins/charts/public/static/components/range.tsx
@@ -65,7 +65,13 @@ function RangeOption<ParamName extends string>({
     }
   };
   return (
-    <EuiFormRow label={label} fullWidth={true} isInvalid={!isValidState} error={error} compressed>
+    <EuiFormRow
+      label={label}
+      fullWidth={true}
+      isInvalid={!isValidState}
+      error={error}
+      display="rowCompressed"
+    >
       <EuiRange
         compressed
         fullWidth

diff --git a/src/plugins/charts/public/static/components/required_number_input.tsx b/src/plugins/charts/public/static/components/required_number_input.tsx
@@ -70,7 +70,7 @@ function RequiredNumberInputOption<ParamName extends string>({
   );
 
   return (
-    <EuiFormRow label={label} error={error} isInvalid={isInvalid} fullWidth compressed>
+    <EuiFormRow label={label} error={error} isInvalid={isInvalid} fullWidth display="rowCompressed">
       <EuiFieldNumber
         compressed
         fullWidth

diff --git a/src/plugins/charts/public/static/components/select.tsx b/src/plugins/charts/public/static/components/select.tsx
@@ -51,7 +51,7 @@ function SelectOption<ParamName extends string, ValidParamValues extends string
 
   return (
     <EuiFormRow
-      compressed
+      display="rowCompressed"
       fullWidth
       helpText={helpText}
       id={id}

diff --git a/src/plugins/charts/public/static/components/switch.tsx b/src/plugins/charts/public/static/components/switch.tsx
@@ -41,7 +41,7 @@ function SwitchOption<ParamName extends string>({
   setValue,
 }: SwitchOptionProps<ParamName>) {
   return (
-    <EuiFormRow fullWidth={true} compressed={true}>
+    <EuiFormRow fullWidth={true} display="rowCompressed">
       <EuiToolTip content={tooltip} delay="long" position="right">
         <EuiSwitch
           compressed={true}

diff --git a/src/plugins/charts/public/static/components/text_input.tsx b/src/plugins/charts/public/static/components/text_input.tsx
@@ -40,7 +40,7 @@ function TextInputOption<ParamName extends string>({
   setValue,
 }: TextInputOptionProps<ParamName>) {
   return (
-    <EuiFormRow helpText={helpText} label={label} fullWidth compressed>
+    <EuiFormRow helpText={helpText} label={label} fullWidth display="rowCompressed">
       <EuiFieldText
         compressed
         fullWidth

diff --git a/src/plugins/dashboard/public/application/__snapshots__/dashboard_empty_screen.test.tsx.snap b/src/plugins/dashboard/public/application/__snapshots__/dashboard_empty_screen.test.tsx.snap
diff --git a/src/plugins/data/public/ui/filter_bar/filter_bar.tsx b/src/plugins/data/public/ui/filter_bar/filter_bar.tsx
@@ -105,7 +105,6 @@ function FilterBarUI(props: Props) {
           isOpen={isAddFilterPopoverOpen}
           closePopover={() => setIsAddFilterPopoverOpen(false)}
           anchorPosition="downLeft"
-          withTitle
           panelPaddingSize="none"
           ownFocus={true}
           initialFocus=".filterEditor__hiddenItem"

diff --git a/src/plugins/data/public/ui/filter_bar/filter_item.tsx b/src/plugins/data/public/ui/filter_bar/filter_item.tsx
@@ -358,7 +358,6 @@ export function FilterItem(props: Props) {
       }}
       button={badge}
       anchorPosition="downLeft"
-      withTitle={true}
       panelPaddingSize="none"
     >
       <EuiContextMenu initialPanelId={0} panels={getPanels()} />

diff --git a/src/plugins/data/public/ui/filter_bar/filter_options.tsx b/src/plugins/data/public/ui/filter_bar/filter_options.tsx
@@ -166,7 +166,6 @@ class FilterOptionsUI extends Component<Props, State> {
         }
         anchorPosition="rightUp"
         panelPaddingSize="none"
-        withTitle
         repositionOnScroll
       >
         <EuiPopoverTitle>

diff --git a/src/plugins/data/public/ui/query_string_input/language_switcher.tsx b/src/plugins/data/public/ui/query_string_input/language_switcher.tsx
@@ -76,7 +76,6 @@ export function QueryLanguageSwitcher(props: Props) {
       button={button}
       isOpen={isPopoverOpen}
       closePopover={() => setIsPopoverOpen(false)}
-      withTitle
       repositionOnScroll
     >
       <EuiPopoverTitle>

diff --git a/src/plugins/discover/public/application/angular/context/components/action_bar/action_bar.tsx b/src/plugins/discover/public/application/angular/context/components/action_bar/action_bar.tsx
@@ -145,7 +145,7 @@ export function ActionBar({
             </EuiFormRow>
           </EuiFlexItem>
           <EuiFlexItem>
-            <EuiFormRow displayOnly>
+            <EuiFormRow display="center">
               {isSuccessor ? (
                 <FormattedMessage
                   id="discover.context.olderDocumentsDescription"

diff --git a/src/plugins/discover/public/application/components/sidebar/discover_field_search.tsx b/src/plugins/discover/public/application/components/sidebar/discover_field_search.tsx
@@ -224,7 +224,7 @@ export function DiscoverFieldSearch({ onChange, value, types }: Props) {
         legend={legend}
         options={toggleButtons(id)}
         idSelected={`${id}-${values[id]}`}
-        onChange={(optionId) => handleValueChange(id, optionId.replace(`${id}-`, ''))}
+        onChange={(optionId: string) => handleValueChange(id, optionId.replace(`${id}-`, ''))}
         buttonSize="compressed"
         isFullWidth
         data-test-subj={`${id}ButtonGroup`}

diff --git a/src/plugins/embeddable/public/components/panel_options_menu/index.tsx b/src/plugins/embeddable/public/components/panel_options_menu/index.tsx
@@ -83,7 +83,6 @@ export const PanelOptionsMenu: React.FC<PanelOptionsMenuProps> = ({
       panelPaddingSize="none"
       anchorPosition="downRight"
       data-test-subj={open ? 'embeddablePanelContextMenuOpen' : 'embeddablePanelContextMenuClosed'}
-      withTitle
     >
       <EuiContextMenu initialPanelId="mainMenu" panels={panelDescriptor ? [panelDescriptor] : []} />
     </EuiPopover>

diff --git a/src/plugins/embeddable/public/lib/panel/panel_header/panel_options_menu.tsx b/src/plugins/embeddable/public/lib/panel/panel_header/panel_options_menu.tsx
@@ -113,7 +113,6 @@ export class PanelOptionsMenu extends React.Component<PanelOptionsMenuProps, Sta
             ? 'embeddablePanelContextMenuOpen'
             : 'embeddablePanelContextMenuClosed'
         }
-        withTitle
       >
         <EuiContextMenu
           initialPanelId="mainMenu"

diff --git a/...public/application/components/tutorial/__snapshots__/saved_objects_installer.test.js.snap b/...public/application/components/tutorial/__snapshots__/saved_objects_installer.test.js.snap