@elastic/eui 106.7.0 → 107.0.0

package/eui.d.ts

@@ -502,6 +502,7 @@ declare module '@elastic/eui/src/services/theme/high_contrast_overrides' {
 	    animation?: import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common")._EuiThemeAnimation> | undefined;
 	    breakpoint?: import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common")._EuiThemeBreakpoints> | undefined;
 	    levels?: import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common")._EuiThemeLevels> | undefined;
+	    shadows?: import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common")._EuiThemeShadows> | undefined;
 	    components?: import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common")._EuiThemeComponents> | undefined;
 	    flags?: import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common")._EuiThemeFlags> | undefined;
 	    overrides?: import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common")._EuiThemeOverrides | undefined>;
@@ -1343,7 +1344,7 @@ declare module '@elastic/eui/src/global_styling/variables/size' {
 
 }
 declare module '@elastic/eui/src/global_styling/variables/shadow' {
-	export { EuiThemeShadowSizes, _EuiShadowSizesDescriptions, type _EuiThemeShadowSize, type _EuiThemeShadowCustomColor, } from '@elastic/eui-theme-common';
+	export { EuiThemeShadowSizes, _EuiShadowSizesDescriptions, type _EuiThemeShadows, type _EuiThemeShadowSize, type _EuiThemeShadowLayer, type _EuiThemeShadowCustomColor, } from '@elastic/eui-theme-common';
 
 }
 declare module '@elastic/eui/src/global_styling/variables/states' {
@@ -1401,14 +1402,18 @@ declare module '@elastic/eui/src/global_styling/mixins/_responsive' {
 
 }
 declare module '@elastic/eui/src/global_styling/mixins/_shadow' {
-	import { euiShadowFlat, euiShadow, euiSlightShadowHover, euiShadowXSmall, euiShadowSmall, euiShadowMedium, euiShadowLarge, euiShadowXLarge, type _EuiThemeShadowSize, type EuiShadowOptions } from '@elastic/eui-theme-common';
-	export { euiShadowFlat, euiShadow, euiSlightShadowHover, euiShadowXSmall, euiShadowSmall, euiShadowMedium, euiShadowLarge, euiShadowXLarge, };
+	import { euiShadowFlat, euiShadow, euiSlightShadowHover, euiShadowXSmall, euiShadowSmall, euiShadowMedium, euiShadowLarge, euiShadowXLarge, euiShadowHover, type _EuiThemeShadowSize, type EuiShadowOptions } from '@elastic/eui-theme-common';
+	export { euiShadowFlat, euiShadow, euiSlightShadowHover, euiShadowXSmall, euiShadowSmall, euiShadowMedium, euiShadowLarge, euiShadowXLarge, euiShadowHover, };
+	/** @deprecated */
 	export interface EuiShadowCustomColor {
 	    color?: string;
 	}
+	/** @deprecated use euiShadowHover/useEuiShadowHover instead */
 	export const useEuiSlightShadowHover: (options?: EuiShadowOptions) => string;
+	/** @deprecated - useEuiShadow instead */
 	export const useEuiShadowFlat: (options?: EuiShadowOptions) => string;
 	export const useEuiShadow: (size?: _EuiThemeShadowSize, options?: EuiShadowOptions) => string;
+	export const useEuiShadowHover: (size?: _EuiThemeShadowSize, options?: EuiShadowOptions) => string;
 
 }
 declare module '@elastic/eui/src/global_styling/mixins' {
@@ -13101,6 +13106,12 @@ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_stat
 	import { _EuiThemeFocus } from '@elastic/eui/src/global_styling/variables/states';
 	export const focus: _EuiThemeFocus;
 
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_shadows' {
+	import { _EuiThemeShadows, type _EuiThemeShadowPrimitives } from '@elastic/eui-theme-common';
+	export const shadowPrimitives: _EuiThemeShadowPrimitives;
+	export const shadows: _EuiThemeShadows;
+
 }
 declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_buttons' {
 	import { _EuiThemeButton } from '@elastic/eui-theme-common';
@@ -32276,6 +32287,42 @@ declare module '@elastic/eui/dist/eui_theme_amsterdam_dark.json' {
     };
     euiBreakpointKeys: string;
     euiShadowColor: string;
+    euiShadows: {
+      xs: {
+        down: string;
+        up: string;
+      };
+      s: {
+        down: string;
+        up: string;
+      };
+      m: {
+        down: string;
+        up: string;
+      };
+      l: {
+        down: string;
+        up: string;
+      };
+      xl: {
+        down: string;
+        up: string;
+      };
+      hover: {
+        base: {
+          down: string;
+          up: string;
+        };
+        xl: {
+          down: string;
+          up: string;
+        };
+      };
+      flat: {
+        down: string;
+        up: string;
+      };
+    };
     euiSize: string;
     euiSizeXS: string;
     euiSizeS: string;
@@ -32706,6 +32753,42 @@ declare module '@elastic/eui/dist/eui_theme_amsterdam_light.json' {
     };
     euiBreakpointKeys: string;
     euiShadowColor: string;
+    euiShadows: {
+      xs: {
+        down: string;
+        up: string;
+      };
+      s: {
+        down: string;
+        up: string;
+      };
+      m: {
+        down: string;
+        up: string;
+      };
+      l: {
+        down: string;
+        up: string;
+      };
+      xl: {
+        down: string;
+        up: string;
+      };
+      hover: {
+        base: {
+          down: string;
+          up: string;
+        };
+        xl: {
+          down: string;
+          up: string;
+        };
+      };
+      flat: {
+        down: string;
+        up: string;
+      };
+    };
     euiSize: string;
     euiSizeXS: string;
     euiSizeS: string;
@@ -33136,6 +33219,42 @@ declare module '@elastic/eui/dist/eui_theme_borealis_dark.json' {
     };
     euiBreakpointKeys: string;
     euiShadowColor: string;
+    euiShadows: {
+      xs: {
+        down: string;
+        up: string;
+      };
+      s: {
+        down: string;
+        up: string;
+      };
+      m: {
+        down: string;
+        up: string;
+      };
+      l: {
+        down: string;
+        up: string;
+      };
+      xl: {
+        down: string;
+        up: string;
+      };
+      hover: {
+        base: {
+          down: string;
+          up: string;
+        };
+        xl: {
+          down: string;
+          up: string;
+        };
+      };
+      flat: {
+        down: string;
+        up: string;
+      };
+    };
     euiSize: string;
     euiSizeXS: string;
     euiSizeS: string;
@@ -33566,6 +33685,42 @@ declare module '@elastic/eui/dist/eui_theme_borealis_light.json' {
     };
     euiBreakpointKeys: string;
     euiShadowColor: string;
+    euiShadows: {
+      xs: {
+        down: string;
+        up: string;
+      };
+      s: {
+        down: string;
+        up: string;
+      };
+      m: {
+        down: string;
+        up: string;
+      };
+      l: {
+        down: string;
+        up: string;
+      };
+      xl: {
+        down: string;
+        up: string;
+      };
+      hover: {
+        base: {
+          down: string;
+          up: string;
+        };
+        xl: {
+          down: string;
+          up: string;
+        };
+      };
+      flat: {
+        down: string;
+        up: string;
+      };
+    };
     euiSize: string;
     euiSizeXS: string;
     euiSizeS: string;

package/lib/components/bottom_bar/bottom_bar.styles.js

@@ -24,8 +24,10 @@ var euiBottomBarStyles = exports.euiBottomBarStyles = function euiBottomBarStyle
     // Base
     // `color` is inherited from the wrapping `EuiThemeProvider colorMode="dark"`
     euiBottomBar: /*#__PURE__*/(0, _react.css)("background-color:", euiTheme.components.bottomBarBackground, ";", (0, _global_styling.logicalCSS)('border-top', euiTheme.border.thin), " ", (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {
-      none: (0, _euiThemeCommon.euiShadowFlat)(euiThemeContext)
-    }), " ", _global_styling.euiCanAnimate, "{animation:", euiBottomBarAppear, " ", euiTheme.animation.slow, " ", euiTheme.animation.resistance, ";};label:euiBottomBar;"),
+      none: (0, _euiThemeCommon.euiShadowFlat)(euiThemeContext, {
+        border: 'none'
+      })
+    }), "clip-path:polygon(0 -100vh, 100% -100vh, 100% 100%, 0 100%);", _global_styling.euiCanAnimate, "{animation:", euiBottomBarAppear, " ", euiTheme.animation.slow, " ", euiTheme.animation.resistance, ";};label:euiBottomBar;"),
     static: /*#__PURE__*/(0, _react.css)(";label:static;"),
     // Default
     fixed: /*#__PURE__*/(0, _react.css)("position:fixed;z-index:", Number(euiTheme.levels.header) - 2, ";;label:fixed;"),

