@elastic/eui 103.1.0 → 104.0.0

package/es/themes/index.js

@@ -5,6 +5,8 @@
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
-export { colorVis } from './amsterdam/global_styling/variables/_colors_vis';
+import { colorVisLight } from './amsterdam/global_styling/variables/_colors_vis_light';
+import { colorVisDark } from './amsterdam/global_styling/variables/_colors_vis_dark';
+export { colorVisLight as colorVis, colorVisLight, colorVisDark };
 export { AMSTERDAM_NAME_KEY, EuiThemeAmsterdam } from './amsterdam/theme';
 export * from './amsterdam';

package/es/themes/json/eui_theme_amsterdam_dark.json

@@ -282,20 +282,16 @@
   "euiColorVis7_behindText": "#F5A35C",
   "euiColorVis8_behindText": "#C47C6C",
   "euiColorVis9_behindText": "#FF7E62",
-  "euiColorVisAsTextLight0": "#006BB4",
-  "euiColorVisAsTextLight1": "#017D73",
-  "euiColorVisAsTextLight2": "#F5A700",
-  "euiColorVisAsTextLight3": "#BD271E",
-  "euiColorVisAsTextLight4": "#DD0A73",
-  "euiColorVisAsTextLight5": "#006BB4",
-  "euiColorVisAsTextLight6": "#017D73",
-  "euiColorVisAsTextDark0": "#1BA9F5",
-  "euiColorVisAsTextDark1": "#7DE2D1",
-  "euiColorVisAsTextDark2": "#F990C0",
-  "euiColorVisAsTextDark3": "#F66",
-  "euiColorVisAsTextDark4": "#FFCE7A",
-  "euiColorVisAsTextDark5": "#1BA9F5",
-  "euiColorVisAsTextDark6": "#7DE2D1",
+  "euiColorVisText0": "#7DE2D1",
+  "euiColorVisText1": "#1BA9F5",
+  "euiColorVisText2": "#F990C0",
+  "euiColorVisText3": "#BA9FDA",
+  "euiColorVisText4": "#E9B8D2",
+  "euiColorVisText5": "#F4E08C",
+  "euiColorVisText6": "#DBCDB3",
+  "euiColorVisText7": "#FFCE7A",
+  "euiColorVisText8": "#D09689",
+  "euiColorVisText9": "#F66",
   "euiColorVisSuccess0": "#209280",
   "euiColorVisSuccess1": "#54B399",
   "euiColorVisWarning0": "#D6BF57",
@@ -381,6 +377,7 @@
   "euiColorBackgroundBaseFormsControlDisabled": "#535966",
   "euiColorBackgroundBaseInteractiveHover": "rgba(52,55,65,0.2)",
   "euiColorBackgroundBaseInteractiveSelect": "#103148",
+  "euiColorBackgroundBaseInteractiveSelectHover": "#164160",
   "euiColorBackgroundBaseInteractiveOverlay": "rgba(0,0,0,0.5)",
   "euiColorBackgroundBaseSkeletonEdge": "#2e3039",
   "euiColorBackgroundBaseSkeletonMiddle": "#282a31",
@@ -423,5 +420,6 @@
   "euiColorBorderStrongSuccess": "#7DDED8",
   "euiColorBorderStrongWarning": "#F3D371",
   "euiColorBorderStrongRisk": "#E1A26A",
-  "euiColorBorderStrongDanger": "#F86B63"
+  "euiColorBorderStrongDanger": "#F86B63",
+  "euiColorBorderStrongText": "#98A2B3"
 }

package/es/themes/json/eui_theme_amsterdam_light.json

@@ -282,20 +282,16 @@
   "euiColorVis7_behindText": "#F5A35C",
   "euiColorVis8_behindText": "#C47C6C",
   "euiColorVis9_behindText": "#FF7E62",
