use reusable useMemoCss

src/platform/plugins/shared/kql/public/components/query_string_input/filter_button_group.tsx

@@ -13,7 +13,7 @@ import classNames from 'classnames';
 import type { UseEuiTheme } from '@elastic/eui';
 import { EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
 import { css } from '@emotion/react';
-import { useMemoCss } from '../utils/use_memo_css';
+import { useMemoCss } from '@kbn/css-utils/public/use_memo_css';
 
 interface Props {
   items: ReactNode[];

src/platform/plugins/shared/kql/public/components/query_string_input/query_string_input.styles.tsx

@@ -11,7 +11,7 @@ import React from 'react';
 import type { UseEuiTheme } from '@elastic/eui';
 import { euiThemeVars } from '@kbn/ui-theme';
 import { css } from '@emotion/react';
-import { useMemoCss } from '../utils/use_memo_css';
+import { useMemoCss } from '@kbn/css-utils/public/use_memo_css';
 
 const queryStringInputStyles = {
   container: ({ euiTheme }: UseEuiTheme) =>

src/platform/plugins/shared/kql/public/components/typeahead/suggestion_component.tsx

@@ -12,8 +12,7 @@ import { EuiIcon, euiFontSize } from '@elastic/eui';
 import classNames from 'classnames';
 import React, { useCallback } from 'react';
 import { css } from '@emotion/react';
-import type { EmotionStyles } from '../utils/use_memo_css';
-import { useMemoCss } from '../utils/use_memo_css';
+import { type EmotionStyles, useMemoCss } from '@kbn/css-utils/public/use_memo_css';
 import type { QuerySuggestion } from '../../autocomplete';
 import type { SuggestionOnClick, SuggestionOnMouseEnter } from './types';
 

src/platform/plugins/shared/kql/public/components/typeahead/suggestions_component.tsx

@@ -16,8 +16,7 @@ import useRafState from 'react-use/lib/useRafState';
 import type { UseEuiTheme } from '@elastic/eui';
 import { euiShadow, euiShadowFlat } from '@elastic/eui';
 import { css } from '@emotion/react';
-import type { EmotionStyles } from '../utils/use_memo_css';
-import { useMemoCss } from '../utils/use_memo_css';
+import { type EmotionStyles, useMemoCss } from '@kbn/css-utils/public/use_memo_css';
 import type { QuerySuggestion } from '../../autocomplete';
 import { SuggestionComponent } from './suggestion_component';
 import {

src/platform/plugins/shared/unified_search/public/filter_bar/filter_item/filter_item.tsx

@@ -24,8 +24,8 @@ import React, { useState, useEffect, useCallback } from 'react';
 import { type DocLinksStart, type IUiSettingsClient } from '@kbn/core/public';
 import type { DataView, DataViewsContract } from '@kbn/data-views-plugin/public';
 import { css } from '@emotion/react';
+import { useMemoCss } from '@kbn/css-utils/public/use_memo_css';
 import { getIndexPatternFromFilter, getDisplayValueFromFilter } from '@kbn/data-plugin/public';
-import { useMemoCss } from '../../use_memo_css';
 import { FilterEditor } from '../filter_editor/filter_editor';
 import { FilterView } from '../filter_view';
 import type { FilterPanelOption } from '../../types';

src/platform/plugins/shared/unified_search/public/saved_query_management/saved_query_management_list.tsx

@@ -32,14 +32,14 @@ import { i18n } from '@kbn/i18n';
 import type { RefObject } from 'react';
 import React, { useCallback, useState, useRef, useEffect, useMemo } from 'react';
 import { renderToStaticMarkup } from 'react-dom/server';
+import { useMemoCss } from '@kbn/css-utils/public/use_memo_css';
 import { useKibana } from '@kbn/kibana-react-plugin/public';
 import type { SavedQuery, SavedQueryService } from '@kbn/data-plugin/public';
 import type { SavedQueryAttributes } from '@kbn/data-plugin/common';
 import { debounce } from 'lodash';
 import useLatest from 'react-use/lib/useLatest';
 import { KibanaRenderContextProvider } from '@kbn/react-kibana-context-render';
 import { css } from '@emotion/react';
-import { useMemoCss } from '../use_memo_css';
 import type { IUnifiedSearchPluginServices } from '../types';
 import { strings as queryBarMenuPanelsStrings } from '../query_string_input/query_bar_menu_panels';
 import { PanelTitle } from '../query_string_input/panel_title';