package/lib/components/collapsible_nav_beta/collapsible_nav_beta.js

@@ -163,7 +163,7 @@ var _EuiCollapsibleNavBeta = function _EuiCollapsibleNavBeta(_ref) {
   }, [_focusTrapProps]);
   var classes = (0, _classnames.default)('euiCollapsibleNav', 'euiCollapsibleNavBeta', className);
   var styles = (0, _services.useEuiMemoizedStyles)(_collapsible_nav_beta.euiCollapsibleNavBetaStyles);
-  var cssStyles = [styles.euiCollapsibleNavBeta, styles[side], isPush && styles.isPush, isPush && isCollapsed && styles.isPushCollapsed, isOverlayFullWidth && styles.isOverlayFullWidth];
+  var cssStyles = [styles.euiCollapsibleNavBeta, isPush && styles.isPush, styles[side], isPush && isCollapsed && styles.isPushCollapsed, isOverlayFullWidth && styles.isOverlayFullWidth];
   var flyout = (0, _react2.jsx)(_flyout.EuiFlyout, _extends({
     "aria-label": defaultAriaLabel
   }, rest, {

package/lib/components/collapsible_nav_beta/collapsible_nav_beta.styles.js

@@ -29,7 +29,9 @@ var euiCollapsibleNavBetaStyles = exports.euiCollapsibleNavBetaStyles = function
     euiCollapsibleNavBeta: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('top', fixedHeaderOffset), (0, _global_styling.logicalCSS)('padding-bottom', euiTheme.size.xs), ";;label:euiCollapsibleNavBeta;"),
     left: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('border-right', euiTheme.border.thin), ";;label:left;"),
     right: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('border-left', euiTheme.border.thin), ";;label:right;"),