-  "euiColorVisAsTextLight0": "#006BB4",
-  "euiColorVisAsTextLight1": "#017D73",
-  "euiColorVisAsTextLight2": "#F5A700",
-  "euiColorVisAsTextLight3": "#BD271E",
-  "euiColorVisAsTextLight4": "#DD0A73",
-  "euiColorVisAsTextLight5": "#006BB4",
-  "euiColorVisAsTextLight6": "#017D73",
-  "euiColorVisAsTextDark0": "#1BA9F5",
-  "euiColorVisAsTextDark1": "#7DE2D1",
-  "euiColorVisAsTextDark2": "#F990C0",
-  "euiColorVisAsTextDark3": "#F66",
-  "euiColorVisAsTextDark4": "#FFCE7A",
-  "euiColorVisAsTextDark5": "#1BA9F5",
-  "euiColorVisAsTextDark6": "#7DE2D1",
+  "euiColorVisText0": "#017D73",
+  "euiColorVisText1": "#006BB4",
+  "euiColorVisText2": "#DD0A73",
+  "euiColorVisText3": "#745A93",
+  "euiColorVisText4": "#A2728B",
+  "euiColorVisText5": "#AB9946",
+  "euiColorVisText6": "#94866D",
+  "euiColorVisText7": "#F5A700",
+  "euiColorVisText8": "#885145",
+  "euiColorVisText9": "#BD271E",
   "euiColorVisSuccess0": "#209280",
   "euiColorVisSuccess1": "#54B399",
   "euiColorVisWarning0": "#D6BF57",
@@ -380,7 +376,8 @@
   "euiColorBackgroundBaseFormsPrepend": "#e9edf3",
   "euiColorBackgroundBaseFormsControlDisabled": "#98A2B3",
   "euiColorBackgroundBaseInteractiveHover": "rgba(211,218,230,0.2)",
-  "euiColorBackgroundBaseInteractiveSelect": "#f5fafd",
+  "euiColorBackgroundBaseInteractiveSelect": "#f7fbfe",
+  "euiColorBackgroundBaseInteractiveSelectHover": "#d7ecfc",
   "euiColorBackgroundBaseInteractiveOverlay": "rgba(0,0,0,0.5)",
   "euiColorBackgroundBaseSkeletonEdge": "#f0f2f6",
   "euiColorBackgroundBaseSkeletonMiddle": "#f6f8fa",
@@ -423,5 +420,6 @@
   "euiColorBorderStrongSuccess": "#00BFB3",
   "euiColorBorderStrongWarning": "#FEC514",
   "euiColorBorderStrongRisk": "#DA8B45",
-  "euiColorBorderStrongDanger": "#BD271E"
+  "euiColorBorderStrongDanger": "#BD271E",
+  "euiColorBorderStrongText": "#69707D"
 }

package/es/themes/json/eui_theme_borealis_dark.json

@@ -282,20 +282,16 @@
   "euiColorVis7_behindText": "#FFC9C2",
   "euiColorVis8_behindText": "#EAAE01",
   "euiColorVis9_behindText": "#FCD883",
-  "euiColorVisAsTextLight0": "#047471",
-  "euiColorVisAsTextLight1": "#1750BA",
-  "euiColorVisAsTextLight2": "#A11262",
-  "euiColorVisAsTextLight3": "#A71627",
-  "euiColorVisAsTextLight4": "#825803",
-  "euiColorVisAsTextLight5": "#09724D",
-  "euiColorVisAsTextLight6": "#6B3C9F",
-  "euiColorVisAsTextDark0": "#16C5C0",
-  "euiColorVisAsTextDark1": "#61A2FF",
-  "euiColorVisAsTextDark2": "#EE72A6",
-  "euiColorVisAsTextDark3": "#F6726A",
-  "euiColorVisAsTextDark4": "#EAAE01",
-  "euiColorVisAsTextDark5": "#24C292",
-  "euiColorVisAsTextDark6": "#B084F5",
+  "euiColorVisText0": "#16C5C0",
+  "euiColorVisText1": "#A6EDEA",
+  "euiColorVisText2": "#61A2FF",
+  "euiColorVisText3": "#BFDBFF",
+  "euiColorVisText4": "#EE72A6",
+  "euiColorVisText5": "#FFC7DB",
+  "euiColorVisText6": "#F6726A",
+  "euiColorVisText7": "#FFC9C2",
+  "euiColorVisText8": "#EAAE01",
+  "euiColorVisText9": "#FCD883",
   "euiColorVisSuccess0": "#24C292",
   "euiColorVisSuccess1": "#AEE8D2",
   "euiColorVisWarning0": "#FCD883",

package/es/themes/json/eui_theme_borealis_light.json

@@ -282,20 +282,16 @@
   "euiColorVis7_behindText": "#FFC9C2",
   "euiColorVis8_behindText": "#EAAE01",
   "euiColorVis9_behindText": "#FCD883",
