Revert "Added EuiMark (elastic#3060)"

This reverts commit a8a4063.

CHANGELOG.md

@@ -12,7 +12,6 @@
 - Added alpha channel (opacity) support to `EuiColorPicker` and `EuiColorStops` ([#2850](https://github.com/elastic/eui/pull/2850))
 - Added `useResizeObserver` hook ([#2991](https://github.com/elastic/eui/pull/2991))
 - Added `showColumnSelector.allowHide` and `showColumnSelector.allowReorder` props to `EuiDataGrid` UI configuration ([#2993](https://github.com/elastic/eui/pull/2993))
-- Added `EuiMark` component ([#3060](https://github.com/elastic/eui/pull/3060))
 
 **Bug Fixes**
 

src-docs/src/routes.js

@@ -118,7 +118,7 @@ import { HeaderExample } from './views/header/header_example';
 
 import { HealthExample } from './views/health/health_example';
 
-import { HighlightAndMarkExample } from './views/highlight_and_mark/highlight_and_mark_example';
+import { HighlightExample } from './views/highlight/highlight_example';
 
 import { HorizontalRuleExample } from './views/horizontal_rule/horizontal_rule_example';
 
@@ -413,7 +413,7 @@ const navigation = [
       DelayRenderExample,
       ErrorBoundaryExample,
       FocusTrapExample,
-      HighlightAndMarkExample,
+      HighlightExample,
       InnerTextExample,
       I18nExample,
       IsColorDarkExample,

src-docs/src/views/highlight_and_mark/highlight_and_mark_example.js → src-docs/src/views/highlight/highlight_example.js

@@ -4,19 +4,14 @@ import { renderToHtml } from '../../services';
 
 import { GuideSectionTypes } from '../../components';
 
-import { EuiCode, EuiHighlight, EuiMark } from '../../../../src/components';
+import { EuiCode, EuiHighlight } from '../../../../src/components';
 
 import { Highlight } from './highlight';
-import { Mark } from './mark';
-
 const highlightSource = require('!!raw-loader!./highlight');
 const highlightHtml = renderToHtml(Highlight);
 
-const markSource = require('!!raw-loader!./mark');
-const markHtml = renderToHtml(Mark);
-
-export const HighlightAndMarkExample = {
-  title: 'Highlight and mark',
+export const HighlightExample = {
+  title: 'Highlight',
   sections: [
     {
       title: 'Highlight',
@@ -40,26 +35,5 @@ export const HighlightAndMarkExample = {
       components: { EuiHighlight },
       demo: <Highlight />,
     },
-    {
-      title: 'Mark',
-      source: [
-        {
-          type: GuideSectionTypes.JS,
-          code: markSource,
-        },
-        {
-          type: GuideSectionTypes.HTML,
-          code: markHtml,
-        },
-      ],
-      text: (
-        <p>
-          Use <EuiCode>EuiMark</EuiCode> to wrap a string in an
-          <EuiCode>mark</EuiCode> element.
-        </p>
-      ),
-      components: { EuiMark },
-      demo: <Mark />,
-    },
   ],
 };

src/components/index.js

@@ -186,8 +186,6 @@ export { EuiLink } from './link';
 
 export { EuiListGroup, EuiListGroupItem } from './list_group';
 
-export { EuiMark } from './mark';
-
 export {
   EUI_MODAL_CANCEL_BUTTON,
   EUI_MODAL_CONFIRM_BUTTON,

src/components/index.scss

@@ -39,7 +39,6 @@
 @import 'link/index';
 @import 'list_group/index';
 @import 'loading/index';
-@import 'mark/index';
 @import 'modal/index';
 @import 'nav_drawer/index';
 @import 'overlay_mask/index';