-    isPush: /*#__PURE__*/(0, _react.css)((0, _themes.euiShadowFlat)(euiThemeContext), ";;label:isPush;"),
+    isPush: /*#__PURE__*/(0, _react.css)((0, _themes.euiShadowFlat)(euiThemeContext, {
+      border: 'none'
+    }), ";;label:isPush;"),
     isPushCollapsed: /*#__PURE__*/(0, _react.css)(_collapsible_nav_body_footer.hideScrollbars, ";;label:isPushCollapsed;"),
     isOverlayFullWidth: /*#__PURE__*/(0, _react.css)("&.euiFlyout{", (0, _global_styling.logicalCSS)('max-width', '100% !important'), ";};label:isOverlayFullWidth;")
   };

package/lib/components/flyout/flyout.styles.js

@@ -28,9 +28,16 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "animation-duration:0s!important;label:noAnimation;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "rks1ev-overlay",
+  styles: "&:has(.euiResizableButton){border-inline:none;};label:overlay;"
+} : {
+  name: "rks1ev-overlay",
+  styles: "&:has(.euiResizableButton){border-inline:none;};label:overlay;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
 var euiFlyoutStyles = exports.euiFlyoutStyles = function euiFlyoutStyles(euiThemeContext) {
-  var euiTheme = euiThemeContext.euiTheme,
-    colorMode = euiThemeContext.colorMode;
+  var euiTheme = euiThemeContext.euiTheme;
   return {
     euiFlyout: /*#__PURE__*/(0, _react.css)("position:fixed;", (0, _global_styling.logicalCSS)('bottom', 0), " ", (0, _global_styling.logicalCSS)('top', 'var(--euiFixedHeadersOffset, 0)'), " ", (0, _global_styling.logicalCSS)('height', 'inherit'), " z-index:", euiTheme.levels.flyout, ";background:", euiTheme.colors.emptyShade, ";display:flex;flex-direction:column;align-items:stretch;&:focus{outline:none;}", maxedFlyoutWidth(euiThemeContext), ";;label:euiFlyout;"),
     // Flyout sizes
@@ -45,11 +52,15 @@ var euiFlyoutStyles = exports.euiFlyoutStyles = function euiFlyoutStyles(euiThem
     left: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('left', 0), " clip-path:polygon(0 0, 150% 0, 150% 100%, 0 100%);", _global_styling.euiCanAnimate, "{animation:", euiFlyoutSlideInLeft, " ", euiTheme.animation.normal, " ", euiTheme.animation.resistance, ";};label:left;"),
     // Type
     overlay: {
-      overlay: /*#__PURE__*/(0, _react.css)((0, _euiThemeCommon.euiShadowXLarge)(euiThemeContext, {
-        borderAllInHighContrastMode: true
-      }), " &:has(.euiResizableButton){border-inline:none;};label:overlay;"),
-      left: /*#__PURE__*/(0, _react.css)("border-inline-end:", colorMode === 'DARK' ? "".concat(euiTheme.border.width.thin, " solid\n          ").concat(euiTheme.colors.borderBaseFloating) : 'none', ";;label:left;"),
-      right: /*#__PURE__*/(0, _react.css)("border-inline-start:", colorMode === 'DARK' ? "".concat(euiTheme.border.width.thin, " solid\n          ").concat(euiTheme.colors.borderBaseFloating) : 'none', ";;label:right;")
+      overlay: _ref2,
+      left: /*#__PURE__*/(0, _react.css)((0, _euiThemeCommon.euiShadowXLarge)(euiThemeContext, {
+        borderAllInHighContrastMode: true,
+        border: 'right'
+      }), ";;label:left;"),
+      right: /*#__PURE__*/(0, _react.css)((0, _euiThemeCommon.euiShadowXLarge)(euiThemeContext, {
+        borderAllInHighContrastMode: true,
+        border: 'left'
+      }), ";;label:right;")
     },
     push: {
       push: /*#__PURE__*/(0, _react.css)("clip-path:none;z-index:", Number(euiTheme.levels.flyout) - 1, ";;label:push;"),

package/lib/components/header/header.styles.js

@@ -31,7 +31,9 @@ var euiHeaderStyles = exports.euiHeaderStyles = function euiHeaderStyles(euiThem
     height = _euiHeaderVariables.height,
     padding = _euiHeaderVariables.padding;
   return {
-    euiHeader: /*#__PURE__*/(0, _react.css)("display:flex;justify-content:space-between;", (0, _global_styling.logicalCSS)('height', height), " ", (0, _global_styling.logicalCSS)('padding-horizontal', padding), " ", (0, _global_styling.logicalCSS)('border-bottom', euiTheme.border.thin), " ", (0, _euiThemeCommon.euiShadowXSmall)(euiThemeContext), ";;label:euiHeader;"),
+    euiHeader: /*#__PURE__*/(0, _react.css)("display:flex;justify-content:space-between;", (0, _global_styling.logicalCSS)('height', height), " ", (0, _global_styling.logicalCSS)('padding-horizontal', padding), " ", (0, _global_styling.logicalCSS)('border-bottom', euiTheme.border.thin), " ", (0, _euiThemeCommon.euiShadowXSmall)(euiThemeContext, {
+      border: 'none'
+    }), "&+.euiHeader{clip-path:polygon(0 0, 100% 0, 100% 100vh, 0 100vh);};label:euiHeader;"),
     // Position
     static: /*#__PURE__*/(0, _react.css)("z-index:", Number(euiTheme.levels.header) - 1, ";position:relative;;label:static;"),
     fixed: /*#__PURE__*/(0, _react.css)("z-index:", Number(euiTheme.levels.header) + 1, ";position:fixed;", (0, _global_styling.logicalCSS)('top', 0), " ", (0, _global_styling.logicalCSS)('horizontal', 0), ";;label:fixed;"),

package/lib/components/page_template/inner/page_inner.styles.js

@@ -19,7 +19,9 @@ var euiPageInnerStyles = exports.euiPageInnerStyles = function euiPageInnerStyle
   var euiTheme = euiThemeContext.euiTheme;
   return {
     euiPageInner: /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:column;align-items:stretch;flex:1 1 100%;", (0, _global_styling.logicalCSS)('max-width', '100%'), " ", (0, _global_styling.logicalCSS)('min-width', '0'), ";;label:euiPageInner;"),
-    panelled: /*#__PURE__*/(0, _react.css)("background:", euiThemeContext.euiTheme.colors.backgroundBasePlain, ";", (0, _euiThemeCommon.euiShadow)(euiThemeContext, 'm'), ";;label:panelled;"),
+    panelled: /*#__PURE__*/(0, _react.css)("background:", euiThemeContext.euiTheme.colors.backgroundBasePlain, ";", (0, _euiThemeCommon.euiShadow)(euiThemeContext, 'm', {
+      border: 'none'
+    }), ";;label:panelled;"),
     border: {
       top: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('border-top', euiTheme.border.thin), ";;label:top;"),
       left: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('border-left', euiTheme.border.thin), ";;label:left;")

package/lib/components/panel/panel.styles.js

@@ -27,7 +27,9 @@ var euiPanelBorderStyles = exports.euiPanelBorderStyles = function euiPanelBorde
    euiTheme.colors.borderBaseFloating is enough then */
   var hasVisibleBorder = hasFloatingBorder && colorMode === 'DARK';
   return (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {
-    none: "\n      /* Using a pseudo element for the border instead of floating border only \n      because the transparent border might otherwise be visible with arbitrary \n      full-width/height content in light mode. */\n      &::after {\n        content: '';\n        position: absolute;\n        /* ensure to keep on top of flush content */\n        z-index: 0;\n        inset: 0;\n        border: ".concat(euiTheme.border.width.thin, " solid\n          ").concat((borderColor !== null && borderColor !== void 0 ? borderColor : hasVisibleBorder) ? euiTheme.border.color : euiTheme.colors.borderBaseFloating, ";\n        border-radius: inherit;\n        pointer-events: none;\n      }\n    "),
+    none: "\n      /* Using a pseudo element for the border instead of floating border only\n      because the transparent border might otherwise be visible with arbitrary\n      full-width/height content in light mode. */\n      ".concat((0, _euiThemeCommon.euiBorderStyles)(euiThemeContext, {
+      borderColor: (borderColor !== null && borderColor !== void 0 ? borderColor : hasVisibleBorder) ? euiTheme.border.color : euiTheme.colors.borderBaseFloating
+    }), "\n    "),
     preferred: "\n      border: ".concat(euiTheme.border.thin, ";\n    ")
   });
 };
@@ -53,9 +55,7 @@ var euiPanelStyles = exports.euiPanelStyles = function euiPanelStyles(euiThemeCo
     // Base
     euiPanel: _ref2,
     grow: _ref,
-    hasShadow: /*#__PURE__*/(0, _react.css)((0, _euiThemeCommon.euiShadow)(euiThemeContext, 'm'), " ", euiPanelBorderStyles(euiThemeContext, {
-      hasFloatingBorder: false
-    }), ";;label:hasShadow;"),
+    hasShadow: /*#__PURE__*/(0, _react.css)((0, _euiThemeCommon.euiShadow)(euiThemeContext, 'm'), ";;label:hasShadow;"),
     hasBorder: /*#__PURE__*/(0, _react.css)(euiPanelBorderStyles(euiThemeContext, {
       borderColor: euiTheme.border.color,
       hasFloatingBorder: false
@@ -66,7 +66,7 @@ var euiPanelStyles = exports.euiPanelStyles = function euiPanelStyles(euiThemeCo
     },
     // Setup interactive behavior
     isClickable: /*#__PURE__*/(0, _react.css)(_global_styling.euiCanAnimate, "{transition:box-shadow ", euiTheme.animation.fast, " ", euiTheme.animation.resistance, ",transform ", euiTheme.animation.fast, " ", euiTheme.animation.resistance, ";}&:enabled{display:block;", (0, _global_styling.logicalCSS)('width', '100%'), " ", (0, _global_styling.logicalTextAlignCSS)('left'), ";}&:hover,&:focus{", (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {
-      none: (0, _euiThemeCommon.euiShadow)(euiThemeContext, 'l'),
+      none: (0, _euiThemeCommon.euiShadowHover)(euiThemeContext, 'l'),
       // Windows high contrast themes ignore box-shadows - use a filter workaround instead
       preferred: "\n            &:not(.euiPanel--transparent) {\n              filter: drop-shadow(0 ".concat(euiTheme.border.width.thick, " 0 ").concat(euiTheme.border.color, ");\n            }\n          ")
     }), " transform:translateY(-2px);cursor:pointer;};label:isClickable;")

package/lib/global_styling/mixins/_shadow.js

@@ -15,6 +15,12 @@ Object.defineProperty(exports, "euiShadowFlat", {
     return _euiThemeCommon.euiShadowFlat;
   }
 });
+Object.defineProperty(exports, "euiShadowHover", {
+  enumerable: true,
+  get: function get() {
+    return _euiThemeCommon.euiShadowHover;
+  }
+});
 Object.defineProperty(exports, "euiShadowLarge", {
   enumerable: true,
   get: function get() {
@@ -51,7 +57,7 @@ Object.defineProperty(exports, "euiSlightShadowHover", {
     return _euiThemeCommon.euiSlightShadowHover;
   }
 });
-exports.useEuiSlightShadowHover = exports.useEuiShadowFlat = exports.useEuiShadow = void 0;
+exports.useEuiSlightShadowHover = exports.useEuiShadowHover = exports.useEuiShadowFlat = exports.useEuiShadow = void 0;
 var _euiThemeCommon = require("@elastic/eui-theme-common");
 var _theme = require("../../services/theme");
 /*
@@ -62,10 +68,15 @@ var _theme = require("../../services/theme");
  * Side Public License, v 1.
  */
 
+/** @deprecated */
+
+/** @deprecated use euiShadowHover/useEuiShadowHover instead */
 var useEuiSlightShadowHover = exports.useEuiSlightShadowHover = function useEuiSlightShadowHover(options) {
   var euiThemeContext = (0, _theme.useEuiTheme)();
   return (0, _euiThemeCommon.euiSlightShadowHover)(euiThemeContext, options);
 };
+
+/** @deprecated - useEuiShadow instead */
 var useEuiShadowFlat = exports.useEuiShadowFlat = function useEuiShadowFlat(options) {
   var euiThemeContext = (0, _theme.useEuiTheme)();
   return (0, _euiThemeCommon.euiShadowFlat)(euiThemeContext, options);
@@ -75,4 +86,10 @@ var useEuiShadow = exports.useEuiShadow = function useEuiShadow() {
   var options = arguments.length > 1 ? arguments[1] : undefined;
   var euiThemeContext = (0, _theme.useEuiTheme)();
   return (0, _euiThemeCommon.euiShadow)(euiThemeContext, size, options);
+};
+var useEuiShadowHover = exports.useEuiShadowHover = function useEuiShadowHover() {
+  var size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'l';
+  var options = arguments.length > 1 ? arguments[1] : undefined;
+  var euiThemeContext = (0, _theme.useEuiTheme)();
+  return (0, _euiThemeCommon.euiShadowHover)(euiThemeContext, size, options);
 };