-  "euiColorVisAsTextLight0": "#047471",
-  "euiColorVisAsTextLight1": "#1750BA",
-  "euiColorVisAsTextLight2": "#A11262",
-  "euiColorVisAsTextLight3": "#A71627",
-  "euiColorVisAsTextLight4": "#825803",
-  "euiColorVisAsTextLight5": "#09724D",
-  "euiColorVisAsTextLight6": "#6B3C9F",
-  "euiColorVisAsTextDark0": "#16C5C0",
-  "euiColorVisAsTextDark1": "#61A2FF",
-  "euiColorVisAsTextDark2": "#EE72A6",
-  "euiColorVisAsTextDark3": "#F6726A",
-  "euiColorVisAsTextDark4": "#EAAE01",
-  "euiColorVisAsTextDark5": "#24C292",
-  "euiColorVisAsTextDark6": "#B084F5",
+  "euiColorVisText0": "#065B58",
+  "euiColorVisText1": "#047471",
+  "euiColorVisText2": "#154399",
+  "euiColorVisText3": "#0B64DD",
+  "euiColorVisText4": "#A11262",
+  "euiColorVisText5": "#D13680",
+  "euiColorVisText6": "#A71627",
+  "euiColorVisText7": "#DA3737",
+  "euiColorVisText8": "#6A4906",
+  "euiColorVisText9": "#966B03",
   "euiColorVisSuccess0": "#24C292",
   "euiColorVisSuccess1": "#AEE8D2",
   "euiColorVisWarning0": "#FCD883",

package/eui.d.ts

@@ -669,11 +669,15 @@ declare module '@elastic/eui/src/services/color/eui_palettes' {
 	 */
 	export const euiPaletteColorBlindBehindText: (paletteProps?: EuiPaletteColorBlindProps) => string[];
 	/**
+	 * @deprecated - use `euiColorVisText{NUMBER}` tokens directly
+	 *
 	 * NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
 	 * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
 	 */
 	export const euiPaletteForLightBackground: ({ colors, }?: EuiPaletteCommonProps) => EuiPalette;
 	/**
+	 * @deprecated - use `euiColorVisText{NUMBER}` tokens directly
+	 *
 	 * NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
 	 * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
 	 */
@@ -11221,7 +11225,7 @@ declare module '@elastic/eui/src/components/copy/copy' {
 	import React, { Component, ReactElement, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiToolTipProps } from '@elastic/eui/src/components/tool_tip';
-	export interface EuiCopyProps extends CommonProps, Partial<Omit<EuiToolTipProps, 'children'>> {
+	export interface EuiCopyProps extends CommonProps {
 	    /**
 	     * Text that will be copied to clipboard when copy function is executed.
 	     */
@@ -11240,6 +11244,10 @@ declare module '@elastic/eui/src/components/copy/copy' {
 	     * Use your own logic to create the component that users interact with when triggering copy.
 	     */
 	    children(copy: () => void): ReactElement;
+	    /**
+	     * Optional props to pass to the EuiToolTip component.
+	     */
+	    tooltipProps?: Partial<Omit<EuiToolTipProps, 'children' | 'content' | 'onMouseOut'>>;
 	}
 	interface EuiCopyState {
 	    tooltipText: ReactNode;
@@ -12555,9 +12563,14 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
 	export { EuiCollapsibleNavButton } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button';
 
 }
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis' {
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis_light' {
 	import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
-	export const colorVis: _EuiThemeVisColors;
+	export const colorVisLight: _EuiThemeVisColors;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis_dark' {
+	import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
+	export const colorVisDark: _EuiThemeVisColors;
 
 }
 declare module '@elastic/eui/src/themes/themes' {
@@ -12715,7 +12728,9 @@ declare module '@elastic/eui/src/themes/amsterdam' {
 
 }
 declare module '@elastic/eui/src/themes' {
-	export { colorVis } from '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis';
+	import { colorVisLight } from '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis_light';
+	import { colorVisDark } from '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis_dark';
+	export { colorVisLight as colorVis, colorVisLight, colorVisDark };
 	export type { EUI_THEME } from '@elastic/eui/src/themes/themes';
 	export { AMSTERDAM_NAME_KEY, EuiThemeAmsterdam } from '@elastic/eui/src/themes/amsterdam/theme';
 	export * from '@elastic/eui/src/themes/amsterdam';
@@ -17616,7 +17631,6 @@ declare module '@elastic/eui/src/components/tabs/tab.styles' {
 	    s: import("@emotion/react").SerializedStyles;
 	    m: import("@emotion/react").SerializedStyles;
 	    l: import("@emotion/react").SerializedStyles;
-	    xl: import("@emotion/react").SerializedStyles;
 	};
 
 }
@@ -17628,14 +17642,13 @@ declare module '@elastic/eui/src/components/tabs/tabs.styles' {
 	    s: import("@emotion/react").SerializedStyles;
 	    m: import("@emotion/react").SerializedStyles;
 	    l: import("@emotion/react").SerializedStyles;
-	    xl: import("@emotion/react").SerializedStyles;
 	};
 
 }
 declare module '@elastic/eui/src/components/tabs/tabs' {
 	import React, { HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	export const SIZES: readonly ["s", "m", "l", "xl"];
+	export const SIZES: readonly ["s", "m", "l"];
 	export type EuiTabsSizes = (typeof SIZES)[number];
 	export type EuiTabsProps = HTMLAttributes<HTMLDivElement> & PropsWithChildren & CommonProps & {
 	    /**
@@ -17653,7 +17666,6 @@ declare module '@elastic/eui/src/components/tabs/tabs' {
 	    bottomBorder?: boolean;
 	    /**
 	     * Sizes affect both font size and overall size.
-	     * Only use the `xl` size when displayed as page titles.
 	     */
 	    size?: EuiTabsSizes;
 	};
@@ -17676,7 +17688,6 @@ declare module '@elastic/eui/src/components/tabs/tabs' {
 	    bottomBorder?: boolean;
 	    /**
 	     * Sizes affect both font size and overall size.
-	     * Only use the `xl` size when displayed as page titles.
 	     */
 	    size?: EuiTabsSizes;
 	} & React.RefAttributes<HTMLDivElement>>;
@@ -31781,20 +31792,16 @@ declare module '@elastic/eui/dist/eui_theme_amsterdam_dark.json' {
     euiColorVis7_behindText: string;
     euiColorVis8_behindText: string;
     euiColorVis9_behindText: string;
-    euiColorVisAsTextLight0: string;
-    euiColorVisAsTextLight1: string;
-    euiColorVisAsTextLight2: string;
-    euiColorVisAsTextLight3: string;
-    euiColorVisAsTextLight4: string;
-    euiColorVisAsTextLight5: string;
-    euiColorVisAsTextLight6: string;
-    euiColorVisAsTextDark0: string;
-    euiColorVisAsTextDark1: string;
-    euiColorVisAsTextDark2: string;
-    euiColorVisAsTextDark3: string;
-    euiColorVisAsTextDark4: string;
-    euiColorVisAsTextDark5: string;
-    euiColorVisAsTextDark6: string;
+    euiColorVisText0: string;
+    euiColorVisText1: string;
+    euiColorVisText2: string;
+    euiColorVisText3: string;
+    euiColorVisText4: string;
+    euiColorVisText5: string;
+    euiColorVisText6: string;
+    euiColorVisText7: string;
+    euiColorVisText8: string;
+    euiColorVisText9: string;
     euiColorVisSuccess0: string;
     euiColorVisSuccess1: string;
     euiColorVisWarning0: string;
@@ -31880,6 +31887,7 @@ declare module '@elastic/eui/dist/eui_theme_amsterdam_dark.json' {
     euiColorBackgroundBaseFormsControlDisabled: string;
     euiColorBackgroundBaseInteractiveHover: string;
     euiColorBackgroundBaseInteractiveSelect: string;
+    euiColorBackgroundBaseInteractiveSelectHover: string;
     euiColorBackgroundBaseInteractiveOverlay: string;
     euiColorBackgroundBaseSkeletonEdge: string;
     euiColorBackgroundBaseSkeletonMiddle: string;
@@ -31923,6 +31931,7 @@ declare module '@elastic/eui/dist/eui_theme_amsterdam_dark.json' {
     euiColorBorderStrongWarning: string;
     euiColorBorderStrongRisk: string;
     euiColorBorderStrongDanger: string;
+    euiColorBorderStrongText: string;
   };
   export default sassVariables;
 }
@@ -32211,20 +32220,16 @@ declare module '@elastic/eui/dist/eui_theme_amsterdam_light.json' {
     euiColorVis7_behindText: string;
     euiColorVis8_behindText: string;
     euiColorVis9_behindText: string;
-    euiColorVisAsTextLight0: string;
-    euiColorVisAsTextLight1: string;
-    euiColorVisAsTextLight2: string;
-    euiColorVisAsTextLight3: string;
-    euiColorVisAsTextLight4: string;
-    euiColorVisAsTextLight5: string;
-    euiColorVisAsTextLight6: string;
-    euiColorVisAsTextDark0: string;
-    euiColorVisAsTextDark1: string;
-    euiColorVisAsTextDark2: string;
-    euiColorVisAsTextDark3: string;
-    euiColorVisAsTextDark4: string;
-    euiColorVisAsTextDark5: string;
-    euiColorVisAsTextDark6: string;
+    euiColorVisText0: string;
+    euiColorVisText1: string;
+    euiColorVisText2: string;
+    euiColorVisText3: string;
+    euiColorVisText4: string;
+    euiColorVisText5: string;
+    euiColorVisText6: string;
+    euiColorVisText7: string;
+    euiColorVisText8: string;
+    euiColorVisText9: string;
     euiColorVisSuccess0: string;
     euiColorVisSuccess1: string;
     euiColorVisWarning0: string;
@@ -32310,6 +32315,7 @@ declare module '@elastic/eui/dist/eui_theme_amsterdam_light.json' {
     euiColorBackgroundBaseFormsControlDisabled: string;
     euiColorBackgroundBaseInteractiveHover: string;
     euiColorBackgroundBaseInteractiveSelect: string;
+    euiColorBackgroundBaseInteractiveSelectHover: string;
     euiColorBackgroundBaseInteractiveOverlay: string;
     euiColorBackgroundBaseSkeletonEdge: string;
     euiColorBackgroundBaseSkeletonMiddle: string;
@@ -32353,10 +32359,11 @@ declare module '@elastic/eui/dist/eui_theme_amsterdam_light.json' {
     euiColorBorderStrongWarning: string;
     euiColorBorderStrongRisk: string;
     euiColorBorderStrongDanger: string;
+    euiColorBorderStrongText: string;
   };
   export default sassVariables;
 }
-declare module '@elastic/eui/dist/eui_theme_borealis_dark.json' {
+declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
   const sassVariables: {
     euiZDataGrid: number;
     euiZHeaderBelowDataGrid: number;
@@ -32641,20 +32648,16 @@ declare module '@elastic/eui/dist/eui_theme_borealis_dark.json' {
     euiColorVis7_behindText: string;
     euiColorVis8_behindText: string;
     euiColorVis9_behindText: string;
-    euiColorVisAsTextLight0: string;
-    euiColorVisAsTextLight1: string;
-    euiColorVisAsTextLight2: string;
-    euiColorVisAsTextLight3: string;
-    euiColorVisAsTextLight4: string;
-    euiColorVisAsTextLight5: string;
-    euiColorVisAsTextLight6: string;
-    euiColorVisAsTextDark0: string;
-    euiColorVisAsTextDark1: string;
-    euiColorVisAsTextDark2: string;
-    euiColorVisAsTextDark3: string;
-    euiColorVisAsTextDark4: string;
-    euiColorVisAsTextDark5: string;
-    euiColorVisAsTextDark6: string;
+    euiColorVisText0: string;
+    euiColorVisText1: string;
+    euiColorVisText2: string;
+    euiColorVisText3: string;
+    euiColorVisText4: string;
+    euiColorVisText5: string;
+    euiColorVisText6: string;
+    euiColorVisText7: string;
+    euiColorVisText8: string;
+    euiColorVisText9: string;
     euiColorVisSuccess0: string;
     euiColorVisSuccess1: string;
     euiColorVisWarning0: string;
@@ -32786,7 +32789,7 @@ declare module '@elastic/eui/dist/eui_theme_borealis_dark.json' {
   };
   export default sassVariables;
 }
-declare module '@elastic/eui/dist/eui_theme_borealis_light.json' {
+declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
   const sassVariables: {
     euiZDataGrid: number;
     euiZHeaderBelowDataGrid: number;
@@ -33071,20 +33074,16 @@ declare module '@elastic/eui/dist/eui_theme_borealis_light.json' {
     euiColorVis7_behindText: string;
     euiColorVis8_behindText: string;
     euiColorVis9_behindText: string;
-    euiColorVisAsTextLight0: string;
-    euiColorVisAsTextLight1: string;
-    euiColorVisAsTextLight2: string;
-    euiColorVisAsTextLight3: string;
-    euiColorVisAsTextLight4: string;
-    euiColorVisAsTextLight5: string;
-    euiColorVisAsTextLight6: string;
-    euiColorVisAsTextDark0: string;
-    euiColorVisAsTextDark1: string;
-    euiColorVisAsTextDark2: string;
-    euiColorVisAsTextDark3: string;
-    euiColorVisAsTextDark4: string;
-    euiColorVisAsTextDark5: string;
-    euiColorVisAsTextDark6: string;
+    euiColorVisText0: string;
+    euiColorVisText1: string;
+    euiColorVisText2: string;
+    euiColorVisText3: string;
+    euiColorVisText4: string;
+    euiColorVisText5: string;
+    euiColorVisText6: string;
+    euiColorVisText7: string;
+    euiColorVisText8: string;
+    euiColorVisText9: string;
     euiColorVisSuccess0: string;
     euiColorVisSuccess1: string;
     euiColorVisWarning0: string;

package/lib/components/copy/copy.js

@@ -9,14 +9,11 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _services = require("../../services");
 var _tool_tip = require("../tool_tip");
 var _react2 = require("@emotion/react");
-var _excluded = ["children", "textToCopy", "beforeMessage", "afterMessage"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
 function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
@@ -65,17 +62,14 @@ var EuiCopy = exports.EuiCopy = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this$props = this.props,
         children = _this$props.children,
-        textToCopy = _this$props.textToCopy,
-        beforeMessage = _this$props.beforeMessage,
-        afterMessage = _this$props.afterMessage,
-        rest = _objectWithoutProperties(_this$props, _excluded);
+        tooltipProps = _this$props.tooltipProps;
       return (
         // See `src/components/tool_tip/tool_tip.js` for explanation of below eslint-disable
         // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
         (0, _react2.jsx)(_tool_tip.EuiToolTip, _extends({
           content: this.state.tooltipText,
           onMouseOut: this.resetTooltipText
-        }, rest), children(this.copy))
+        }, tooltipProps), children(this.copy))
       );
     }
   }]);
@@ -102,6 +96,10 @@ EuiCopy.propTypes = {
      * Use your own logic to create the component that users interact with when triggering copy.
      */
   children: _propTypes.default.func.isRequired,
+  /**
+     * Optional props to pass to the EuiToolTip component.
+     */
+  tooltipProps: _propTypes.default.any,
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,

package/lib/components/datagrid/body/cell/data_grid_cell.styles.js

@@ -15,8 +15,8 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  */
 var euiDataGridCellOutlineStyles = exports.euiDataGridCellOutlineStyles = function euiDataGridCellOutlineStyles(_ref2) {
   var euiTheme = _ref2.euiTheme;
-  var focusColor = euiTheme.colors.primary;
-  var hoverColor = euiTheme.colors.darkShade;
+  var focusColor = euiTheme.colors.borderStrongPrimary;
+  var hoverColor = euiTheme.colors.borderStrongText;
   var outlineWidth = euiTheme.border.width.thick;
   var borderRadius = (0, _global_styling.mathWithUnits)(euiTheme.border.radius.medium, function (x) {
     return x / 2;

package/lib/components/datagrid/data_grid.styles.js

@@ -55,7 +55,7 @@ var euiDataGridStyles = exports.euiDataGridStyles = function euiDataGridStyles(e
   };
   var border = "".concat(euiTheme.border.width.thin, " solid ").concat(borderColors.default);
   return {
-    euiDataGrid: /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:column;align-items:stretch;", (0, _global_styling.logicalCSS)('height', '100%'), " overflow:hidden;*:where(& .euiDataGridRow){background-color:", euiTheme.colors.emptyShade, ";}*:where(&.euiDataGrid--stripes .euiDataGridRow--striped){background-color:", euiTheme.components.dataGridRowBackgroundStriped, ";}*:where(&.euiDataGrid--rowHoverHighlight .euiDataGridRow:hover){background-color:", euiTheme.components.dataGridRowBackgroundHover, ";};label:euiDataGrid;"),
+    euiDataGrid: /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:column;align-items:stretch;", (0, _global_styling.logicalCSS)('height', '100%'), " overflow:hidden;*:where(& .euiDataGridRow){background-color:", euiTheme.components.dataGridRowBackground, ";}*:where(&.euiDataGrid--rowHoverHighlight .euiDataGridRow:hover){background-color:", euiTheme.components.dataGridRowBackgroundHover, ";}*:where(& .euiDataGridRow--selected){background-color:", euiTheme.components.dataGridRowBackgroundSelect, ";}*:where(\n          &.euiDataGrid--rowHoverHighlight .euiDataGridRow--selected:hover\n        ){background-color:", euiTheme.components.dataGridRowBackgroundSelectHover, ";}*:where(&.euiDataGrid--stripes .euiDataGridRow){background-color:", euiTheme.components.dataGridRowStripesBackground, ";}*:where(&.euiDataGrid--stripes .euiDataGridRow--striped){background-color:", euiTheme.components.dataGridRowStripesBackgroundStriped, ";}*:where(\n          &.euiDataGrid--stripes.euiDataGrid--rowHoverHighlight\n            .euiDataGridRow:hover\n        ){background-color:", euiTheme.components.dataGridRowStripesBackgroundHover, ";}*:where(\n          &.euiDataGrid--stripes.euiDataGrid--rowHoverHighlight\n            .euiDataGridRow--striped:hover\n        ){background-color:", euiTheme.components.dataGridRowStripesBackgroundStripedHover, ";}*:where(&.euiDataGrid--stripes .euiDataGridRow--selected){background-color:", euiTheme.components.dataGridRowStripesBackgroundSelect, ";}*:where(\n          &.euiDataGrid--stripes.euiDataGrid--rowHoverHighlight\n            .euiDataGridRow--selected:hover\n        ){background-color:", euiTheme.components.dataGridRowStripesBackgroundSelectHover, ";}*:where(&.euiDataGrid--rowHoverHighlight .euiDataGridRow)::before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:0;background-color:", euiTheme.components.dataGridRowBackground, ";};label:euiDataGrid;"),
     cellPadding: {
       cellPadding: function cellPadding(size) {
         return /*#__PURE__*/(0, _react.css)(".euiDataGridHeaderCell,.euiDataGridRowCell__content{padding:", _cellPadding[size], ";}.euiDataGridRowCell__content--lineCountHeight,.euiDataGridRowCell__content--autoBelowLineCountHeight{", (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {

package/lib/components/page/page_header/page_header_content.js

@@ -136,7 +136,6 @@ var EuiPageHeaderContent = exports.EuiPageHeaderContent = function EuiPageHeader
   var tabsNode;
   if (tabs) {
     var _tabs$find;
-    var tabsSize = pageTitle ? 'l' : 'xl';
     var renderTabs = function renderTabs() {
       return tabs.map(function (tab, index) {
         var label = tab.label,
@@ -153,7 +152,7 @@ var EuiPageHeaderContent = exports.EuiPageHeaderContent = function EuiPageHeader
     })) === null || _tabs$find === void 0 ? void 0 : _tabs$find.label));
     tabsNode = (0, _react2.jsx)(_react.default.Fragment, null, pageTitleNode && (0, _react2.jsx)(_spacer.EuiSpacer, null), screenReaderPageTitle, (0, _react2.jsx)(_tabs.EuiTabs, _extends({}, tabsProps, {
       bottomBorder: false,
-      size: tabsSize
+      size: "l"
     }), renderTabs()));
   }
   var childrenNode = children && (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_spacer.EuiSpacer, null), children);

package/lib/components/table/table_row.js

@@ -36,7 +36,7 @@ var EuiTableRow = exports.EuiTableRow = function EuiTableRow(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   var isResponsive = (0, _responsive_context.useEuiTableIsResponsive)();
   var styles = (0, _services.useEuiMemoizedStyles)(_table_row.euiTableRowStyles);
-  var cssStyles = isResponsive ? [styles.euiTableRow, styles.mobile.mobile, isSelected && styles.mobile.selected, isExpandedRow && styles.mobile.expanded, (hasActions === true || isExpandable || isExpandedRow) && styles.mobile.hasRightColumn, hasSelection && styles.mobile.hasLeftColumn] : [styles.euiTableRow, styles.desktop.desktop, isSelected && styles.desktop.selected, isExpandedRow && styles.desktop.expanded, onClick && styles.desktop.clickable, isExpandedRow && hasSelection && styles.desktop.checkboxOffset];
+  var cssStyles = isResponsive ? [styles.euiTableRow, styles.mobile.mobile, isSelected && styles.mobile.selected, isExpandedRow && styles.mobile.expanded, (hasActions === true || isExpandable || isExpandedRow) && styles.mobile.hasRightColumn, hasSelection && styles.mobile.hasLeftColumn] : [styles.euiTableRow, styles.desktop.desktop, onClick && styles.desktop.clickable, isSelected && styles.desktop.selected, isExpandedRow && styles.desktop.expanded, isExpandedRow && hasSelection && styles.desktop.checkboxOffset];
   var classes = (0, _classnames.default)('euiTableRow', className, {
     'euiTableRow-isSelectable': isSelectable,
     'euiTableRow-isSelected': isSelected,

package/lib/components/tabs/tab.styles.js

@@ -47,9 +47,6 @@ var euiTabContentStyles = exports.euiTabContentStyles = function euiTabContentSt
     m: /*#__PURE__*/(0, _react.css)("font-size:", (0, _global_styling.euiFontSize)(euiThemeContext, 's').fontSize, ";line-height:", euiTheme.size.xxl, ";;label:m;"),
     l: /*#__PURE__*/(0, _react.css)("font-size:", (0, _global_styling.euiFontSize)(euiThemeContext, 'm').fontSize, ";line-height:", (0, _global_styling.mathWithUnits)([euiTheme.size.xl, euiTheme.size.s], function (x, y) {
       return x + y;
-    }), ";;label:l;"),
-    xl: /*#__PURE__*/(0, _react.css)("font-size:", (0, _global_styling.euiFontSize)(euiThemeContext, 'l').fontSize, ";line-height:", (0, _global_styling.mathWithUnits)([euiTheme.size.xxxl, euiTheme.size.s], function (x, y) {
-      return x + y;
-    }), ";;label:xl;")
+    }), ";;label:l;")
   };
 };

package/lib/components/tabs/tabs.js

@@ -26,7 +26,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
-var SIZES = exports.SIZES = ['s', 'm', 'l', 'xl'];
+var SIZES = exports.SIZES = ['s', 'm', 'l'];
 var EuiTabs = exports.EuiTabs = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -89,7 +89,6 @@ EuiTabs.propTypes = {
   bottomBorder: _propTypes.default.bool,
   /**
        * Sizes affect both font size and overall size.
-       * Only use the `xl` size when displayed as page titles.
        */
   size: _propTypes.default.any
 };

package/lib/components/tabs/tabs.styles.js

@@ -26,7 +26,6 @@ var euiTabsStyles = exports.euiTabsStyles = function euiTabsStyles(euiThemeConte
     // sizes
     s: /*#__PURE__*/(0, _react.css)("gap:", euiTheme.size.m, ";;label:s;"),
     m: /*#__PURE__*/(0, _react.css)("gap:", euiTheme.size.base, ";;label:m;"),
-    l: /*#__PURE__*/(0, _react.css)("gap:", euiTheme.size.l, ";;label:l;"),
-    xl: /*#__PURE__*/(0, _react.css)("gap:", euiTheme.size.xl, ";;label:xl;")
+    l: /*#__PURE__*/(0, _react.css)("gap:", euiTheme.size.l, ";;label:l;")
   };
 };

package/lib/services/color/eui_palettes.js

@@ -128,6 +128,8 @@ var _getVisColorsAsText = function _getVisColorsAsText(visColors, keys) {
 };
 
 /**
+ * @deprecated - use `euiColorVisText{NUMBER}` tokens directly
+ *
  * NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
  * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
  */
@@ -136,12 +138,14 @@ var euiPaletteForLightBackground = exports.euiPaletteForLightBackground = functi
     colors = _ref3.colors;
   var visColors = colors !== null && colors !== void 0 ? colors : _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
   var visColorsAsTextKeys = Object.keys(visColors).filter(function (color) {
-    return color.includes('AsTextLight');
+    return color.includes('euiColorVisText');
   });
   return _getVisColorsAsText(visColors, visColorsAsTextKeys);
 };
 
 /**
+ * @deprecated - use `euiColorVisText{NUMBER}` tokens directly
+ *
  * NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
  * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
  */
@@ -150,7 +154,7 @@ var euiPaletteForDarkBackground = exports.euiPaletteForDarkBackground = function
     colors = _ref4.colors;
   var visColors = colors !== null && colors !== void 0 ? colors : _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
   var visColorsAsTextKeys = Object.keys(visColors).filter(function (color) {
-    return color.includes('AsTextDark');
+    return color.includes('euiColorVisText');
   });
   return _getVisColorsAsText(visColors, visColorsAsTextKeys);
 };